/*
    $ http://www.jquery-plugins.hu $
*/



/* Példa 1 */
#pelda-1 { width: 820px; height: 140px; overflow: hidden;border:0px solid red; }
#pelda-1 .viewport { float: left; width: 768px; height: 140px; overflow: hidden; position: relative; }
#pelda-1 .buttons { display: block; width: 16px; height: 26px; margin: 50px 10px 0 0; float: left; }
#pelda-1 .buttons:hover { border: none; }
#pelda-1 .prev { background: url(arrowPrev.jpg) no-repeat 0 0; }
#pelda-1 .prev:hover { border: none; }
#pelda-1 .next { margin: 50px 0 0 10px; background: url(arrowNext.jpg) no-repeat 0 0; }
#pelda-1 .next:hover { border: none; }
#pelda-1 .disable { visibility: hidden; }
#pelda-1 .overview {list-style: none;position: absolute;padding: 0;margin: 0;left: 0;top: 3px;}
#pelda-1 .overview li { float: left; margin: 0 20px 0 0; padding: 1px; height: 130px; border: 1px solid #dcdcdc; width: 173px; }



/* Példa 2 */
#pelda-2 { overflow:hidden; padding: 0; margin: 0; width: 244px; }
#pelda-2 .viewport { width: 244px; height: 130px; overflow: hidden; position: relative; }
#pelda-2 .buttons { display: block; width: 26px; height: 16px; margin: 0 0 5px 100px; overflow: hidden; position: relative; }
#pelda-2 .next { background: url(arrowNext2.jpg) no-repeat 0 0; margin: 5px 0 0 109px; }
#pelda-2 .next:hover { border: none; }
#pelda-2 .prev { background: url(arrowPrev2.jpg) no-repeat 0 0; margin: 0 0 5px 109px; }
#pelda-2 .prev:hover { border: none; }
#pelda-2 .disable { visibility: hidden; }
#pelda-2 .overview { list-style: none; position: absolute; width: 240px; left: 0 top: 0; padding: 0; margin: 0; }
#pelda-2 .overview li { float: left; width: 240px; height: 125px; margin: 0 0 10px 0; padding: 1px; border: 1px solid #dcdcdc; }