body {
    margin: 0;
    padding: 0;
    background: #FFFFFF url(/images/img01_cegla.gif) repeat-x left top;
    font-family: Verdana,Arial,Tahoma;
    font-size: 11px;
    color: #494949;
}

h1, h2, h3 {
    margin: 0;
    text-transform: uppercase;
    font-family: Verdana,Arial,Tahoma;
    color: #550602;
}

h1 { 
    font-size: 22px;
    font-weight: normal;
}

h2 { 
    font-size: 20px;
    font-weight: bold;
}

h3 {
    font-weight: strong;
    font-family: Verdana,Arial,Tahoma;
    color: #550602;
    text-transform: none;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 8px;
    border-bottom: 1px solid #D4D8CB;
}

h4, h5 {
    margin: 0;
    font-weight: strong;
    text-transform: none;
    font-family: Verdana,Arial,Tahoma;
    color: #550602;
    padding-top: 5px;
    padding-bottom: 5px;
}

h4, h5:col {
    color: #77B003;
}


h4 {

    font-size: 13px;
}

h5 {
    font-size: 11px;
}

h6 {
    font-size: 11px;
    border-bottom: none;
    font-family: Verdana,Arial,Tahoma;
    color: #550602;
    padding-top: 5px;
    padding-bottom: 8px;
    margin: 0;
    font-weight: strong;
    text-transform: none;
}

p, ul, ol {
    margin-top: 0;
    line-height: 170%;
    text-align: justify;
}

ul, ol { }

blockquote { }

a { color: #77B003; }

a:hover { text-decoration: none; }

a img {
    border: none;
}

img.left {
    float: left;
    margin: 7px 30px 0 0;
}

img.right {
    float: right;
    margin: 7px 0 0 30px;
}

img.center {
    float: left;
    margin: 0 auto;
}

hr { display: none; }

.list1 {
}

.list1 li {
    float: left;
    line-height: normal;
}

.list1 li img {
    margin: 0 30px 30px 0;
}

.list1 li.alt img {
    margin-right: 0;
}

#wrapper {
}

/* Header */

#header-wrapper {
}

#header {
    width: 975px;
    height: 44px;
    margin: 0 auto;
}

/* Menu */

#menu {
    float: right;
    width: 940px;
    height: 44px;
/*    background: url(/images/img02.jpg) no-repeat right top; */
}

#menu ul {
    margin: 0;
    padding: 0px 0px 0px 0px;
    list-style: none;
    line-height: normal;
}

#menu li {
    display: block;
    float: left;
}

#menu a {
    display: block;
    float: left;
    height: 30px;
    margin: 0;
    padding: 12px 20px 0px 20px;
    background: url(/images/img02_cegla.gif) no-repeat left top;
    text-decoration: none;
    text-align: center;
    text-transform: none;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #f8e9e6;
}

#menu a:hover { 
    text-decoration: none; 
    color: #FFFFFF;
}

#menu .current_page_item a {
}

#menu .first {
}

/* SubMenu */

#submenu {
    float: right;
    width: 700px;
    height: 30px;
    background: url(/images/img04.gif) repeat-x left top;
}

#submenu ul {
    margin: 0;
    padding: 0px 0px 0px 0px;
    list-style: none;
    line-height: normal;
}

#submenu li {
    display: block;
    float: left;
}

#submenu a {
    display: block;
    float: left;
    height: 21px;
    margin: 0;
    padding: 8px 16px 0px 16px;
    background: url(/images/img05.gif) no-repeat left top;
    text-decoration: none;
    text-align: center;
    text-transform: none;
    font-family: Georgia, "Times New Roman", Times, serif;
/*    font-family: Verdana, Helvetica, sans-serif;*/
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
}

#submenu a:hover { 
    text-decoration: none; 
    color: #494949;
}

#submenu .current_page_item a {
}

#submenu .first {
}

/* Page */

#page {
    width: 975px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    background: url(/images/page.png) repeat-y top left;
}


/* LOGO */

#logo {
    width: 975px;
    height: 115px;
    margin: 0 auto;
}

#logo h1, #logo p {
    margin: 0px;
    line-height: normal;
    text-transform: capitalize;
    font-weight: normal;
    color: #618C04;
}

#logo p {
    margin-top: -4px;
    text-transform: lowercase;
    font-size: 13px;
    color: #A8A8A8;
}

#logo h1 {
    padding-top: 10px;
    font-size: 48px;
}

#logo a {
    text-decoration: none;
    color: #A8A8A8;
}

#logo h1 a {
    text-decoration: none;
    color: #618C04;
}


#banner {
    padding-bottom: 20px;
}

/* Content */
#ccontent {
    float:left;
    width: 490px;
    padding-top: 10px;
    padding-right: 0px;
}
#content {
    float: right;
    width: 670px;
    padding-top: 10px;
    padding-right:30px;
}

/* Post */

.post {
    margin-bottom: 20px;
}

.post .title {
    padding-left: 15px;
    padding-bottom: 6px;
    font-weight:bold;
    text-transform: uppercase;
}

.post .title a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    color: #550602;
}

.post h4 a {
    text-decoration: none;
    color: #550602;
}

.post h5 a {
    text-decoration: none;
    color: #550602;;
}

.post h4 a:hover, h5 a:hover {
    text-decoration: none;
    color: #370705;
}

.post a {
    text-decoration: none;
    font-weight:bold;
    color: #618C04;
}

.post a:hover, a:hover {
    text-decoration: none;
    color: #527703;
}

.post .date {
}

.post .ggg {
    text-align:left;
}

.post .ggg a {
    text-decoration: none;
    color: #000000;
    background: url(/images/img05.gif) no-repeat right top;
    padding: 5px 10px 5px 10px;
}

.post .ggg a:hover, a:hover {
    text-decoration: none;
    color: #618C04;
}
.post .meta {
    margin-top: -8px;
    margin-left: 2px;
    padding: 0px 30px 2px 15px;
    border-bottom: 1px solid #D4D8CB;
    font-family: Verdana,Arial,Tahoma;
    font-weight: normal;
    font-size: 10px;
    color: #66665E;
}

.post .sign {
    margin-top: -8px;
    margin-right: 2px;
    padding: 0px 30px 2px 15px;
    font-family: Verdana,Arial,Tahoma;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    text-align: right;
    color: #66665E;
}

.post .meta span {
    display: block;
    margin-top: -10px;
}

.post .meta a { }

.post .entry {
    margin-bottom: 10px;
    padding: 5px 15px 4px 15px;
}

.post .latent {
    margin-bottom: 10px;
    padding: 5px 15px 4px 15px;
    display: none;
}

.post .spec {
    margin-bottom: 10px;
    padding: 5px 15px 4px 15px;
    text-align: center;
    background: #e5d7b5;
}
.spec p {
    line-height: 220%;
    text-align: center;
}

.spec .ggg {
    font-size: 11px;
    text-decoration: none;
    color: #000000;
    background: url(/images/img05.gif) no-repeat right top;
    padding: 7px 16px;
}


.post .gallery {
    margin-bottom: 10px;
    padding: 10px 15px 8px 15px;
    font-size: 12px;
}

.post .links {
    display: block;
    width: 120px;
    height: 20px;
    margin: 0px 0px 0px 0px; 
    padding: 4px 0px 0px 40px;
    background: url(/images/img03.png) no-repeat left top;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
    color: #666666;
}

.post .comments {
    display: block;
    width: 120px;
    height: 18px;
    margin: 0px; 
    padding: 3px 0px 0px 40px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    color: #961A06;
}

.strright {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    width: 600px;
}

.post table {
    text-align: justify;
    margin: 0;
    padding: 4px 2px 2px 4px;
}

.post table.center {margin-left:auto; margin-right:auto;}

.post table.rys {
    border-bottom: 1px solid #D4D8CB;
    border-top: 1px solid #D4D8CB;
    border-collapse: collapse;
    padding: 4px 2px 2px 4px;
}

.post td.l {
    border-right: 1px solid #D4D8CB;
    border-bottom: 1px solid #D4D8CB;
}

.post td.r {
    border-bottom: 1px solid #D4D8CB;
}

.post table.sharing {
    margin-left:auto;
    margin-right:auto;
    border:1px solid #D4D8CB;
    border-collapse: collapse;
    padding: 4px 2px 2px 4px;
    text-align:center;
    font-size:10px;
}

.post tr.sharing_up {
    background:#cb6a4c;
    font-style:italic;
    color:#f2f2f2;
}

.post tr.sharing_down {
    background:#e5d7b5;
    font-weight:bold;
}

.sharing_up td {
    border:1px solid #D4D8CB;
    padding: 3px 3px 3px 3px;
}
.sharing_down td {
    border:1px solid #D4D8CB;
    padding: 3px 3px 3px 3px;
}

.post table.offer {
    margin-left:auto;
    margin-right:auto;
    border:1px solid #D4D8CB;
    border-collapse: collapse;
    padding: 6px 10px;
    font-size: 11px;
}
.post tr.offer_up {
    background:#cb6a4c;
    font-style:italic;
    font-weight:bolder;
    color:#f2f2f2;
}
.post tr.offer_down {
    background:#e5d7b5;
    font-weight:normal;
}
.offer_up td {
    border:1px solid #D4D8CB;
    padding: 5px;
    text-align:center;
}
.offer_down td {
    border:1px solid #D4D8CB;
    padding: 5px;
    text-align:left;
}

.post td {
    padding: 5px
}

.post .subcolumn {
    position:static;
    float: right;
    width: 200px;
    height: auto;
    padding: 0px 20px 0px 18px;
    font-family: Verdana,Arial,Tahoma;
    font-size: 11px;
}

.post dt {
    font-weight: bold;
    font-size:115%;
    color: #990000;
    padding-top: 12px;
}

.post dd {
    text-align: justify;
    padding-top: 5px;
    padding-left: 40px;
    line-height: 160%;
}
/* Left Sidebar */

#sidebar {
    float: left;
    width: 240px;
    padding: 20px 0px 0px 35px;
    font-family: Verdana,Arial,Tahoma;
    background: url("/images/rzezba.png") no-repeat top left;
    font-size: 11px;
}

#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
    text-align: left;
}

#sidebar li {
    margin-bottom: 6px;
    padding: 0 0 10px 0px;
}

#sidebar li ul {
    margin: 0px 14px;
}

#sidebar li li {
    margin: 0;
    padding: 12px 0px;
    border-bottom: 1px solid #E9E8DD;
}

#sidebar li li a {
    padding: 0px 0px 0px 0px;
    font-weight: normal;
    color: #494949;
}

#sidebar li li a:hover {
    color: #77B003;
}

#sidebar p {
    margin: 0;
    padding: 0px 14px;
}

#sidebar h2 {
/*    height: 20px; */
    margin: 0 0 10px 0px;
    padding: 6px 0 2px 14px;
    text-transform: uppercase;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    font-weight: normal;
    color: #618C04;
}

#sidebar h2 a {
    text-decoration: none;
    color: #618C04;
}

#sidebar h2 a:hover {
    text-decoration: none;
    color: #494949;
}

#sidebar p {
    line-height: 130%;
}

#sidebar a {
    text-align: left;
    text-decoration: none;
    font-weight: bold;
}

/* Right Sidebar */

#rightbar {
    float: right;
    width: 200px;
    padding: 20px 3px 0px 7px;
    font-family: Verdana,Arial,Tahoma;
    font-size: 11px;
}

#rightbar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
    text-align: left;
}

#rightbar li {
    margin-bottom: 6px;
    padding: 0 0 6px 0px;
    border-bottom: 1px solid #E9E8DD;
}

#rightbar li ul {
    margin: 0px 14px;
}

#rightbar li li {
    margin: 0;
    padding: 6px 0px;
    border-bottom: 1px solid #E9E8DD;
}

#rightbar li li a {
    padding: 0px 0px 0px 0px;
    font-weight: normal;
    color: #494949;
}

#rightbar li li a:hover {
    color: #77B003;
}

#rightbar p {
    margin: 0;
    padding: 0px 14px;
}

#rightbar h2 {
/*    height: 20px; */
    margin: 0 0 10px 0px;
    padding: 6px 0 2px 14px;
    text-transform: uppercase;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    font-weight: normal;
    color: #618C04;
}

#rightbar h2 a {
    text-decoration: none;
    color: #618C04;
}

#rightbar h2 a:hover {
    text-decoration: none;
    color: #494949;
}

#rightbar p {
    line-height: 130%;
}

#rightbar a {
    text-align: left;
    text-decoration: none;
    font-weight: normal;
    color: #494949;
}

#rightbar a:hover {
    color:#77B003;
}


/* boxmenu */

#boxmenu {
    width: 975px;
    height: 140px;
    margin: 0 auto;
    border-top: 1px solid #E9E8DD;
    background: url(/images/page.png) repeat-y;
}

#boxmenu p{
    font-family: Verdana,Arial,Tahoma;
    font-size:11px;
    text-align: center;
    padding: 17px;
}

#boxmenu ul{
    list-style: none;
    text-align: left;
    padding: 0px;
}

#boxmenu li a {
    font-family: Verdana,Arial,Tahoma;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
    font-weight: normal;
    color:#494949;
    text-decoration:none;
    line-height: 100%;
}

#boxmenu li a:hover {
    color:#77B003;
}

#boxmenu1 {
    width: 200px;
    height: 139px;
    position: 0;
    float: left;
    border-right: 1px solid #E9E8DD;
    padding: 20px 17px 17px 45px;
}

#boxmenu2 {
    width: 200px;
    height: 139px;
    position: 25%;
    float: left;
    border-right: 1px solid #E9E8DD;
    padding: 20px 17px 17px 17px;
}
#boxmenu3 {
    width: 200px;
    height: 139px;
    position: 50%;
    float: left;
    border-right: 1px solid #E9E8DD;
    padding: 20px 17px 17px 17px;
}
#boxmenu4 {
    width: 200px;
    height: 139px;
    position: 75%;
    float: left;
    padding: 20px 17px 17px 17px;
}


/* Footer */

#footer {
    width: 100%;
    height: 150px;
    margin: 0 auto;
    padding: 0;
    background: #e6dbd8;
}

#footer-bgcontent {
}

#footer p {
    margin: 0;
    padding: 75px 0px 0px 0px;
    text-align: center;
    line-height: normal;
    text-transform: uppercase;
    font-size: 10px;
}

#footer ul {
    width: 975px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    list-style: none;
    line-height: normal;
    float: center;
}

#footer li {
    display: block;
    float: left;
}

#footer li a {
    display: block;
    height: 30px;
        margin: 0;
    padding: 13px 30px 0px 30px;
    text-decoration: none;
    text-align: center;
    text-transform: capitalize;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
}

#footer a {
    text-decoration:none;
    color: #550602;
    font-weight:bold;
}

/*Rozwijane menu jQuery*/
.outlinemenu{
    position: absolute;
    display: none;
    width: 240px; /*default width of menu*/
    border: none;
    overflow-x: hidden;
}

.outlinemenu ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.outlinemenu ul li a{
    /*background: #c7660e;*/
    background: #c5714d;
    font: Verdana, Helvetica, sans-serif;
    font-weight: normal;
    color: #f1f1f1;
    display: block;
    width: auto;
    padding: 3px 0;
    padding-left: 5px;
    text-decoration: none;
    text-align: left;
    border-bottom: 1px solid #E9E8DD;
}

.outlinemenu ul li a:visited, .outlinemenu ul li a:active{
}

.outlinemenu ul li a:hover{
color: black;
background: #fed5a9;
}

/* Holly Hack for IE \*/
* html .outlinemenu li {height: 1%; }
* html .outlinemenu li a { height: 1%; }
/* End */

/*Style dla galerii zdjęć*/
#lightbox{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
    }

#lightbox a img{ border: none; }

#outerImageContainer{
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    }

#imageContainer{
    padding: 10px;
    }

#loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
    }
#hoverNav{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
    width: 49%;
    height: 100%;
    background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
    }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    }

#imageData{
    padding:0 10px;
    }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }    
#imageData #caption{ font-weight: bold;    }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;    }
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    display: none;
    }
    

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

* html>body .clearfix {
    display: inline-block; 
    width: 100%;
    }

* html .clearfix {
    /* Hides from IE-mac \*/
    height: 1%;
    /* End hide from IE-mac */
    }    

#lightboxIframe {
    display: none;
}    

/* Fancybox - do otwierania baz*/

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}

* html #fancybox-loading {    /* IE6 */
    position: absolute;
    margin-top: 0;
}

#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url('/images/fancybox.png');
}

#fancybox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: 1100;
    display: none;
}

* html #fancybox-overlay {    /* IE6 */
    position: absolute;
    width: 100%;
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 20px;
    z-index: 1101;
    display: none;
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #FFF;
}

#fancybox-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    outline: none;
    overflow: hidden;
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background-image: url('/images/fancybox.png');
    background-position: -40px 0px;
    cursor: pointer;
    z-index: 1103;
    display: none;
}

#fancybox_error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 7px;
    margin: 0;
}

#fancybox-content {
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
}

#fancybox-frame {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

#fancybox-title {
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: Arial;
    font-size: 12px;
    z-index: 1102;
}

.fancybox-title-inside {
    padding: 10px 0;
    text-align: center;
    color: #333;
}

.fancybox-title-outside {
    padding-top: 5px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}

.fancybox-title-over {
    color: #FFF;
    text-align: left;
}

#fancybox-title-over {
    padding: 10px;
    background-image: url('/images/fancy_title_over.png');
    display: block;
}

#fancybox-title-wrap {
    display: inline-block;
}

#fancybox-title-wrap span {
    height: 32px;
    float: left;
}

#fancybox-title-left {
    padding-left: 15px;
    background-image: url('/images/fancybox.png');
    background-position: -40px -90px;
    background-repeat: no-repeat;
}

#fancybox-title-main {
    font-weight: bold;
    line-height: 29px;
    background-image: url('/images/fancybox-x.png');
    background-position: 0px -40px;
    color: #FFF;
}

#fancybox-title-right {
    padding-left: 15px;
    background-image: url('/images/fancybox.png');
    background-position: -55px -90px;
    background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 1%;
    cursor: pointer;
    outline: none;
    background-image: url('/images/blank.gif');
    z-index: 1102;
    display: none;
}

#fancybox-left {
    left: 0px;
}

#fancybox-right {
    right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 99%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}

#fancybox-left-ico {
    background-image: url('/images/fancybox.png');
    background-position: -40px -30px;
}

#fancybox-right-ico {
    background-image: url('/images/fancybox.png');
    background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
    left: 20px;
}

#fancybox-right:hover span {
    left: auto;
    right: 20px;
}

.fancy-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}

#fancy-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url('/images/fancybox-x.png');
}

#fancy-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url('/images/fancybox.png');
    background-position: -40px -162px;
}

#fancy-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url('/images/fancybox-y.png');
    background-position: -20px 0px;
}

#fancy-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url('/images/fancybox.png');
    background-position: -40px -182px; 
}

#fancy-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url('/images/fancybox-x.png');
    background-position: 0px -20px;
}

#fancy-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url('/images/fancybox.png');
    background-position: -40px -142px;
}

#fancy-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url('/images/fancybox-y.png');
}

#fancy-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url('/images/fancybox.png');
    background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div    { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close        { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over    { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left    { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main    { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right    { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico        { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico    { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_nw.png', sizingMethod='scale'); }