/* donkerblauw: #004781 donkergroen: #019e59 tekstgrijs: #626262 tableinnerborder: #a3acbb selectedbck: #dbe4f4 */ body { border: 0; margin: 0; background: #ececec; color: #626262; text-align: center; font-size: 11px; } #body { text-align: left; } .noscreen { display: none; } a { color: inherit; text-decoration: none; font-weight: inherit; } a img { border: 0; } a:hover { text-decoration: underline; } ul { margin: 0; padding: 0;} li a { color: #626262; } div a { color: #004781; } div a img { border: 0; } b { font-weight: bold; } #body { position: relative; background: white; width: 1024px; _width: 100%; margin: 0 auto; overflow-x: hidden; } #tinymce { position: relative; background: white; width: 1024px; _width: 100%; margin: 0; overflow-x: hidden; } #header { height: 90px; position: relative; background: #004781; color: white; border-bottom: 11px solid #019e59; } #header .minwidth { position: relative; _width: 975px; } #header #banner { position: absolute; top: 0; left: 0; width: 222px; height: 90px; } #header #menu { position: absolute; top: 4px; left: 230px; font-weight: bold; } #header #menu ul { padding-left: 0; margin-left: 0px; } #header #menu a { font-weight: bold; } #header #usermenu { position: absolute; bottom: 4px; left: 210px; } #header #usermenu ul { padding-left: 0; margin-left: 0px; white-space: nowrap; } #header a { color: white; } #header h1 { margin: 0 5px 3px 6px; font-size: 13px;} #header ul { display: inline; } #header li { display: inline; } #header #logo { position: absolute; top: 0; right: 40px; } hr { border: 0; border-bottom: 1px solid #a3acbb; margin-bottom: 1em; } #breadcrumbs { position: relative; padding: 1em 40px 0 20px; font-size: 11px; font-style: italic; } #breadcrumbs a { color: #626262; } #breadcrumbs ul { display: inline; } #breadcrumbs li { display: inline; } #content { position: relative; padding: 6px 20px 12px 20px; } #content .message { color: #dd4444; font-weight: bold; } #content .error { color: #dd4444; font-weight: bold; } #content h2.bar { border-bottom: 1px solid #019e59; margin: 0 0 0.3em 0; padding: 2px 4px 0px 12px; font-family: Verdana,sans-serif; font-size: 1em; font-style: normal; background: #019e59; color: white; } #content .formpage .sidebar { width: 250px; float: right; position: relative; } #content .sidebar .sidesnippet { position: relative; margin: 0 0 2px 0; padding: 1em 1em 22px 1em; border: 1px solid #019e59; background: white url('/style/snippet-arc.gif') bottom right no-repeat; _height: 1%; } #content .sidebar .sidesnippet .more { position: absolute; bottom: 0px; right: 6px; } #content .sidebar .sidesnippet .more a { color: white;} #content .content { width: 70%; } #content .catalogindex { width: auto; margin-left: 610px; } .story img { float: right; margin: 1em 0 1em 1em; border: 1px solid #019e59; } #content .story table { width: 100%; } #content .story table td { vertical-align: top; } content .story2 { width: 70%; } #content .story2 table { width: 100%; } #content .story2 table td { vertical-align: top; } #content .storyform img.headerarc { position: absolute; } #content .storyform h2 { margin: 0 0 0.2em 0; padding: 2px 4px 2px 12px; font-family: Verdana,sans-serif; font-size: 1em; font-style: normal; background: #019e59; color: white; border-top: 25px solid white; } #content .storyform h2.selected { border-top: 25px solid #004781; } #content .storyform h3 { margin: 0.2em 0; padding: 2px 4px 2px 12px; font-family: Verdana,sans-serif; font-size: 1em; font-style: normal; background: #019e59; color: white; } #content .storyform td { vertical-align: top; line-height: 1.8em; padding: 2px; } #content .storyform label { display: block; } #content .storyform li { line-height: 1.2em; padding: 2px; list-style-type: none; } #content .storyform .errors li { color: #dd4444; } #content .storyform input.checkbox { margin-top: 2px; } #content .storyform input.textbox { width: 300px; border: 1px solid #a3acbb; padding: 1px 2px; } #content .storyform input.password { width: 154px; border: 1px solid #a3acbb; padding: 1px 2px; } #content .storyform input.datetime { width: 154px; border: 1px solid #a3acbb; padding: 1px 2px; } #content .storyform textarea { width: 154px; border: 1px solid #a3acbb; padding: 1px 2px; } #content .storyform textarea.large { width: 450px; height: 240px; border: 1px solid #a3acbb; padding: 1px 2px; } #content .storyform input.button { text-align: center; } #content .storyform table { border-bottom: 1px solid #a3acbb; } #content .storyform li input.textbox { width: 98%; } #content .storyform li input.password { width: 98%; } #content .storyform li input.datetime { width: 98%; } #content .storyform li textarea { width: 98%; } #content .borderbelow { border-bottom: 1px solid #019e59; } #content .storyform .changed { background: #dbe4f4; border: 1px solid #a3acbb; } #content input.button { text-align: center; } #content .buttons { margin: 1em 0; } #content .buttons form { display: inline; margin-right: 0.5em; } #content .buttons form input { padding: 2px 4px; } #content .column { float: left; width: 310px; margin: 0 2em 2em 0; } #content .snippet { width: 300px; float: left; margin-bottom: 1em; margin-right: 1em; } #xxxcontent .snippet img { float: none; margin: 0 1em 1em 0; border: 1px solid #019e59; } .snippet img { float: none; margin: 0 1em 1em 0; border: 1px solid #019e59; } .story.snippet img { float: left; } #content .story.snippet .linkmore { clear: both; } #content .linkmore { font-size: 10px; font-weight: bold; font-style: italic; background: white url('/style/snippet-arc-line.gif') bottom right no-repeat; } #content .commentinfo { margin: 1em 0; font-size: 0.8em; } #content .comment { border-top: 1px solid #a3acbb; } #content .comment .by img { vertical-align: bottom; } #content .comment .by { font-size: 0.8em; color: #004781; } #content .comment .timestamp { font-size: 0.8em; color: #004781; } #content .comment p { margin: 0.5em 0 0.8em 0; } #content .commentform { margin: 1.5em 0 1em 0; border-bottom: 1px solid #019e59; } #content .form .commentform h2 { border-top: 0; } #content .commentform form table { border-bottom: 0;} #content .catalog { width: auto; } #content .maingroups { width: 600px; float: left; margin: -0.5em 0 0 30px; } #content .maingroups .maingroup { width: 128px; float: left; margin: 8px; text-align: center; } #content .maingroups .maingroup a { font-size: 0.8em; color: #004781; } #content .maingroups .maingroup img { border: 1px solid #019e59; } #content .browselist { width: 25%; position: relative; float: left; } #content .browselist img.headerarc { position: absolute; } #content .browselist h2 { margin: 0; padding: 2px 4px 2px 12px; font-family: Verdana,sans-serif; font-size: 1em; font-style: normal; background: #019e59; color: white; border-top: 25px solid white; } #content .browselist h2.selected { border-top: 25px solid #004781; } #content .browselist h2.notselected { border-top: 25px solid #004781; } #content .browselist ul { border-bottom: 2px solid #019e59; margin-left: 8px; } #content .browselist:first-child h2 { padding-left: 4px; } #content .browselist:first-child ul { margin-left: 0; } #content .browselist li { border-top: 1px solid #a3acbb; padding: 2px 4px; list-style-type: none; } #content .browselist li:first-child { border-top: 0; } #content .browselist li.selected { background: #dbe4f4; } #content .productpage .browselist { width: 25%; float: right; position: relative; } #content .productpage .form { width:25%; float: right; position: relative; } #content .directorder-report .product { width: 100%; } #content .directorder-report img { border: 0; float: none; margin: 0; } #content .product { position: relative; width: 72%; } #content .product .info img { float: right; border: 1px solid #019e59; margin: 0 0 1em 1em; padding: 4px; } #content .product .info { min-height: 180px; _height: 180px; } #content .product .condition { position: relative; margin: 0; background: #004781; height: 25px; xoverflow: hidden; } #content .product .innercondition { position: absolute; margin: 0; padding: 2px 25px 2px 4px; font-family: Verdana,sans-serif; font-style: normal; font-size: 1.4em; font-weight: bold; background: white url('/style/header-arc.gif') bottom right no-repeat; color: #004781; height: 21px; min-width: 120px; } #content .product table { border-bottom: 2px solid #019e59; width: 100%; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; } #content .product table td { padding: 2px 4px; vertical-align: middle; } #content .product table thead td { background: #019e59; color: white; font-weight: bold; } #content .product table tfoot td { border-top: 1px solid #019e59; padding: 6px 4px; } #content .product table tfoot td.total { background: #dbe4f4; font-weight: bold; } #content .product table td.fav { width: 1px; text-align: center; } #content .product table td.delete { text-align: center; } #content .product table td.quantity { text-align: center; } #content .product table td.id { text-align: right; } #content .product table td.artnr { text-align: center; width: 80px; } #content .product table td.middle { text-align: center; } #content .product table td.right { text-align: right; } #content .product table td.price { text-align: right; } #content .product table td.subtotal { text-align: right; } #content .product table td.total { text-align: right; } #content .product table td.basket { width: 1px; text-align: center; } #content .product table tbody td { border-top: 1px solid #a3acbb; } #content .product table tbody tr:first-child td { border-top: 0; } #content .product table tbody td.fav { background: #dbe4f4; } #content .product table tbody td.delete { background: #dbe4f4; } #content .product table tbody td.delete div { text-align: center; } #content .product table tbody td.quantity { background: #dbe4f4; width: 3em; } #content .product table tbody td.quantity div { text-align: center; width: 3em; } #content .product table tbody td.id { background: #dbe4f4; } #content .product table tbody td.artnr { font-weight: bold; background: #dbe4f4; } #content .product table tbody td.stock { font-weight: bold; } #content .product table tbody td.stock a { font-weight: bold; } #content .product table tbody td.price { white-space: nowrap; } #content .product table tbody tr.selected td { background: #dbe4f4; } #content .searchresults ol { margin-left: 60px; } #content .pagination { margin-top: 10px; } #content .pagination a.selected { text-decoration: underline; } #content .formpage .form { width: 260px; float: right; position: relative; } #content .form img.headerarc { position: absolute; } #content .form h2 { margin: 0 0 0.2em 0; padding: 2px 4px 2px 12px; font-family: Verdana,sans-serif; font-size: 1em; font-style: normal; background: #019e59; color: white; border-top: 25px solid white; } #content .form h2.selected { border-top: 25px solid #004781; } #content .form h3 { margin: 0.2em 0; padding: 2px 4px 2px 12px; font-family: Verdana,sans-serif; font-size: 1em; font-style: normal; background: #019e59; color: white; } #content .form td { vertical-align: top; line-height: 1.8em; padding: 2px; } #content .form label { display: block; } #content .form li { line-height: 1.2em; padding: 2px; list-style-type: none; } #content .form .errors li { color: #dd4444; } #content .form input.checkbox { margin-top: 2px; } #content .form input.textbox { width: 154px; border: 1px solid #a3acbb; padding: 1px 2px; } #content .form input.password { width: 154px; border: 1px solid #a3acbb; padding: 1px 2px; } #content .form input.datetime { width: 154px; border: 1px solid #a3acbb; padding: 1px 2px; } #content .form textarea { width: 154px; border: 1px solid #a3acbb; padding: 1px 2px; } #content .form input.button { text-align: center; } #content .form table { border-bottom: 1px solid #a3acbb; } #content .form li input.textbox { width: 98%; } #content .form li input.password { width: 98%; } #content .form li input.datetime { width: 98%; } #content .form li textarea { width: 98%; } #content .borderbelow { border-bottom: 2px solid #019e59; } #content .form .changed { background: #dbe4f4; border: 1px solid #a3acbb; } #content input.button { text-align: center; } #content .buttons { margin: 1em 0; } #content .buttons form { display: inline; margin-right: 0.5em; } #content .buttons form input { padding: 2px 4px; } #content form.basket-add { position: absolute; top: -1px; margin-left: 18px; } #content form.basket-add input { position: absolute; width: 2em; text-align: right; padding: 0 4px; color: black; } #content form.basket-update { position: absolute; top: -1px; margin-left: 0px; } #content form.basket-update input { position: absolute; width: 2em; text-align: center; padding: 0 4px; color: black; } #content div.basket-delete { position: absolute; top: 0; margin-left: 20px; } #content ul.icons { margin-bottom: 1em; } #content ul.icons li { list-style: none outside; margin-left: 26px; padding-left: 4px; } #content ul.icons li.file { list-style-image: url('/style/icons/file.png'); } #content ul.icons li.pdf { list-style-image: url('/style/icons/pdf.png'); } #content ul.icons li.doc { list-style-image: url('/style/icons/doc.png'); } #content ul.icons li.xls { list-style-image: url('/style/icons/xls.png'); } #content ul.icons li.ppt { list-style-image: url('/style/icons/ppt.png'); } #content ul.icons li.txt { list-style-image: url('/style/icons/txt.png'); } #content ul.icons li.zip { list-style-image: url('/style/icons/zip.png'); } #content ul.icons li.print { list-style-image: url('/style/icons/print.png'); } #content ul.icons li.icc { list-style-image: url('/style/icons/icc.png'); } #content ul.icons li.complementary { list-style-image: url('/style/icons/complementary.png'); } #content ul.icons li.alternative { list-style-image: url('/style/icons/alternative.png'); } #footer { position: relative; padding: 0 90px 0 4px; width: 928px; height: 18px; font-size: 0.8em; text-align: middle; line-height: 18px; background: #004781 url('/style/footer-arc.gif') bottom right no-repeat; color: white; overflow: hidden; } #footer a { color: white; } #footer span.by-guidance { position: absolute; right: 100px; top: 0px; } .track-changes-changed { display: none; } .highlight { background-color: #dbe4f4; color: #004781; font-weight: inherit; font-size: inherit; font-family: inherit; font-style: inherit; text-decoration: inherit; } #stentor_form td { border: 0;} .product table td { border: 0;} .swe .swe-statusbar-buttons a img { border: 0; } #menu-search { position: relative; display: inline; } #menu-search-form { display: none; position: absolute; top: 18px; left: -2px; white-space: nowrap; } .active #menu-search-form { display: block; } #menu-search-form input.textbox { border: 0; padding: 1px 2px; width: 100px; } #menu-search-form input.submit { vertical-align: bottom; position: relative; left: -2px; } .labelform td { vertical-align: top; } .labelform td textarea { width: 160px; height: 320px; } #labelform input.button { width: 320px; } /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(/style/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(/style/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(/style/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(/style/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(/style/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(/style/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(/style/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(/style/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(/style/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_arrow_previous { background: url(/style/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(/style/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(/style/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(/style/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(/style/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(/style/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(/style/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(/style/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content { background: url(/style/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(/style/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(/style/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(/style/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(/style/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(/style/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(/style/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(/style/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded .pp_arrow_previous { background: url(/style/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(/style/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(/style/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(/style/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(/style/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(/style/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: url(/style/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(/style/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_expand { background: url(/style/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(/style/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(/style/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(/style/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(/style/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_arrow_previous { background: url(/style/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(/style/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(/style/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(/style/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_expand { background: url(/style/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(/style/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(/style/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(/style/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(/style/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_arrow_previous { background: url(/style/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(/style/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(/style/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(/style/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; position: relative; text-align: left; width: 100%; } .pp_content .pp_details { display: none; margin: 10px 15px 2px 20px; } .pp_description { display: none; float: left; margin: 0; } .pp_nav { float: left; margin: 3px 0 0 0; } .pp_nav p { float: left; margin: 2px 4px; } .pp_nav a.pp_arrow_previous, .pp_nav a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { left: 0; position: absolute; top: 0; width: 100%; z-index: 2000; } a.pp_next { background: url(/style/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(/style/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { display: block; float: right; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: none; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { display: none; line-height: 1 !important; margin: 0 auto; text-align: center; width: 100%; } div.ppt { color: #fff; display: none; font-size: 17px; left: 0; position: absolute; top: 0; z-index: 9999; } /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* end-of-prettyPhoto */