/*

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

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

Date: 1. April 2008

*/

*{
	margin:0;
	padding:0;
	}

body {
	background-color:#666666;
	color:#333333;
	font:normal 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
	line-height:140%;
	text-align:center;
	}

h1,h2,h3,h4,h5,h6{font-weight:bold; margin:0; padding:0 0 10px 0; line-height:normal; color:#333333;}
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:#EDFFE6; text-decoration:none;}
a:hover{color:#333333; text-decoration:none;}
a:focus { -moz-outline: none -moz-mac-focusring; }

.cleaner{clear:both;}

#container{
	width:950px;
	margin:0 auto;
	text-align:left;
	background-color:#95BA65;
	border:5px solid #ffffff;
	border-top:0;
	}

#head{
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	height: 160px;
	width: 950px;
	position:relative;
	}

#head h1, #head #logo{
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	
	}

#logo > span{position:absolute; color:#fff; font-size:30px; left:82px; top:115px;}

#head h1 a, #head #logo a{
	display:block;
	width:260px;
	height:130px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/logo_rouzz.gif) 0 0 no-repeat;
	}
#wrapper{
	float:left;
	width:750px;
}

.normalskin #wrapper{
	width:950px;
}

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

#content{
	float:right;
	width:530px;
	overflow:hidden;
	padding-bottom:15px;
	}
.normalskin #content{
	width:720px;
	padding-right:10px;
}
#right{
	float:right;
	width:180px;
	padding:0 10px;
	}

#footer{
	clear:both;
	height:30px;
	background:#ffffff;
	}

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



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

#menu, #left .basic002{
	margin:0 0 15px 0;
	background: transparent url(images/bcgr_content.gif) 0 0 repeat;
	width:200px;
	}

#menu ul{
	margin:0;
	padding:5px 5px 5px 25px;
	font-size:13px;
	}
	
#menu ul li{
	}

#menu ul li a{
	}

#menu ul li a:hover{
	}
	
#menu h2,  #left .basic002 .title h2{
color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	margin:0pt;
	background:#575757;
	margin:0;
	padding:0;
	text-align:center;
	padding:4px 0;}

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

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

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

#sjm-s-kategorie ul{
	margin:0;
	padding:0;
	font-size:13px;
	}
	
#sjm-s-kategorie ul li{
	margin:0;
	padding:0 10px;
	list-style:none;
	position:relative;
	}

#sjm-s-kategorie ul li span{position:absolute; left:-6px; _left:-15px; top:3px;}

#sjm-s-kategorie ul li a{}

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



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

#sjm-s-kategorie ul li ul{
	}

#sjm-s-kategorie ul li ul li{
	
	}

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

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

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

#sjm-s-kategorie ul li ul li ul{
	}

#sjm-s-kategorie ul li ul li ul li{
	}

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

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



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

/**** basix 0002 ****/
.box, .transparentgrey001, .T1Box001
{
	background: transparent url(images/bcgr_content.gif) repeat;
	margin-bottom:10px;
	overflow:hidden;
	padding-bottom:15px;
}

#left .T1Box001{clear:both; position:static;}
#left .T1Box001 .content{clear:both; position:static;}

.box .title{}

.box h2, .transparentgrey001 h2, .T1Box001 h2, #content .basic002 .title h2, #content .basic001 .title h1{
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	margin:0pt;
	background:#575757;
	margin:0;
	padding:0;
	text-align:center;
	padding:4px 0;
	}

.box .content , .transparentgrey001 .content, .T1Box001 .content{
	padding:5px 10px;
	}
/**** koniec basic 002 *****/



.search{margin:0; padding:5px;}
.search input{font-size:11px;}
.search .submit input {margin:0; font-size:11px; }
.search .advance{ font-weight: bold; }
.search select {font-size:11px; width:150px;}
.search p{margin:0; padding:2px 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; clear:both; padding:1px 0px; margin-bottom:2px; background:url(images/1px-horizontal.jpg) left bottom repeat-x; overflow:hidden; }
.ShopProductParentCategories ul{ margin:0 0 2px 0; padding: 0 10px 5px 5px;}
.ShopProductParentCategories ul li{ display: inline; padding-right:5px; padding-bottom:4px; margin: 0; font-size:11px; font-weight:bold; }
.ShopProductParentCategories ul li a{ font-weight:bold; text-decoration:underline;}
.ShopProductParentCategories ul li a:hover{}
.ShopCategoryPages{ padding: 8px 0; }

/* Dalsie strany

---------------------------------------------------------- */
.ShopCategoryPages{ padding: 1px 1px; 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 #aad670; color:#ffffff; text-decoration:none; padding: 0 3px;}
.ShopCategoryPages ul li a:hover{ background:#aad670; color:#ffffff; text-decoration:none;}

.ShopCategoryPages ul li b{color:#ffffff; background:#aad670; 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; }
.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{margin:0 0 0 0; padding:0; background:#ffffff; text-align:center; color:#333333; font-size:14px;}
.ShopIntro h3{padding: 0; margin:2px 0 0 0; text-align:center;}
.ShopIntro h3 a{font-size: 11px; font-weight: bold;}
.ShopIntro h3 a:hover{ }


.SellOuts, .Actions, .News, .State, .MostSaleable
{
text-align: center;
margin-bottom:1em;
overflow: auto;
border:1px solid #ffffff;
}

.ShopIntro .Row
{
text-align: center;
clear: both;
padding: 0 0 4px 0;
width: 100%;
background: transparent;
}
.ShopIntro .RowContent
{
background: transparent;
width: 100%;
text-align: center;
}
.ShopIntro .Product
{
margin: 3px;
padding: 5px;
float: left;
display: inline;
width:145px;
text-align: center;
font-size:11px;
}
.ShopIntro .Product img{ margin: 0 auto; border: 3px solid #AAD670; }
.ShopIntro .Product .ProductPrice{
	margin:0;
	padding:2px 0;
	}

.ShopIntro .Product .ProductPrice dt{font-weight:bold; font-size:11px;}

.Product strike{color:#666666;}


.akcia .SellOuts, .akcia .Actions, .akcia .News{width:759px;}

.akcia .SellOuts .Product, .akcia .Actions .Product, .akcia .News .Product{margin: 2px;}
.akcia p{padding:0 0 5px 0;}


/* ShopProductViewProduct - detail produktu

---------------------------------------------------------- */
/*
.ShopProductView { font-size: 11px; text-align: center; clear: both; border:1px solid #ffffff; background-color:#87a85b; width:500px; margin:0 auto;}
.ShopProductView  h2{margin:0; padding:2px 10px; font-weight:normal; background-color:#ffffff; color:#333333; font-size:16px;}

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

.ShopProductView .ProductDescription{margin: 5px auto; overflow:hidden; font-size: .9em; clear:both; width:350px;}

.ShopProductView .Product dl{font-weight: normal; width: 350px; padding: 0; margin:0; text-indent:3px;}
.ShopProductView .Product dt{float: left; text-align:left; width: 150px; padding: 3px 0; margin: 0; clear: both; font-weight: bold;}
.ShopProductView .Product dd{float: left; text-align:left; width: 200px; padding: 3px 0; margin: 0;}


.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 #aad670;}

.ShopProductView strike{ display: inline; color: #666666;}

.ShopProductView h3{ clear: both; }


.ShopProductView .ProductButtons{ display: block; margin: 10px auto; clear: both; padding: 5px 0;}
.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{}
*/

.ShopProductView {
	clear: both;
	text-align: center;
	width:100%;
	overflow:hidden;
}
.ShopProductView h1 {
	font-size:18px;
	text-align:center;
	margin:0;
	padding:0;
	line-height:normal;
	font-weight:normal;
	padding:5px 12px;
	color:#FFFFFF;
	text-transform:uppercase;
	background:#575757;
	clear:both;
}
.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:270px;
	text-align:left;
	margin:0;
	padding-bottom:20px;
	overflow:hidden;
}
.ShopProductView .Product .ProductDescription form {
	border:1px solid #006600;
	margin-bottom:10px;
	padding:10px 15px;
}
.ShopProductView .Product dl {
	font-weight: normal;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin:0;
	border-bottom: 1px dotted #006600;
}
.ShopProductView .Product dt {
	float: left;
	width: 45%;
	padding: 5px 0;
	margin:0;
	clear: both;
	border-top: 1px dotted #006600;
}
.ShopProductView .Product dd {
	float: left;
	width: 55%;
	padding: 5px 0;
	margin:0;
	text-align: right;
	border-top: 1px dotted #006600;
}

.ShopProductView .Product .VariantsList dt {
border-top:0 none;
float:none;
padding-bottom:0;
width:100%;
}
.ShopProductView .Product .VariantsList dd {
float:none;
padding-top:0;
width:100%;
border-top:0;
border-bottom: 1px dotted #006600;
}
.ShopProductView .Product .VariantsList dd select,
.ShopProductView .Product .VariantsList dd input{
	width:100%;
}

.ShopProductView .Product dt.price {
	font-size:12px;
	line-height:18px;
}
.ShopProductView .Product dd span.price {
	font-size:18px;
	line-height:18px;
}
.ShopProductView .Product .ProductImage {
	text-align: center;
	margin:0 0 10px 0;
	float:left;
	width:230px;
	overflow:hidden;
	position:relative;
}
.ShopProductView .Product .ProductImage img {
	max-width:230px;
	max-height:230px;
}
* html .ShopProductView .Product .ProductImage img {
	width:230px;
	height:230px;
}
.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:238px;
}
.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:#000;
	margin:0;
	padding:0;
}
.ShopProductView .ProductButtons label.hover {
	color:#000;
}
.ShopProductView .ProductButtons #Quantity {
	border:1px solid #e6e5e5;
	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;
	float:right;

}
#special_buttons ul li {
	list-style:square;
	padding:0 0 4px 0;
	line-height:normal;
	color:#006600;
	text-align:right;
}
#special_buttons ul li a {
	color:#006600;
}
#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;
}
.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;
}
.DetailDescription {

}
.DetailDescription p.smalldesc {

}


/* 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 #ffffff;}
table.Obchod_Produkt_Ikony td{ padding: 8px 0; font-size: 11px; text-align: center; background-color:#87a85b; border: 1px solid #ffffff; border-bottom:0;}
table td.Obchod_Product_Name{ width: 33%; padding: 2px 5px; border-bottom:1px solid #ffffff; border-top:0;}
table .Obchod_Product_Name a{}
table .Obchod_Product_Name a:hover{}
table.Obchod_Produkt_Ikony img{ margin: 0 auto; border: 3px solid #aad670; background:#FFFFFF; }



/* Sposob zobrazenia - zoznam

---------------------------------------------------------- */
.ShopDivViewList{ clear: both; }
.ShopDivViewList table{ width: 100%; clear: both; margin: 1em 0; font-size: 11px; border-collapse: collapse;}
.ShopDivViewList table thead{background:url(images/bg_product-head.jpg) 0 0 repeat-y;}
.ShopDivViewList table th{ padding: 4px;  border: 1px solid #ffffff; color:#333333; background-color:#ffffff; font-weight:normal; font-size:11px; }
.ShopDivViewList table td{ padding: 1px 4px; border: 1px solid #ffffff; vertical-align:middle; background-color:#87a85b;  }
.ShopDivViewList table tr.even td{  }

.ShopDivViewList table td a{}



/* Sposob zobrazenia - podrobny pohlad

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

.ShopDetailView { padding: 3px 0 12px 0; clear: both;}
.ShopDetailView .Product{ margin:6px auto 10px auto; padding:0; padding-bottom:10px; text-align: left; clear: both; width:500px; overflow: hidden; border:1px solid #ffffff; background-color:#87a85b;}
.ShopDetailView .Product h3{margin:0; padding:2px 10px; position:relative; font-weight:normal; background-color:#ffffff;}
.ShopDetailView .Product h3 a{ color:#333333; font-size:14px; text-decoration:none;}
.ShopDetailView .Product h3 a:hover{color:#333333; text-decoration:underline;}

.ShopDetailView .ProductDescription{ float: left; width: 270px; margin: 6px; display: inline; font-size: .9em;}
.ShopDetailView dl{font-weight: normal; width: 270px; padding: 0; margin:0;}
.ShopDetailView dt{float: left; width: 100px; padding: 3px 0; margin: 0; clear: both; font-weight: bold;}
.ShopDetailView dd{float: left; width: 170px; padding: 3px 0; margin: 0;}

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

.ShopDetailView .ProductImage { width: 126px; height: 126px; float: left; text-align: center;  margin: 6px;  display: inline; overflow: hidden; }
.ShopDetailView .ProductImage img{ margin: 0 auto; width: auto; border: 3px solid #aad670;}

.ShopDetailView .ShopIcons {float: right; display: inline; margin: 6px 6px 0 0; padding: 3px; border: 1px solid #AAD670; text-align:center;}
.ShopDetailView .ShopIcons label{ display: block; }

strike{ color: #999999; }
.Quantity{text-align:center;}
.Action, .SellOut, .New{ text-align: right; position: absolute; right: 6px; top: 1px; color:#ff6c00;  }


/* 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 {}

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

/* Kosik
---------------------------------------------------------- */
#kosik{ 
	text-align:left; 	
	padding:5px 0;
	font-size:1em;	
}

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

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

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

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

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

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

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


/* 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 #006600;
	height:18px;
	background-color:#006600;
	color:#fff;
	font-weight:bold;
	position:relative;
	margin-left:4px;
	top:1px;
}
ul.tabs a:hover {
	background-color:#effeff;
	color:#333;
}
ul.tabs a.current {
	background-color:#95ba65;
	border-color: #006600;
	border-bottom:1px solid #95ba65;
	color:#555555;
	cursor:default;
}
div.panes {
	width:512px;
	border-top:1px solid #006600;
	background-color:#95ba65;
}
div.panes h2{text-align:left; background:transparent; color:#000;}
div.panes div {
	display: none;
	border-width: 0;
	padding: 15px 5px;
}
div.panes div div {
	line-height: 1.5;
	/* margin-top: 1em;*/
	padding:0 5px;
	display:block;
}
div.panes div div div {
	line-height:normal;
	margin:0;
	padding:0;
}
/* /tabs */


/* novy kosik */
.steps {
	width:484px;
	margin:0 auto 5px auto;
	font-size:11px;
	overflow:hidden;
}
.steps a {
	color:#000;
	cursor:pointer;
}
.steps div {
	width:121px;
	float:left;
	position:relative;
	overflow:hidden;
}
.steps div.step1,
.steps div.step2,
.steps div.step3,
.steps div.step4{
	width:115px;
	padding:0 3px;
	height:68px;
	background-image:url(images/step_inactive.gif);
	background-repeat:no-repeat;
	background-position:3px 0;
	text-align:center;
	display:inline;	
}
.steps div span.ico {
	display:none;
}
.steps div strong {
	display:block;
	float:left;
	width:115px;
	height:55px;
	padding-top:13px;
	color:#FFF;
	line-height:normal;
}
.steps div strong em {
	display:block;
	font-style:normal;
	font-weight:normal;
}
.steps div.step1 .ActiveStep,
.steps div.step2 .ActiveStep,
.steps div.step3 .ActiveStep,
.steps div.step4 .ActiveStep{
	width:115px;
	padding:0 5px 0 0;
	height:68px;
	background-image:url(images/step_active.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	text-align:center;	
}

.steps div .ActiveStep strong{color:#000 !important;}

.end-row input{font-size:10px;}

.cart-price-box{
	clear:both;
	padding-bottom:5px;
	overflow:hidden;
	}
.cart-price-box-content{
	float:right;
	width:260px;
	padding:10px;
	background:#575757;
	overflow:hidden;
	color:#FFF;
}
.cart-price-box-content h3{
	font-size:12px;
	color:#FFF;
	margin:0;
	padding:5px 0;
	text-transform:uppercase;
}

.cart-price-box-content table{
	width:100%;
}

.cart-price-box-content table th{
	padding:3px 0;
	text-align:left;
	font-weight:normal;
}

.cart-price-box-content table td{
	padding:3px 0;
	text-align: right;
	font-weight:normal;
	font-size:14px;
}

#cart-table {
	width:100%;
	border-collapse:collapse;
}
#cart-table th {
	font-size:11px;
}
#cart-table tr:hover {
}
#cart-table th, #cart-table td {
	padding:3px;
	border-bottom:1px dotted #006600;
}

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;
	white-space:nowrap;
}
.price-with-vat td.price {
	font-size:18px;
}
th.delete, td.delete {
	text-align:center;
}
th.image, td.image{
	width:45px;
}
td.image img {
	width:40px;
	max-height:40px;
}
input.quantity {
	width:40px;
	text-align:center;
}
.shopping-cart-content{margin-bottom:15px;}
.shopping-cart-content h2{
	background:none #575757;
	color:#fff;
	font-size:14px;
	margin:5px 0;
	padding:5px;
}
.shopping-cart-content form{margin:0; padding:0;}


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

#content .disabledsubmit, #content .disabledsubmit:hover{background-color:#ddd; border-color:#fff; 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 {
	border-bottom:1px solid #006600;
}
#cart-table tr.price-with-vat td, #cart-table tr.price-without-vat td{
	padding:5px 3px;
}
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 {

}
.message{
	padding:10px;
	background:#eee;
	border:1px solid #fff;
	margin-bottom:15px;
}
.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 #006600;
	width:80%;
	background-color:#f8f8f8;
}
#poznamka:hover {
	border-color:#fff;
	background-color:#fefefe;
}
.text-field {
	background-color:#F8F8F8;
	border:1px solid #006600;
	width:300px;
}
.text-field:hover {
	border-color:#fff;
	background-color:#fefefe;
}
#box_login,
#box_registracia{
	padding:10px 20px 10px 20px;
	background-color:#95ba65;
	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_registracia div.heslo{
	clear:both;
	margin-right:10px;
	}

#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;
	border:1px solid #fff;
}
#box_registracia input{
	padding:2px 5px;
	margin:3px 0;
	width:200px;
	border:1px solid #006600;
	}
#box_login div.login {
	float:left;
	width:230px;
}
#box_login div.login input {
	margin-bottom:5px;
	width:230px;
	padding:0;
}

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

.warning {
	color:#FF0;
}
#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 #fff;
	padding:10px 10px;
	margin-bottom:15px;
	position:relative;
}

.cartBox legend {
	background:none #95ba65;
	border:1px solid #fff;
	font-weight:bold;
	padding:5px 5px;
	text-align:center;
	font-size:11px;
}
#box_nologin table input {
	border:1px solid #fff;
	padding:2px 5px;
	width:200px;
}
#box_special p{clear:both;}
.contacts{border-collapse:collapse; margin-bottom:10px;}
.contacts td{padding:5px 10px;}
.contacts .separator{
	width:100%;
	height:1px;
	line-height:1px;
	margin:5px 0;
}

.cartBox .orderComponent select{padding:5px; font-size:14px; border:1px solid #006600; 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:#fff;}
.cartBox .calendar td{text-align:center; padding:2px 5px;}
.cartBox .payment{clear:both; padding:6px 10px; border-bottom:1px solid #fff;}
.cartBox .payment img{vertical-align:middle;}
#paymentsBox .odd{background-color:#fff;}
#cetelemPayment{padding-left:15px; padding-top:10px;}
.cartBox #comment{margin-top:5px; padding:5px 10px;}
.cartBox #comment p{padding:0; margin:0;}
#comment.cartBox textarea{width:99%; border:1px solid #ddd; padding:2px;}
.clear{clear:both; height:1px; overflow:hidden; line-height:1px; font-size:1px;}
#box_nologin .warning, span.warning{background-color:transparent;}
#box_nologin p.warning{margin:0; padding:0;}.cartBox .calendar {
	width:100%;
}
.cartBox .calendar caption {
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding:5px 0;
	background-color:#effeff;
}
.cartBox .calendar td {
	text-align:center;
	padding:2px 5px;
}
.cartBox .payment {
	clear:both;
	padding:6px 10px;
	border-bottom:1px solid #effeff;
}
.cartBox .payment img {
	vertical-align:middle;
}
#paymentsBox .odd, #order .odd {
	background-color:#effeff;
}
#cetelemPayment {
	padding-left:15px;
	padding-top:10px;
}

.customerZone td.warning {
	padding:6px 0 0 0;
}
.customerZone p.warning {
	padding:0;
}

#ico-kosik h2, #ico-login h2{position:relative; height:1%;}
#ico-kosik h2 span{background:url(images/ico-kosik.gif) no-repeat 0 4px; display:block; width:18px; height:15px; padding-top:4px; position:absolute; top:0; right:10px;}
#ico-login h2 span{background:url(images/ico-user.gif) no-repeat 3px 1px; display:block; width:18px; height:20px; padding-top:1px; position:absolute; top:0; right:10px;}

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

.ShoppingCentre .MasterList{margin:0; padding:0;}
.ShoppingCentre .MasterList > li{
	margin: 1%;
	padding:0;
	list-style:none;
	background:#777777;
    border: 1px solid #57575;
    height: 150px;    
    overflow: hidden;
    position: relative;
    width: 48%;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	float:left;
	}
.ShoppingCentre .MasterList h2{margin:0; padding:10px; background:#575757; font-size:16px; font-weight:normal;}
.ShoppingCentre .MasterList h2 small{float:right; font-size:12px;}
.ShoppingCentre .MasterList h2 a{text-decoration:none;}
.ShoppingCentre .MasterList h2 a:hover{text-decoration: underline;}
.shoppingCentreBox{padding:10px;}
.shoppingCentreBox table{border-collapse:collapse; width:100%;}
.shoppingCentreBox table th{background-color:#575757; text-align:center;}
.shoppingCentreBox table td{border-bottom:1px solid #575757; text-align:center;}
li.UserData .shoppingCentreBox table td,
li.Ratings .shoppingCentreBox table td{text-align:left;}

table.Ratings{width:100%;}
table.Ratings td{padding:5px 0; vertical-align:middle; border-bottom:1px solid #575757;}
li.Ratings ul.rating, li.Ratings th{display:none;}

.buying_list{
clear:both;
width:100%;
}
#BuyingLists{}
.buying_list select{width:265px;}

.buying-list-form{padding:5px; text-align:center; background:#EDEBEA; margin-bottom:10px; border-bottom:1px solid #BEC0C1;}
input#ListNameId{width:320px; padding:4px;}
.BuyingListTable, .buying-product-list{width:100%; margin-bottom:15px;}
.BuyingListTable th, .buying-product-list th{background:#EDEBEA; border-bottom:1px solid #BEC0C1; padding:5px;}
.BuyingListTable td, .buying-product-list td{border-bottom:1px solid #BEC0C1; padding:5px;}
.buying-product-list td{vertical-align:middle;}
.buying-product-list td.ProductPrice{white-space:nowrap; vertical-align:middle; font-weight:bold;}
.buying-product-list td.ProductImage{width:60px; text-align:center;}
.buying-product-list td.ProductImage img{height:50px; margin:0 auto;}
.ListLink{font-size:.9em; background:#f6f6f6;}
.ListLink strong{display:block; font-size:.8em;}

.buying-product-list .OrderSubmit {cursor: pointer;background:#FF8900 url("images/ico-cart.png") no-repeat center center;width: 100%;height: 100%;font-size: 0px;border: 0 !important;cursor:pointer;}
.basket{margin:0; padding:0;}
.basket span{display:block; width:26px; height:25px;}
.item-nav{overflow:hidden; padding:10px 5px;}
.item-nav li{font-size:11px;color:#444;padding:0 0 1px 0;}
.item-nav li a{display:block;color:#777;padding:1px 0 1px 25px;}

.item-nav li.nav-print a{background: url(/Data/default/UserFiles/images/print.png) no-repeat 0 0;}
.item-nav li.nav-favourite a{background: url(/Data/default/UserFiles/images/favourite.png) no-repeat 0 0;}
.item-nav li.nav-mail a{background: url(/Data/default/UserFiles/images/email.png) no-repeat 0 0;}
.item-nav li.nav-facebook a{background: url(/Data/default/UserFiles/images/facebook.png) no-repeat 0 0;}
.item-nav li.nav-twitter a{background: url(/Data/default/UserFiles/images/twitter.png) no-repeat 0 0;}
.item-nav li.nav-myspace a{background: url(/Data/default/UserFiles/images/google.png) no-repeat 0 0;}


@media only screen and (max-width: 949px) {
	#container,
	#head{width:768px; margin:0 auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	#head{background-size:100%; width:auto; height:130px;}
	#head h1 a, #head #logo a{background-size:100%; width:210px;}
	.normalskin #wrapper{width:758px;}
	.normalskin #content{width:528px;}
}

@media only screen and (max-width:767px) {
	#container, .normalskin #wrapper,
	#head{width:auto; min-width:320px;}
	#head{padding-bottom:5px; min-width:0; background:#186e17 none; height:205px; margin-bottom:5px;}
	.normalskin #content{float:none !important; width:auto !important; clear:both !important; padding:0 !important;}	
	
	#menu{
		position:absolute; width:100%; padding:0 10px; margin:0 !important; top:150px; left:0; background:none !important; min-height:0; height:auto;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		}
	#menu .title{
		padding:0; width:100%; position:relative;
		border:0;
		background: none;
		filter: none;
		-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;
		display:block;
		}
	
	#menu .title h2{position:relative; height:46px !important; line-height:46px !important; padding:0; margin:0;
		font-size:14px; text-indent:15px;
		font-weight:bold !important;
		background:#95ba65; text-align:left;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		z-index:10;
		color:#fff;
		min-height:0 !important;
	}
	#menu.selected .title h2{
		background-color:#95ba65;
		height:50px !important;
	}
	
	#menu h2 a{display: block !important; width:100%; height:100%; position:absolute !important; top:0; left:0;}
	#menu h2 a:after{content:""; display:block; position:absolute; top:17px; right:10px; width:20px; height:16px; background:url(images/ico-cat.png) no-repeat 0 0;}
	#menu .content{display:none;position:absolute; top:50px; left:0; width:100% !important; padding:10px !important; background:#95ba65;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		z-index:9;
		-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:    0px 5px 5px rgba(0, 0, 0, 0.5);
		box-shadow:         0px 5px 5px rgba(0, 0, 0, 0.5);
	}
	
	#menu ul.sjMenu li{float:none; border:0; list-style:none;}
	#menu ul.sjMenu li a, #menu-main ul.sjMenu li li a{
		float:none;
		display:block;
		padding:15px 10px !important;
		text-align:left;
		background:#186e17 url(images/white-arrow.png) no-repeat 95% center;
		color:#fff !important;
		border:0;
		border-bottom:1px solid #fff !important;
		height:auto !important;
		line-height:normal;
		font-size:14px;
		margin-bottom:0;
		font-weight:normal;
		width:auto;
		}
		
	#menu ul.sjMenu li li a{background-color:#95ba65;}
	#menu ul.sjMenu li ul{display:block !important; position:static; width:100%; border:0 !important;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
	
	#head #logo{background:url("images/logo.jpg") no-repeat; position:static; width:231px; height:120px; margin:10px 0;}
	#head #logo a{background:none;}
	.center-outer{overflow: hidden;}
	.center-out{position: relative; left: 50%; float: left;}
	.center-inner{position: relative; left: -50%; float: left;}
	#container, body{background:none;}
	#menu ul{padding:0;}
	#wrapper{float:none;}
	#left .basic002 .content{background:#95ba65;}
	#left, #left .basic002{width:auto; float:none;}
	

}