body { margin:0px; padding:0px; font-family: arial; border-top:4px solid black; font-size: 10pt;  font-smooth:always; -webkit-font-smoothing: antialiased; background-image: url('../images/design/spiderman-4.jpg'); background-repeat: no-repeat; background-position: top; }
a { text-decoration: none; color: #333333; }
a:hover { text-decoration: underline; }


#p { width:900px;  margin:auto; }

#h { width:900px; height:120px; background-image: url('../images/design/h-bck.jpg'); float:left; }
#h img { padding-top:20px; float:left; }
#h iframe { float:right; border:0px; background:transparent; width:150px; height:35px; }
#h .s { padding-top:68px; padding-left:30px; float:left; overflow: visible; float:left; width:222px;}
#h .s input { background: transparent; border: none; color:gray; }
#h .m { margin-top: 27px; float:left; width:418px; }
#h .m .d { width:98px; height: 27px; float:left; }
#h .m a:hover .d { background-image: url('../images/design/dvd-i-h.jpg'); }
#h .m .br { width:134px; height: 27px; float:left; margin-left:2px;}
#h .m a:hover .br { background-image: url('../images/design/br-i-h.jpg'); }
#h .m .op { width:181px; height: 27px; float:left; margin-left:5px;}
#h .m a:hover .op { background-image: url('../images/design/op-i-h.jpg'); }

#h .m ul.potato-menu { margin:0; padding:0; width:auto; list-style:none; }
#h .m .potato-menu:after { content: " "; display: block; visibility: hidden; clear: both; line-height: 0; }
#h .m ul.potato-menu li.potato-menu-item { margin:0; padding:0; position:relative; list-style:none; list-style-position:outside; display:inline; float:left;}
#h .m ul.potato-menu li.potato-menu-item a { display:block; text-decoration:none; white-space:nowrap; outline:0; height:30px; font-weight: bold; color:#f3f3f3; }
#h .m ul.potato-menu ul.potato-menu-group { padding:5px; margin:0; padding:0; -webkit-padding-start:0; -webkit-padding-end:0; position:absolute; display:none; z-index:1000; background-color: #191919; opacity:0.95; width:360px; 
    border:1px solid white; box-shadow: 2px 2px 2px black; }
#h .m ul.potato-menu ul.potato-menu-group li { width:105px; padding-left:15px; padding-top:5px; height:20px; padding-bottom:5px; }
#h .m ul.potato-menu ul.potato-menu-group li:hover { background:#3d3d3d; color:white;}

/* AUTOCOMPLETER */
#suggestions { width:320px; display:none; z-index: 10010; font-weight: normal; text-transform: none; text-shadow:0px 0px 0px black; -moz-box-shadow:0px 5px 10px black; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; position:relative; left:0px; box-shadow: 2px 2px 2px black;}
#searchresults { border:1px solid #BFBFC1; width:320px; background-color: white; font-size:9pt; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; text-align: left; }
#searchresults a { font-size: 8pt; padding-bottom:5px; display:block; clear:left; height:53px; border-bottom:1px solid #BFBFC1; padding-right:5px; }
#searchresults a.f { border-bottom:0px; margin-bottom:5px; }  
#searchresults a:hover { background-color:#EDEDED; text-decoration: none;}
#searchresults a img { float:left; padding:5px 10px; }
#searchresults a span.searchheading { display:block; padding-top:5px; padding-bottom:3px; font-weight: bold; }
#searchresults a:hover span.searchheading { }
#searchresults a span { }
#searchresults a:hover span { }
#searchresults span.category { background-color:#EDEDED; font-size:10pt; color: #0a1b49; padding:5px; margin-bottom: 2px; display:block; font-weight: bold; }

.container { margin-bottom:30px; float:left;}

.c .s { background-image: url('../images/design/s-bck.gif'); width:880px; height:19px; clear:both; padding:10px; color:white; }
.c .s.n { background-image: url('../images/design/h-dvd-n.jpg'); }
.c .s.e { background-image: url('../images/design/h-dvd-e.jpg'); }
.c .s.m { background-image: url('../images/design/h-dvd-m.jpg'); }
.c .ss { background-image: url('../images/design/bck.jpg'); width:860px; clear:both; padding:20px; border:1px solid lightgray; border-radius:5px; background-position: bottom; background-repeat: repeat-x; margin-top:20px; height:300px; margin-bottom:20px; }
.c .ss.t {  }
.c .ss img { border:2px solid lightgray; }
.c .ss .i-m { height:269px; width:400px; float:left; background-color:#e8e8e8; overflow: hidden; padding:10px; }
.c .ss .i-m img { float:left; margin-right:5px;}
.c .ss .i-m .t { font-size:12pt; font-weight:bold; color:#333333; padding:10px; overflow:hidden; padding-bottom:5px; }
.c .ss .i-m .d { font-size:8pt; color:gray; padding:10px; overflow:hidden; text-align:justify; padding-top:0px; }
.c .ss .i-m input { background-image: url('../images/design/basket-i-g.jpg'); float:right; margin-top:0px; width:188px; border:0px; height:49px; cursor:pointer; }

#tb { padding-bottom:20px; }

.ss .i { float:left; padding-left:10px; padding-bottom:10px; width:99px; height:140px; }
.ss.t .i { padding-left:8px;}
.ss .i .v { }
.ss .i .h { width:280px; height:140px; visibility:hidden; position:relative; background-color:white; border:1px solid lightgray; box-shadow:5px 5px 20px white; top:-155px; left:-15px; padding:14px; padding-top:15px; 
/*background-image: url("../images/design/bck.jpg"); background-position: center bottom; background-repeat: repeat-x;*/}
.ss .i .h .t { padding:10px; color:#333333; font-weight:bold; padding-top:5px; padding-left:0px; }
.ss .i:hover .h { visibility:visible; }
.ss .i .h img { border:2px solid white; float:left; margin-right:10px;}
.ss .i .h .d { color: gray; font-size: 8pt; text-align: justify; }
.ss .i .in-b input { background-image: url('../images/design/basket-i-s.jpg'); border:0px; width:100px; height:35px; cursor: pointer;}
.ss .i .fix { height:108px; margin-left:108px; }
.ss .i .f, .ss .i-m .f { background-color: #E2FFE4; border: 1px solid lightgreen; line-height: 12pt; margin-bottom: 10px; padding: 5px; font-size: 8pt; }
.ss .i .p { color:#B80000; font-weight: bold; float:left; width:70px; font-size: 13pt; padding-top:7px; text-align: center; }
.ss .i-m .f { margin-left:215px; width:168px; }

#l-p { width:860px; clear:both; padding:20px; border:1px solid lightgray; border-radius:5px; min-height:450px; overflow:hidden; margin-bottom:20px; }
#l-p .i { overflow:hidden; border-bottom:1px solid lightgray; padding-bottom:15px; padding-top:15px; background-image: url('../images/design/bck-2.jpg'); background-position: bottom; background-repeat:repeat-x;}
#l-p .i img { margin-right:20px; float:left; border:2px solid lightgray; width:95px; }
#l-p .l { width:500px; float:left; }
#l-p .i h2 { color:#333333; font-size:12pt; line-height:10pt; font-weight: bold;}
#l-p .i .l .d { color:gray; line-height:12pt; font-size:9pt; }
#l-p .r { border-left:1px solid lightgray; padding-left:20px; float:left; overflow:hidden; margin-left:20px; width:200px; font-size: 9pt; min-height:138px;}
#l-p .r .a { background-color:#e2ffe4; padding:5px; border:1px solid lightgreen;  line-height:12pt; margin-bottom:10px; }
#l-p .r .d { float:left; width:120px; text-align: right; padding-top:5px; height:15px; }
#l-p .r .p { font-size: 14pt; color:#B80000; float:right; }
#l-p .r .op { float:right; text-decoration: line-through; padding-top:5px;}
#l-p .r input { background-image: url('../images/design/basket-i.jpg'); float:right; margin-top:15px; width:188px; border:0px; height:49px; cursor:pointer; }
#l-p .f { background-image: url('../images/design/bck.jpg'); background-position: bottom; background-repeat:repeat-x; border:1px solid lightgray; padding:10px; margin-bottom:20px; }
#l-p .f form { margin:0px; padding:0px; }
#l-p .f input, #l-p .f select { border:1px solid lightgray; padding:2px; }
#l-p .f input[type="submit"] { background-image: url('../images/design/es-b.jpg'); border:0px; width:107px; height:29px;}



#det {  width:860px; clear:both; padding:20px; border:1px solid lightgray; border-radius:5px; min-height:300px; overflow:hidden; margin-bottom:20px; background-image: url('../images/design/bck.jpg'); background-position: bottom; background-repeat:repeat-x;}
#det .m-l { overflow:hidden; width:860px; float:left; }
#det .m-l .i-l { width:250px; padding-right:20px; float:left; overflow: hidden; }
#det .m-l .i-l .trailer { padding-top:20px; height:180px; overflow:hidden; }
#det .m-l .i-l .trailer .you-i { position:relative; top: -110px; left:90px;}
#det .m-l .i-l #gallery { padding-top:20px; }
#det .m-l .i-l #gallery img { padding-right:4px; padding-bottom:4px; }
#det .i-m { width:270px; overflow: hidden; float:left; width:585px; }
#det .i-m.t {  }
#det .i-m.t .tt { width:500px; float:left;}
#det .i-m.t .tt h1 { font-size: 15pt; padding:0px; margin:0px; line-height: 20pt; color:#333333; }
#det .i-m.t .tt h2 { color:gray; font-size: 12pt; margin-top:5px; margin-bottom:20px; }
#det .i-m.m { font-size: 9pt; }
#det .i-m.m .i-i-l { width:380px; float:left; overflow:hidden; padding-right:15px;}
#det .i-m.m .i-i-l .l { width:75px; float:left; line-height:15pt; font-weight: bold;}
#det .i-m.m .i-i-l .d { width:300px; float:left; line-height: 15pt; }
#det .i-m.d { color:gray; padding-top:40px; }

#det .i-m.m .i-i-r { width:190px; overflow:hidden; }
#det .i-m.m .i-i-r .a { background-color:#e2ffe4; padding:5px; border:1px solid lightgreen;  line-height:12pt; margin-bottom:10px; }


#det .i-m.m .i-i-r .d { float:left; width:100px; text-align: left; padding-top:5px; height:15px; }
#det .i-m.m .i-i-r .p { font-size: 14pt; color:#B80000; float:left; }
#det .i-m.m .i-i-r .op { float:left; text-decoration: line-through; padding-top:5px;}
#det .i-m.m .i-i-r .sv { float:left; overflow:hidden; }
#det .i-m.m .i-i-r input { background-image: url('../images/design/basket-i.jpg'); float:right; margin-top:15px; width:188px; border:0px; height:49px; cursor:pointer; }

#det .i-m.pe { padding-top:40px; }
#det .i-m.pe .i {float:left; padding-right:20px; width:175px;}
#det .i-m.pe .i img { float:left; padding-right:10px; }
#det .i-m.pe .i .t { font-weight: bold; color:gray; font-size: 8pt; padding-top:15px;}
#det .i-m.pe .i .b { color:gray; font-size: 8pt; padding-top:10px; }


.ratingblock { display:block; padding-bottom:8px; margin-bottom:8px; float:right; font-weight: bold; }
.ratingblock p { font-size: 8pt; text-align: center; padding-top:8px; }
.loading { height: 24px; background: url('http://niagara.sk/images/design/working.gif') 50% 50% no-repeat; }
.unit-rating { list-style:none; margin: 0px; padding:0px; height: 24px; position: relative; background: url('http://niagara.sk/images/design/starrating.png') top left repeat-x transparent; }
.unit-rating li{ text-indent: -90000px; padding:0px; margin:0px; float: left; }
.unit-rating li a { outline: none; display:block; width:24px; height: 24px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; }
.unit-rating li a:hover{ background: url('http://niagara.sk/images/design/starrating.png') left center; z-index: 2; left: 0px; }
.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:24px;}
.unit-rating a.r2-unit{left:24px;}
.unit-rating a.r2-unit:hover{width: 48px;}
.unit-rating a.r3-unit{left: 48px;}
.unit-rating a.r3-unit:hover{width: 72px;}
.unit-rating a.r4-unit{left: 72px;}    
.unit-rating a.r4-unit:hover{width: 96px;}
.unit-rating a.r5-unit{left: 96px;}
.unit-rating a.r5-unit:hover{width: 120px;}
.unit-rating a.r6-unit{left: 120px;}
.unit-rating a.r6-unit:hover{width: 144px;}
.unit-rating a.r7-unit{left: 144px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}
.unit-rating li.current-rating { background: url('http://niagara.sk/images/design/starrating.png') left bottom; position: absolute; height: 24px; display: block; text-indent: -9000px; z-index: 1; }
.voted { color:#999; }
.thanks { color:#36AA3D; }
.static { color:#5D3126; }        

#bas { width:860px; clear:both; padding:20px; border:1px solid lightgray; border-radius:5px; min-height:300px; overflow:hidden; margin-bottom:20px; background-image: url('../images/design/bck.jpg'); background-position: bottom; background-repeat:repeat-x; }
#bas .h { background-image: url('../images/design/bck.jpg'); background-position: bottom; background-repeat:repeat-x; border:1px solid lightgray; margin-bottom:20px; overflow:hidden; }
#bas .h .i { float:left; padding:10px; padding-right:30px; background-image: url('../images/design/b-h-i.jpg'); background-position: right; height:16px; background-repeat: no-repeat;}
#bas .h .i.a2 { background-image: url('../images/design/b-h-i-a2.jpg'); }
#bas .h .i.a { background-image: url('../images/design/b-h-i-a.jpg'); color:white; background-color: #3e3e3e;}
#bas table { font-size: 9pt; margin-top:30px; margin-left:30px; width:800px; clear:left; }
#bas table td, th { padding:10px; border-bottom:1px solid lightgray; }
#bas table select { border:1px solid lightgray; padding:2px; width:50px; }
#bas .t-p { float:right; font-size: 14pt; margin-top:20px; margin-right:40px; }
#bas .n { width:800px; overflow:hidden; margin-top:80px; margin-left:30px; }
#bas .n input { background-image: url('../images/design/b-n.jpg'); border:0px; width:107px; height:29px; float:right; cursor:pointer; }
#bas .n .b { background-image: url('../images/design/b-b.jpg'); border:0px; width:107px; height:29px; float:left; }
#bas .c .lf { float:left; width:380px;  background-image: url('../images/design/bck.jpg'); background-position: bottom; background-repeat:repeat-x; border:1px solid lightgray; padding-left:30px; margin-right:30px;}
#bas .c .r { width:380px;  background-image: url('../images/design/bck.jpg'); background-position: bottom; background-repeat:repeat-x; float:left; border:1px solid lightgray; padding-left:30px;}
#bas .c .l { float:left; width:100px;text-align: right; padding-right:15px; padding-top:11px;}
#bas .c.r input, #bas .c.a input, #bas .c.a select { border:1px solid gray; padding:2px; margin-right:50px; margin-top:8px; width:165px;}
#bas .c.r .n { float:left; width:156px; margin-top:20px; margin-left:116px; margin-bottom:30px; }
#bas .c.r .n input { border:0px; background-image: url('../images/design/b-p.jpg'); float:left; width:107px;}
#bas .c.r .n.rb input { border:0px; background-image: url('../images/design/b-r.jpg'); float:left; width:107px; }
#bas .c.a .lf, #bas .c.a .r { height: 330px; }
#bas .c .ico { float:left; width:820px;  background-image: url('../images/design/bck.jpg'); background-position: bottom; background-repeat:repeat-x; border:1px solid lightgray; padding-left:30px; margin-right:30px; margin-top:30px; height:180px;}
#bas .c .de { float:left; width:820px;  background-image: url('../images/design/bck.jpg'); background-position: bottom; background-repeat:repeat-x; border:1px solid lightgray; padding-left:30px; margin-right:30px; margin-top:30px; }
#bas .c .de .i { width:820px; overflow:hidden; padding-top:10px;}
#bas .c .de .i input, #bas .c .de .s-i input { width:5px; float:left; margin-right:20px; }
#bas .c .de .i .t, #bas .c .de .s-i .t { float:left; width:650px; padding-top:4px; }
#bas .c .de .s-i .t { width:500px; font-style: italic; }
#bas .c .de .s-i { padding-left:50px; width:600px; overflow:hidden; display:none; }
#bas .c .to { margin-top:40px; margin-bottom:30px; overflow: hidden;}
#bas .c .to input { width:20px; margin-right:20px; float:left;}
#bas .c .to .t { overflow: hidden; width:650px; line-height:14pt;}
#bas .c input.e { border:1px solid #be0000; background-color:#ffd6d6;}
#bas .c textarea { border:1px solid lightgray; width:780px; padding:5px; height:60px; margin-bottom:30px;}
#bas .c.a .n { clear:both; padding-top:30px; }
#bas .c.a .n .b, #bas .c.c .n .b { border:0px; background-image: url('../images/design/b-b2.jpg');}
#bas .c.a .n input { border:0px; background-image: url('../images/design/b-n.jpg'); width:107px; }
.e-m { color:#be0000; margin-bottom:20px; }
#bas .c.c .lf, #bas .c.c .r { padding-bottom:30px; margin-bottom:30px; line-height:14pt; }


#f { height:150px; background-color:#222222; margin-top:50px; font-size:9pt; }
#f .l { height:110px; width:320px; float:left; padding-top:40px;}
#f .m { padding-top:40px; width:350px; float:left; color:#C3C3C3; line-height:14pt;}
#f .r { padding-top:30px; }
#f a { color:white; text-decoration: none; color:#C3C3C3; line-height:14pt; padding-left:30px;}
#f a:hover { text-decoration: underline; }