/*

File: master style style sheet for www.offroadparts.sk

Created by: Peter Melaga | http://www.webygroup.sk/

Date: 16. december 2008

*/

body{
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:140%;
	text-align:center;
	margin:0;
	padding:0;
	}

h1,h2,h3,h4,h5,h6{font-weight:bold; margin:0; padding:0 0 10px 0; line-height:normal; font-family:Arial, Helvetica, sans-serif; color:#186BB9; text-transform:uppercase;}
h1{font-size:22px; font-weight:normal; padding:0 0 5px 0;}
h2{font-size:18px; font-weight:normal;}
h3{font-size:16px;}
h4{font-size:14px;}


ul, ol{padding:0 0 20px 30px; margin: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:#186BB9; text-decoration:underline; outline:none;}
a:hover{color:#631211; text-decoration:underline}

.cleaner{clear:both;}

select{font-size:11px;}
option{padding-right:20px; font-size:11px;}

.skry{display:none;}

hr{color:#615f60; background-color:#615f60; border:none; clear:both; margin:5px 0; width:100%; height:2px;}
form{margin:0; padding:0;}
.XHTMLAfterCategory, .XHTMLBeforeCategory{clear:both; width:100%;}

/* ---------------------------------------------------------------------------------------*/

#container{
	width:950px;
	margin:0 auto;
	text-align:left;
	-moz-box-shadow:0 0 15px #888888;
	-webkit-box-shadow:0 0 15px #888888;
	box-shadow:0 0 15px #888888;
	}

#head{
	width:950px;
	height:267px;
	position:relative;
	 border-bottom:1px solid #FFFFFF;
	background:url(images/bg_head.jpg) no-repeat left bottom;
	}

#head #logo{
	margin:0;
	padding:0;
	position:absolute;
	top:44px;
	left:183px;
	width:375px;
	height:120px;
	}

#head #logo a{display:block; width:375px; height:120px; text-indent:-9999px; overflow:hidden;}

#left{
	float:left;
	width:230px;
	}

#content{
	float:right;
	width:700px;
	padding:5px 10px 20px 10px;
	}

#footer{
	clear:both;
	height:80px;
	background:url(images/bg_footer.jpg) no-repeat 0 0;
	}

#footer p{
	margin:0;
	padding:40px 0 0 0;
	text-align:center;
	font-size:11px;
	color:#565555;
	}
	
#footer p a{text-decoration:none; color:#565555;}
#footer p a:hover{text-decoration:underline; color:#565555;}

#main-top{	
    bottom: 0;
    height: 57px;
    position: absolute;
    right: 0;
    width: 680px;
    }
#main-top-inner{
	display:none;
	}
	/*
#main-login{
	font-size: 11px;
    left: 15px;
    position: absolute;
    top: 8px;
    width: 235px;
    }
    */
#main-kosik{
	top: 12px;
    color: #484A4C;
    font-weight: bold;    
    letter-spacing: -1px;
    overflow: hidden;
    position: absolute;
    right: 15px;
    text-align: right;    
    }
#main-login span{padding:0 4px;}

/***************** TOPMENU **************************************/

#menu{
	position:absolute;
	bottom:17px;
	left:0px;
	}

#menu ul{
	margin:0;
	padding:0;
	}
	
#menu ul li{
	float:left;
	list-style:none;
	margin:0;
	padding:20px 15px 0 15px;
	background:url(images/sipka.gif) no-repeat center top;
	}

#menu ul li a{
	color:#fff;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;	
	}

#menu ul li a:hover{color:#ff0;  text-decoration:underline;}


/******************** KONIEC TOPMENU ******************************/

/***************** sjm-s-kategorie **************************************/

#kategorie{padding-bottom:10px;}
#kategorie h2, .box h2{color:#FFF; font-size:14px; background-color:#5a5859; font-weight:bold; margin:0; padding:5px; text-align:center;}

#left #kategorie div{
	padding:0;
	margin:0;
	width:230px;
	overflow:hidden;
	background:#186bb9;
}

#left #vyhladavanie div#sjm-s-search{
	padding:10px;
	margin:0;	
	overflow:hidden;
	background:#186bb9;
}

/* kategorie */
ul.Cat, #left-menu ul.sjMenu {
	width: 100%;
	margin: 0;
	padding: 0;
}
ul.Cat li, #left-menu ul.sjMenu li {
	margin: 0;
	padding:0;
	width:230px;
	list-style:none;
}
ul.Cat li em {
	font-weight:normal;
	font-size:11px;
}
ul.Cat li a, #left-menu ul.sjMenu li a {
	display:block;
	padding:5px 10px 5px 20px;
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	border-bottom:1px solid #FFFFFF;
	height:1%;
}
ul.Cat li a:hover, #left-menu ul.sjMenu li a:hover {
	color: #fffc05;
	background-color:#d90008;
}
ul.Cat li li, #left-menu ul.sjMenu li li {
	margin: 0;
	padding:0;
	border-bottom:0;
	width:auto;
}
ul.Cat ul {
	margin:0;
	padding:0;
	background-color:#E8E8E8;
}
ul.Cat ul li {
}
ul.Cat ul li a {
	color:#333333;
	font-weight:normal;
	padding:2px 10px 2px 35px;
	background-image:url(images/sipka-cat.gif);
	background-repeat:no-repeat;
	background-position:20px 8px;
}
ul.Cat ul li a:hover {
	color:#333333;
	background-color:#ddd;
}
ul.Cat ul ul {
	background:#EEE;
}
ul.Cat ul ul a {
	padding:2px 10px 2px 55px;
	background-position:40px 10px;
}






	
/******************** koniec sjm-s-kategorie ******************************/

/**** basix 0002 ****/
.basic001, .basic002, .basic003{width:auto; position:static;}
.basic002{margin-bottom:10px;}
.basic002 .title h2{color:#a8181e; font-size:20px; border-bottom:1px dashed #404040; font-weight:normal; margin:0 0 10px 0; padding:5px 15px; text-align:left;}
.basic002 .content{}

/**** koniec basic 002 *****/
.search{margin:0; padding:0; text-align:center;}
.search input{font-size:11px; border:1px solid #999999; padding:3px 5px; width:100px;}
.search input.SearchSubmit {margin:0; font-size:11px; color:#222; font-weight:bold; border:none; background:url(images/search.gif) no-repeat 0 0; padding:0; cursor:pointer; width:68px; height:22px;}
.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 {color:#186BB9; font-size:11px; border-bottom:1px dotted #ccc; font-weight:normal; margin:0 0 10px 0; padding:1px 0; text-align:left; width:100%; overflow:hidden;}

.ShopProductParentCategories ul{ margin:0; padding:0;}
.ShopProductParentCategories ul li{padding-right:5px; list-style:none; float:left;}
.ShopProductParentCategories ul li a{text-decoration:underline;}
.ShopProductParentCategories ul li a:hover{}

/* Dalsie strany

---------------------------------------------------------- */
.ShopCategoryPages{ padding:2px 0; text-align: left; width: 100%; font-size: 11px; width:300px; float:left; }
.ShopCategoryPages span{float: left; display: block; }
.ShopCategoryPages ul{ padding: 0 3px; margin: 0; }
.ShopCategoryPages ul li{ display: inline; margin: 0 3px; }
.ShopCategoryPages ul li b,
.ShopCategoryPages ul li a{color:#631211; border:1px solid #615f60; text-decoration:none;  padding: 0 3px;}
.ShopCategoryPages ul li a:hover{ background:#b1171d; color:#FFFFFF; text-decoration:none;}

.ShopCategoryPages ul li b{color:#ffffff; background:#631211; border:1px solid #898465; font-weight:normal;}

/* Sposob zobrazenia

---------------------------------------------------------- */
.ViewType{padding:0px; font-size:11px; float:right; overflow:hidden; width:220px; text-align: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:0; text-align: right; font-size:11px; float:right; overflow:hidden; width:120px;}
.ChangeCurrency p, .ChangeCurrency form{ display: inline; padding:2px 0; }
.ChangeCurrency label{ padding-right:5px; }
.ChangeCurrency select{ font-size:11px;}


/* ShopIntro - uvod

---------------------------------------------------------- */

/* ShopIntro - obchod uvod
---------------------------------------------------------- */
.ShopIntro {
	clear: both;
}
.ShopIntro .State, .ShopIntro .Actions, .ShopIntro .News, .ShopIntro .SellOuts, .ShopIntro .MostSaleable, .ShopIntro .Season, .ShopIntro .Default {
	width: 100%;
	clear:both;
	text-align: center;
	margin-bottom: 15px;
	overflow:hidden;
}
.ShopIntro h2 {
	margin: 0;
	padding: 0 0 8px 0;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#186bb9;
	text-transform:uppercase;
}
.ShopIntro h3 {
	margin:0;
	padding: 3px 0;
	font-weight:bold;
	text-align:left;
	font-size:12px;
	line-height:normal;
}
.ShopIntro h3 a {
	text-decoration:none;
}
.ShopIntro h3 a:hover {
	text-decoration:underline;
}
.ShopIntro .Row {
	width:100%;
	text-align: center;
	clear: both;
	overflow:hidden;
}
.ShopIntro .RowContent {
	background: #186bb9;
	padding:4px 2px 4px 2px;
	float:left;
	margin-bottom:5px;
}
.ShopIntro .Product {
	width:150px;
	float: left;
	background-color:#ffffff;
	margin:0 2px;
	padding:10px 10px 30px 10px;
	height:200px;
	position:relative;
	display:inline;
}
.ShopIntro .ProductPrice {
	text-align:left;
	position:absolute;
	bottom:10px;
	left:10px;
	width:150px;
}
.ShopIntro .ProductPrice .cena {
	font-weight:bold;
	font-size:16px;
	color:#333333;
}
.ShopIntro .ProductPrice .zlava-percent {
	color:#186BB9;
	float:right;
	font-size:16px;
	font-weight:bold;
	line-height:22px;
	padding:0 4px;
	position:relative;
	top:16px;
}
.ShopIntro .ProductImage {
	width:150px;
	height: 130px;
	overflow: hidden;
	margin: 0 auto;
}
.ShopIntro .ProductImage img {
	padding:3px;
}
.category-name {
	padding:5px 0 10px 0;
}
.XHTMLAfterCategory, .XHTMLBeforeCategory {
	width:100%;
	clear:both;
	padding:5px 0;
}
.DefaultXHTML {
}



/* ShopProductViewProduct - detail produktu

---------------------------------------------------------- */
/*
.ShopProductView{width: 100% font-size: 11px; text-align: center; clear: both; }
.ShopProductView  h2{margin:5px 0 0 0; padding:4px 25px; ont-size: 16px; font-weight: bold; color:#fff; text-decoration:none; background:#615f60 url(images/sipka-h3.jpg) no-repeat left bottom; text-align:left;}

.ShopProductView .Product{ padding: 10px; text-align:center; margin: 6px auto; position: relative;}

.ShopProductView .ProductDescription{ margin:6px auto; width: 500px; font-size: 11px; overflow:hidden;  background:#e8e8e8;}
.ShopProductView dl{font-weight: normal; width: 500px; padding: 0; margin:0; text-indent:3px; overflow:hidden; border-bottom:1px solid #fff;}
.ShopProductView dt{float: left; text-align:left; width: 110px; padding: 3px 5px; margin: 0; clear: both; font-weight: bold; border-bottom:1px solid #fff;}
.ShopProductView dd{float: left; text-align:left; width: 370px; padding: 3px 5px; margin: 0; border-bottom:1px solid #fff;}


.ShopProductView h3{clear: both; font-weight: bold;}
.ShopProductView .DetailDescription{text-align: left;}

.ShopProductView .ProductImage{padding: 6px 0; overflow: hidden; border: text-align: center; margin:0 auto;}
.ShopProductView .ProductImage img{margin: 0 auto; border:3px solid #FFFFFF;}

.ShopProductView strike{display: inline; color: #686868;}

.ShopProductView h3{clear: both;}


.ShopProductView .ProductButtons{ display: block; margin: 0 auto; clear: both; padding:0; width:500px;}
.ShopProductView .ProductButtons img{ float: right; margin: 0 0 0 4px; }
.ShopProductView .ProductButtons p{ margin: 0; float:right; }


.BackLink{ margin: 0 0 12px 0; font-weight: bold; }

#Quantity{border:1px inset #404040; width:40px; padding:1px;}

*/

.ShopProductView {
	clear: both;
	text-align: center;
	width:100%;
	overflow:hidden;
}
.ShopProductView h1 {
	padding:5px 0;
	margin:0;
	text-align:left;
	font-weight:normal;
	line-height:normal;
}
.ShopProductView .Product {
	padding:10px 0;
	margin:0 0 20px 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:10px;
	padding-bottom:20px;
	overflow:hidden;
}
.ShopProductView .Product .ProductDescription form {
	background:none #E8E8E8;
	border:1px solid #615F60;
	margin-bottom:10px;
	padding:10px 15px;
}
.ShopProductView .Product dl {
	font-weight: normal;
	width: 100%;
	overflow: hidden;
	padding: 0;
	border-bottom: 1px dotted #fff;
}
.ShopProductView .Product dt {
	float: left;
	width: 35%;
	padding: 5px 0;
	margin:0;
	clear: both;
	border-top: 1px dotted #fff;
}
.ShopProductView .Product dd {
	float: left;
	width: 65%;
	padding: 5px 0;
	margin:0;
	text-align: right;
	border-top: 1px dotted #fff;
}
.ShopProductView .Product dt.price {
	font-size:16px;
	line-height:26px;
}
.ShopProductView .Product dd 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;
}
.ShopProductView .Product .ProductImage img {
	max-width:350px;
	max-height:350px;
}
* html .ShopProductView .Product .ProductImage img {
	width:350px;
	height:350px;
}
.ShopProductView h3 {
	clear: both;
}
.ShopProductView .DetailDescription {
	clear:both;
	margin:0;
	overflow:hidden;
	position:relative;
	text-align:justify;
}
.ShopProductView .ProductButtons {
	margin: 6px 0;
	overflow: hidden;
	white-space:nowrap;
	clear:both;
	position:relative;
}
.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;
}
.ShopProductView .ProductButtons button:hover {
	background: url(images/add_hover.png) no-repeat 0 0;
}

.ShopProductView .ProductButtons button span{display:none;}

.ShopProductView .ProductButtons label {
	font-size:12px;
	left:68px;
	position:absolute;
	top:8px;
	color:#fff;
}
.ShopProductView .ProductButtons label.hover {
	color:#000;
}
.ShopProductView .ProductButtons #Quantity {
	border:1px solid #615F60;
	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:left;
}
#special_buttons ul {
	margin:0 auto;
	padding:0 0 0 20px;
}
#special_buttons ul li {
	list-style:square;
	padding:0 0 4px 0;
	line-height:normal;
	color:#dc4647;
}
#special_buttons ul li a {
	color:#dc4647;
}
#special_buttons ul li a:hover {
	text-decoration:none;
}
.share a img {
	vertical-align:middle;
}
.ShopProductView .sticker-percent, .ShopProductView .sticker-action, .ShopProductView .sticker-sellout, .ShopProductView .sticker-new {
	display:block;
	width:62px;
	height:62px;
	position:absolute;
	background-repeat:no-repeat;
	background-position:0 0;
	overflow:hidden;
	left:0;
	top:0;
	white-space:nowrap;
	text-align:left;
}
.ShopProductView .sticker-action span, .ShopProductView .sticker-sellout span, .ShopProductView .sticker-new span {
	display:none;
}
.ShopProductView .sticker-percent {
	background-image:url(images/sticker_red.png);
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	padding:18px 0 0 12px;
	width:50px;
	height:44px;
}
.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 {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.ShopProductView .pos-2 {
	position:absolute;
	top:32px;
	left:0;
	z-index:1;
}
/*
#equialent-products {
	clear:both;
	width:100%;
}
.EquivalentProducts {
	padding:0px 14px;
	margin:0 0 20px 0;
	overflow:hidden;
	border:1px solid #E11F26;
}
#equialent-products h2 {
	font-size:12px;
	text-transform:uppercase;
	margin:0;
	padding:0 0 8px 0;
}
.EquivalentProduct {
	float:left;
	width:160px;
	padding:5px;
	overflow:hidden;
	text-align:center;
}
.EquivalentProduct .ProductImage {
	text-align:center;
}
*/

#equialent-products{clear:both; width:100%;}
.EquivalentProducts{padding:0; margin:0; overflow:hidden;}
#equialent-products h2{font-size:12px; text-transform:uppercase; margin:0; padding:0 0 8px 0;}
div.panes div.EquivalentProduct{
	border: 1px solid #F6F6F6;
    float: left;
    height: 180px;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    width: 155px;
	}
.ShopProductView .Product .EquivalentProduct .ProductImage{text-align:center; width:auto; margin:0; padding:0; float:none; height:120px;}
.ShopProductView .Product .EquivalentProduct .price{font-weight:bold; text-align:center; padding:4px 0;}


.photo-gallery {
	margin:0;
	padding:0;
}
.photo-gallery .photo {
	float:left;
	width:154px;
	padding:5px;
	overflow:hidden;
	height:155px;
	text-align:center;
}
.photo-gallery .PhotoImage {
	text-align:center;
}
.photo-gallery .PhotoImage img {
	padding:1px;
}
.photo-gallery .PhotoDescription {
}
.ShopProductView .Product .attachments dl {
	font-weight: normal;
	width: 100%;
	overflow: hidden;
	padding: 0;
}
.ShopProductView .Product .attachments dt {
	float: left;
	width: 50%;
	padding: 3px 0;
	margin:0;
	clear: both;
}
.ShopProductView .Product .attachments dd {
	float: left;
	width: 50%;
	padding: 3px 0;
	margin:0;
	text-align: left;
}


/* 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 #ddd;}
table.Obchod_Produkt_Ikony td{padding: 8px 0; font-size: 11px; text-align:center; border:1px solid #ddd;}
table td.Obchod_Product_Name{width: 33%; padding: 2px 5px; background-color:#eee;}
table .Obchod_Product_Name a{}
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;}
.ShopDivViewList table thead{}
.ShopDivViewList table th{ padding: 4px; font-size:11px;  background:#615f60; border:1px solid #ddd; color:#fff;}
.ShopDivViewList table td{ padding: 1px 4px;  border:1px solid #ddd; background:#e8e8e8; vertical-align:middle; }
.ShopDivViewList table tr.even td{background-color:#f6f6f6;}

.ShopDivViewList table td a{ font-weight:bold;}
.ShopDivViewList input{border:1px inset #404040; width:40px; padding:1px; }


/* Sposob zobrazenia - podrobny pohlad

---------------------------------------------------------- */
/*

.ShopDetailView{padding: 3px 0 12px 0; clear: both;}
.ShopDetailView .Product{margin: 3px 0 10px 0; padding-bottom:10px; text-align: left; clear: both; overflow: hidden; position:relative; border-bottom:1px dashed #000; overflow:hidden; width:680px;}
.ShopDetailView .Product h3{margin:0; padding:4px 25px; position:relative; font-size: 13px; font-weight: bold; color:#fff; text-decoration:none; background:#615f60 url(images/sipka-h3.jpg) no-repeat left bottom;}

.ShopDetailView .Product h3 a{font-size:13px; text-decoration:none; color:#fff;}
.ShopDetailView .Product h3 a:hover{color:#F4EECB; text-decoration:none;}

.ShopDetailView .ProductDescription{ float: right; width: 520px; margin: 6px 0; display: inline; font-size: 11px; background:#e8e8e8;}
.ShopDetailView dl{font-weight: normal; width: 520px; padding: 0; margin:0; overflow:hidden; border-bottom:fff;}
.ShopDetailView dt{float: left; width: 120px; padding: 2px 5px; margin: 0; font-size:11px; clear: both; font-weight: bold; border-top:1px solid #fff;}
.ShopDetailView dd{float: left; width: 380px; padding: 2px 5px; margin: 0; font-size:11px; border-top:1px solid #fff;}

.ShopDetailView dd div{ float: left; margin-right: 5px; padding: 0 4px; }
.ShopDetailView dd strike{ display: inline;}

.ShopDetailView .ProductImage { width: 126px;  float: left; text-align: center;  margin: 6px;  display: inline; overflow: hidden;  }
.ShopDetailView .ProductImage img{ margin: 0 auto; width: auto; border:3px solid #FFFFFF;}

.ShopDetailView .ShopIcons{display: block; margin:0 auto; clear: both; padding:0; height:22px;}
.ShopDetailView .ShopIcons img{float: right; margin: 0 0 0 4px;}
.ShopDetailView .ShopIcons p{ margin: 0; float:right; padding:0;}

.Quantity{border:1px inset #404040; width:40px; padding:1px;}

.Action, .SellOut, .New{ text-align: right; position: absolute; right: 10px; top: 4px; color:#F4EECB; text-transform:lowercase; font-size:11px;}
*/

.ShopDetailView {
	clear: both;
}
.ShopDetailView .Product {
	background: #E8E8E8;
	padding: 6px 0;
	margin: 6px 0;
	width: 698px;
	position: relative;
	text-align: left;
	overflow: hidden;
	border:1px solid #615f60;
}
.ShopDetailView h2 {
	margin:0; padding:4px 25px; position:relative; font-size: 13px; font-weight: bold; color:#fff; text-decoration:none; background:#615f60 url(images/sipka-h3.jpg) no-repeat left bottom;
	float:left;
	width:435px;
}
.ShopDetailView h2 a {
	color:#FFF;
	text-decoration:none;
}
.ShopDetailView h2 a:hover {
	color:#FF0;
	text-decoration:underline;
}
.ShopDetailView dl {
	font-weight: normal;
	width: 485px;
	padding:0;
	margin:0;
	border-bottom: 1px dotted #fff;
	overflow:hidden;
}
.ShopDetailView dt {
	float: left;
	width: 140px;
	padding: 2px 0;
	margin: 0;
	clear: both;
	font-weight: bold;
	border-top: 1px dotted #fff;
}
.ShopDetailView dd {
	float: left;
	width: 345px;
	padding: 2px 0;
	margin: 0;
	border-top: 1px dotted #fff;
}
.ShopDetailView dd.price {
	font-weight:bold;
}
.ShopDetailView .ProductDescription {
	float: left;
	margin:0;
}
.ShopDetailView .ShopIcons {
	float:right;
	width:490px;
	overflow:hidden;
	padding:5px 5px 0 0;
}
.ShopDetailView .ShopIcons p {
	float:right;
	width:288px;
	height:32px;
	position:relative;
	margin:0;
	padding:0;
}
.ShopDetailView .ShopIcons div{clear:both; text-align:right;}
.ShopDetailView .ShopIcons span.comparelink {
	display:block;
	float:left;
	padding-top:5px;
}
.ShopDetailView .ShopIcons label {
	font-size:12px;
	left:68px;
	position:absolute;
	top:8px;
	color:#fff;
}
.ShopDetailView .ShopIcons label.hover {
	color:#fff;
}
.ShopDetailView .ShopIcons .Quantity {
	border:1px solid #615f60;
	left:10px;
	padding:1px 0;
	position:absolute;
	text-align:center;
	top:7px;
	font-size:12px;
	width:50px;
	background:#fff;
	height:15px;
}
.ShopDetailView .ShopIcons 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 .ShopIcons button:hover, .ShopDetailView .ShopIcons button.hover {
	background: url(images/add_hover.png) no-repeat 0 0;
}
.ShopDetailView .ShopIcons button span {
	visibility:hidden;
}
.ShopDetailView .ProductImage {
	width: 190px;
	float: left;
	text-align: center;
	margin: 0 8px 0 6px;
	background: #fff;
	display: inline;
	position:relative;
	border:1px solid #615f60;
}
.ShopDetailView .ProductImage a {
	display:block;
	text-align:center;
	width:100%;
	height:100%;
	position:relative;
	float:left;
	text-decoration:none;
}
.ShopDetailView .ProductImage img {
}
.ShopDetailView .price-with-wat {
	font-weight:bold;
}
.ShopDetailView .Action, .ShopDetailView .SellOut, .ShopDetailView .New {
	float:right;
	color: #FFF;
	font-weight:normal;
}
.ShopDetailView .sticker-percent, .ShopDetailView .sticker-action, .ShopDetailView .sticker-sellout, .ShopDetailView .sticker-new {
	display:block;
	width:62px;
	height:62px;
	position:absolute;
	background-repeat:no-repeat;
	background-position:0 0;
	overflow:hidden;
	left:0;
	top:0;
	white-space:nowrap;
	text-align:left;
}
.ShopDetailView .sticker-action span, .ShopDetailView .sticker-sellout span, .ShopDetailView .sticker-new span {
	display:none;
}
.ShopDetailView .sticker-percent {
	background-image:url(images/sticker_red.png);
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	padding:18px 0 0 12px;
	width:50px;
	height:44px;
}
.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 {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.ShopDetailView .pos-2 {
	position:absolute;
	top:32px;
	left:0;
	z-index:1;
}


/* Registracia + login
---------------------------------------------------------- */
/*
.Shop-login{padding:0 5px; margin: 0; line-height:130%; font-size:11px;}
.Shop-login p{margin:0; padding:0;}
.Shop-login a{text-decoration:none; color:#fff;}
.Shop-login a:hover {text-decoration:underline; color:#eee;}
*/
/*
#main-login a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
#main-login a:hover {
    color: #ff0;
    text-decoration: underline;
}
#main-login .zakaznik {
    font-weight:bold;
}
#main-login span {
    display: block;
    float: left;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-top: 0px;
}
#main-login span.log {
    background: url("images/user.gif") no-repeat scroll 8px 0 transparent;
    color:#fff;
}
#main-login span.reg {
    background: url("images/reg.gif") no-repeat scroll 8px 0 transparent;
    clear: left;
}
*/

#main-login {
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    height: 50px;
    padding: 4px 0 4px 15px;
}
#main-login .Shop-login span a {
    color: #FFFFFF;
    display: block;
    float: left;
    height: 50px;
    line-height: 53px;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}
#main-login .Shop-login span a:hover {
    color: #ff0;
    text-decoration: underline;
}
#main-login .Shop-login span {
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
    padding-right: 15px;
}
#main-login .Shop-login span.log {
    background: url("images/user_top.png") no-repeat scroll 0 center transparent;
    padding-left: 30px;
}
#main-login .Shop-login span.reg {
    background: url("images/reg_top.png") no-repeat scroll 0 center transparent;
    padding-left: 30px;
}
.logged span.log {        
    color: #FFFF00;
    font-size: 14px;
}
.logged div.log {        
    background: url("images/user_top.png") no-repeat scroll 0 center transparent;
    padding-left: 25px;
    height:40px;
    padding-top:10px;
}
.logged strong.log {            
    padding: 0 4px;
    color:#ff0;    
    font-weight:normal;
}
.logged span {
   display:inline;
   float:none;
}

#main-login .Shop-login .logged span a {    
    display: inline;
    float: none;
    height: auto;
    line-height: normal;    
}
/* Kosik
---------------------------------------------------------- */
/*
#kosik{line-height:130%;}
#kosik span{padding:0 8px; display:block;}
#kosik .kosik{display:none;}
#kosik .kosik-obsah{}
#kosik .kosik-cena{}
#kosik .kosik-mena2{padding-left:80px;}
#kosik a {text-decoration:none; color:#fff;}
#kosik a:hover{text-decoration:underline; cursor:pointer; color:#eee;}
*/
#kosik span {
}
#kosik span.only-cart {
    background: url("images/kosik_white.gif") no-repeat scroll right 3px transparent;
    font-size: 30px;
    line-height: normal;
    padding-right: 45px;
    color: #fff;
    display:block;
}
#kosik span.kosik-obsah {   
    font-size: 14px;
}
#kosik span.kosik-cena {    
    font-size: 30px;
    font-weight: normal;
    line-height: normal;
}
#kosik a {
    background: url("images/kosik_yelow.gif") no-repeat scroll right 3px transparent;
    color: #ff0;
    font-size: 30px;
    line-height: normal;
    padding-right: 45px;
    text-decoration: none;
    display:block;
}
#kosik a:hover {
    background: url("images/kosik_white.gif") no-repeat scroll right 3px transparent;
    color: #fff;
    text-decoration: none;
}
#kosik a:hover span {
    
}

/* Kosik - vnutro - finish
---------------------------------------------------------- */
.dakujeme{padding-top:10px;}

/* Registracia + login
---------------------------------------------------------- */
.Obchod_Content_Login { width: 100%; border-collapse: collapse; margin: 1em 0; font-size: .9em; }
.Obchod_Content_Login td{ padding: 5px; vertical-align: top; border:2px solid #fff; background:#eee;}

/************* order-in ******************/
.order-in{
	border-collapse:collapse;
	border:1px solid #ddd;
	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 #ddd;
	padding:2px 5px;
	}

.order-in th{background-color:#615f60; color:#FFFFFF; }

#order{width:100%; border-collapse:collapse; margin-top:2px;}

#order td{padding:2px 5px; border:1px solid #ddd;}

.warning{color:#FF0000;}

#konverzny-kurz{padding:2px; font-size:11px; margin-top:10px; background:#615f60; color:#FFFFFF;}
#konverzny-kurz span{display:block; text-align:center;}
.NoSearchProducts{display:block; clear:both;}


/* kosik novy */
.steps {
	width:100%;
	font-size:11px;
	overflow:hidden;
}
.steps a {
	color:#000;
	text-decoration:none;
}
.steps div {
	width:165px;
	float:left;
	position:relative;
	padding-right:5px;
}
.steps div.step1,
.steps div.step2,
.steps div.step3,
.steps div.step4{
	width:160px;
	padding:0;
	overflow:hidden;
}
.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:100px;
	padding-left:5px;
	padding-top:15px;
	height:45px;	
}
.steps div a strong{cursor:pointer;}

.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:#e6e6e6;
	color:#000;
}
#cart-table tr:hover {
}
#cart-table th, #cart-table td {
	padding:5px;
	border-bottom:1px dotted #999;
}

th.quantity, td.quantity {
	text-align:center;
	width:55px;
}

td.quantity input{
	text-align:center;
	width:55px;
	border:1px solid #ccc;
}


td.quantity input.small-button{
	width:auto;
	border:1px solid #ccc;
	background:#999;
	cursor:pointer;
}

th.price, td.price {
	white-space:nowrap;
}
th.price, td.item-price, td.price {
	text-align:center;
	white-space:nowrap;
}
.price-with-vat td.price {
	font-size:18px;
	font-weight:normal;
	/* text-align:right; */
}
.price-with-vat td.price .currency-2,
.price-without-vat td.price .currency-2{font-size:12px; font-weight:normal;}

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 #ccc;
	border:1px solid #999;
	color:#333333;
	font-size:14px;
	margin:5px 0;
	padding:5px;
}

#content .submit, #content .disabledsubmit {
	padding:5px 15px;
	font-size:14px;
	float:right;
	background-color:#da251c;
	color:#fff;
	cursor:pointer;
	min-width:280px;
	border:1px outset #000;
}
#content .submit:hover {
	color:#fff;
	text-decoration:underline;
	background-color:#2d2d2d;
}

#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:#e6e6e6;
	border-bottom:1px solid #999;
}
tr.price-without-vat .price, tr.price-with-vat .price {
	/* text-align:right; */
}

.orderComponent input {
	margin-right:5px;
	vertical-align:text-top;
}

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;
	width:100%;
	overflow:hidden;
}
.thanks-message {
	padding:5px 10px;
	line-height:20px;
}
.cart-form {
	margin-bottom:20px;

}
.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{}
.item p{padding-left:17px;}

#poznamka {
	border:1px solid #999;
	width:80%;
	background-color:#f8f8f8;
}
#poznamka:hover {
	border-color:#e6e6e6;
	background-color:#fefefe;
}
.text-field {
	background-color:#F8F8F8;
	border:1px solid #999;
	width:280px;
}
.text-field:hover {
	border-color:#e6e6e6;
	background-color:#fefefe;
}
#box_login,
#box_registracia{
	padding:10px 20px 10px 20px;
	background-color:#e6e6e6;
	border:1px solid #999;
	margin-bottom:5px;
}
#box_login div.meno,
#box_login div.heslo{
	float:left;
	width:190px;
}
#box_registracia div.meno,
#box_registracia div.heslo,
#box_registracia div.heslo_repeat{
	float:left;
	width:190px;
}

#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:180px;
	background-color:#F8F8F8;
	border:1px solid #999;
}
#box_registracia input{
	padding:2px;
	margin:3px 0;
	width:180px;
	background-color:#F8F8F8;
	border:1px solid #999;
	}
#box_login div.login {
	float:left;
	width:220px;
}
#box_login div.login input {
	margin-top:18px;
	width:220px;
	padding:0;
}

.customerZone .item{padding:5px 0;}
.customerZone .item label{font-size:14px; text-decoration:underline;}
.customerZone .item label:hover{text-decoration:none;}

.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 #999;
	padding:15px 10px 15px 15px;
	margin-bottom:15px;
	position:relative;
}
.cartBox legend {
	background:none #e6e6e6;
	border:1px solid #999;
	font-weight:bold;
	padding:5px 10px;
	width:55%;
	text-align:left;
}

#box_nologin table input {
	border:1px solid #999;
	padding:2px 5px;
	width:280px;
}

.contacts{border-collapse:collapse; border:1px dotted #e6e6e6; margin-bottom:10px;}
.contacts td{padding:5px 10px;}
.contacts .separator{
	width:100%;
	height:1px;
	line-height:1px;
	background-color:#999;
	margin:5px 0;
}

.cartBox .orderComponent select{padding:5px; font-size:14px; border:1px solid #999; margin-bottom:4px; width:90%;}
.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:#e6e6e6;}
.cartBox .calendar td{text-align:center; padding:2px 5px;}
.cartBox .payment{clear:both; padding:6px 10px; border-bottom:1px solid #e6e6e6;}
.cartBox .payment img{vertical-align:middle;}
#paymentsBox .odd{background-color:#e6e6e6;}
#cetelemPayment{padding-left:15px; padding-top:10px;}
.cartBox #comment{border:1px solid #e6e6e6; margin-top:5px; padding:5px 10px;}
.cartBox #comment p{padding:0; margin:0;}
#comment.cartBox textarea{width:80%; border:1px solid #999; padding:2px; background-color:#f6f6f6;}
.clear{clear:both; height:1px; overflow:hidden; line-height:1px; font-size:1px;}
#box_nologin .warning, span.warning{background-color:transparent;}
.box_special p{margin-bottom:0; padding-bottom:0;}
.shopping-cart-content{margin-bottom:20px;}
#kosik-finish{margin:0; padding:0;}

ul.tabs {
    height: 30px;
    line-height: 130%;
    margin: 0 !important;
    padding: 0;
    width: 100%;
}
ul.tabs li {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.tabs a {
    background-color: #615F60;
    border: 1px solid #615F60;
    color: #FFFFFF;
    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;
}
ul.tabs a:hover {
    background-color: #ccc;
    color: #333333;
}
ul.tabs a.current {
    background-color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-color: #615F60 #615F60 #FFFFFF;
    color: #555555;
    cursor: default;
}
div.panes {
    border: 1px solid #615F60;
    width: 698px;
}
div.panes div {
    border-width: 0;
    display: none;
    padding: 15px 10px;
}
div.panes div div {
    display: block;
    line-height: 1.5;
    padding: 0 5px;
}
div.panes div div div {
    line-height: normal;
    margin: 0;
    padding: 0;
}
