@import url(reset.css);


html {
	background:url(../img/bg.png);
}
body {
	background:url(../img/bg-gradient.png) center top repeat-x;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:13px;
	line-height:1.35em;
	margin:0;
	padding:0;
}

a       { text-decoration:none; }
a:hover { text-decoration:underline; }

a, h2, h3, h4, strong { color:#369; font-weight:normal; }
hr { height:1px; background:#eee; border:0; }
h2 { font-size:17px; }
h4 { font-size:11px; }

.clear   { clear:both; font-size:0px; line-height:0px; height:0px; }
.reset * { margin:0; padding:0; list-style:none; }

.wrap { width:979px; margin:0 auto; }

.left  { float:left; }
.right { float:right; }
.last  { margin-right:0px !important; }
.al    { text-align:left; }
.ac    { text-align:center; }
.ar    { text-align:right; }
.space { margin:2em 0 !important; }

.notification_error,
.notification_success,
.notification_notice {
	margin:0 0 1em;
	border-width:2px;
	border-style:solid;
	margin:17px;
	padding:8px;
}
.styled .notification_error,
.styled .notification_success,
.styled .notification_notice {
	margin:10px 0;
}
.notification_error {
	background:#FBE3E4;
	border-color:#FBC2C4;
	color:#8A1F11;
}
.notification_success {
	background:#E6EFC2;
	border-color:#C6D880;
	color:#264409;
}
.notification_notice {
	background:#FFF6BF;
	border-color:#FFD324;
	color:#514721;
}

form {
	margin:3em 6em;
	}
form label {
	width:170px;
	height:27px;
	line-height:27px;
	display:block;
	float:left;
}
input[type="text"],
input[type="password"] {
	background:url(../img/input.gif);
	border:1px solid #ddd;
	font-size:12px;
	padding:5px !important;
}
textarea {
	background:url(../img/input-textarea.gif) top repeat-x;
	border:1px solid #ddd;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:12px;
	padding:5px !important;
	width:347px;
}
select {
	margin-top:3px;
}
label.autopopulate {
	display:none;
}


body .styled p,
body .styled ul,
body .styled h2,
body .styled h3,
body .styled hr,
body .styled table
{
	margin-bottom:10px;
}
body .window { margin:17px; }

.button { color:#000; background:url(/public/img/menu-arrow.png) left no-repeat; padding-left:18px; text-decoration:underline; border:0; font-size:13px; }

#topFrame       { height:41px; line-height:41px; background:url(../img/bg-side-top.png) center no-repeat; color:#888; }
#topFrame .wrap { height:41px; position:relative; background:url(../img/top-frame.png); }
#topFrame .hl   { color:#bbb; }
#topFrame form  { margin:0 !important; display:inline; }
#topFrame input { position:absolute; right:30px; top:7px; background:#5a1123; border:1px solid #782639; font-size:11px !important; color:#ddc8cd; }
#topFrame button { position:absolute; right:0; top:7px; width:26px; height:26px; border:0; background:url(../img/top-frame-button.png) center no-repeat; }

#canvas-side { background:url(../img/bg-side.png) center no-repeat; }

#header      { height:259px; background:url(../img/header.jpg); position:relative; }
#header h1   { position:absolute; left:210px; top:170px; }
#header h1 a { display:block; width:185px; height:89px; text-indent:-9000px; }
#header-contact   { position:absolute; left:766px; top:60px; color:#fff; }
#header-contact a { color:#fff; }
#header-basket    { position:absolute; left:766px; top:140px; color:#fff; }
#header-basket a  { display:block; padding-top:35px; color:#fff; text-decoration:none; }

#topMenu       { background:url(../img/top-menu.png); height:42px; line-height:42px; }
#topMenu table { margin-left:257px; width:722px; }
#topMenu td    { text-align:center; }
#topMenu td a  { display:block; background:url(../img/topmenu-divider.png) left no-repeat; color:#fff; font-size:1.05em; padding:0 20px; }
#topMenu td.first a { background:none; }
#topMenu td.active  { background:url(../img/topmenu-hover.png) right no-repeat; }

#container { background:url(../img/container.gif); }

#content { width:722px; float:right; background:#fff; }

#rail { width:257px; float:left; }

#menu h3                 { height:60px; text-indent:-9000px; }
#menu li ul              { margin:0.3em 0 22px; }
#menu li ul li           { line-height:28px; min-height:28px; }
#menu li ul li a         { display:block; padding-left:20px; color:#2d2d2d; background:url(../img/menu-arrow.png) left center no-repeat; }
#menu li ul ul li a      { background:url(../img/menu-dot.png) left center no-repeat; }
#menu li ul li a:hover   { background-color:#ebebeb; color:#369; }

#menu ul.menu-icons       { }
#menu ul.menu-icons li    { }
#menu ul.menu-icons a     { background:none; text-decoration:none; line-height:40px; height:40px; padding:4px 5px; }
#menu ul.menu-icons a img { float:left; margin-right:5px; border:1px solid #d0d0d0; }

#menu li ul li a.active    { font-weight:bold; }
#menu-categories ul        { margin:0 0 0 14px !important; display:none; }
#menu-categories ul.active { display:block; }

#menu-menu               { background:url(../img/menu-menu.png); }
#menu-najpredavanejsie   { background:url(../img/menu-najpredavanejsie.png); }
#menu-najnovsie          { background:url(../img/menu-najnovsie.png); }
#menu-informacie         { background:url(../img/menu-informacie.png); }

#products {
	color:#555;
	line-height:25px;
	margin:17px 0 0 17px;
}
#products li {
	width:190px;
	height:254px;
	border:1px solid #eee;
	float:left;
	margin:0 17px 17px 0;
	padding:6px 13px;
	position:relative;
}
#product .akcia,
#products .akcia {
	width:91px;
	height:122px;
	background:url(../img/akcia.png);
	position:absolute;
	right:-19px;
	top:-3px;
}
#product .akcia {
	right:-35px;
	top:-20px;
}
#product           { margin:17px; position:relative; }
#product form      { margin:0; }
#product-left      { width:360px; float:left; line-height:0px; }
#product-left img  { border:1px solid #eee; padding:4px; }
#product-left ul   { height:84px; }
#product-left li   { width:84px; float:left; margin-right:8px; }
#product-right     { width:311px; float:right; }
#product-gifts     { color:#555; font-size:11px; line-height:23px; }
#product-gifts h4  { height:20px; padding:6px 0; margin-bottom:3px; overflow:hidden; line-height:13px; }
#product-gifts img { margin:0 7px; }
#product-gifts li  { width:88px; border:1px solid #eee; float:left; margin-right:8px; padding:0 4px; }

#basket-breadchumb                 { background:url(/public/img/basket-breadchumb.png); }
#basket-breadchumb table           { width:688px; height:48px; line-height:48px; margin:14px 17px 0; }
#basket-breadchumb table td        { background:url(/public/img/basket-breadchumb-border.png) right no-repeat; text-align:center; }
#basket-breadchumb table td.last   { background:none; }
#basket-breadchumb table td.active { background:#fff; border:1px solid #ddd; border-bottom:0; }

#basket table { border:1px solid #ddd; border-color:#ddd; font-size:12px; }
#basket td,
#basket th    { height:24px; line-height:24px; padding:4px; }

#footer { height:106px; line-height:106px; background:url(../img/footer.png); }