html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}
body {line-height: 1; color: black; background: white;}
a img {border:none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
:focus {
-moz-outline:0;
outline:0;
outline-offset:0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* APPLICATION-WIDE Stylesheet */
/* html elements
------------------------------------------- */
/* common
------------------------------------------- */
.left {
float: left;
margin-right: 1em;
}
.right {
float: right;
margin-left: 1em;
}
.small {
font-size: smaller;
}
.large {
font-size: larger;
}
.hide {
display: none;
}
.clear {
display: inline-block;
}
.clear:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
/* flash messages
------------------------------------------- */
div.flash_messages {
color: #222;
line-height: 1.5em;
text-align: left;
}
div.flash_error, div.flash_notice, div.flash_success, div.flash_warning {
background-color: #ffc;
background-position: 0.65em 0.55em;
background-repeat: no-repeat;
border-bottom-style: solid;
border-bottom-width: 0.2em;
border-top-style: solid;
border-top-width: 0.2em;
margin: 0.25em auto 0.875em;
padding: 0.5em 2.25em;
}
div.flash_error {
background-color: #f1938c;
background-image: url("/images/icons/exclamation.png");
border-top-color: #c52f24;
border-bottom-color: #c52f24;
}
div.flash_notice, div.flash_warning {
background-image: url("/images/icons/error.png");
border-bottom-color: #f2d654;
border-top-color: #f2d654;
}
div.flash_success {
background-color: #ccffcc;
background-image: url("/images/icons/accept.png");
border-top-color: #33cc66;
border-bottom-color: #33cc66;
}
/* field error messages
------------------------------------------- */
.fieldWithErrors {
margin: 0em;
padding: 0em;
}
.fieldWithErrors.withMessage {
background: #ffc url("/images/icons/exclamation.png") 0.65em 0.55em no-repeat;
color: #c52f24;
line-height: 1.5em;
margin: 0;
margin-top: 0.2em;
padding: 0.42em 2.25em;
}
/* PUBLIC Stylesheet */
/* html elements
------------------------------------------- */
html {
font-size: 100%;
}
body {
background: #003366;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 100%;
line-height: 19px;
margin: 0 auto;
text-align: center;
}
p {
line-height: 18px;
margin-bottom: 16px;
}
span {
display: none;
}
span.caps {
display: inline;
}
/* links
--------------------------------------- */
a {
color: #000;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: underline;
}
/* headings
--------------------------------------- */
h1 {
font-size: 20px;
line-height: 24px;
}
h2 {
font-size: 16px;
line-height: 20px;
}
h3 {
font-size: 14px;
line-height: 18px;
}
h4 {
font-size: 12px;
line-height: 14px;
}
h5 {
font-size: 11px;
line-height: 13px;
}
h6 {
font-size: 11px;
line-height: 13px;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #2f2f2f;
text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: #000;
}
/* core identifiers
------------------------------------------- */
.wrapper {
height: 100%;
margin: 0 auto;
width: 960px;
}
/* main sections
------------------------------------------- */
#header {
background: #fff url("/images/public/header-bg.gif") top center repeat-x;
height: 132px;
}
#header .wrapper {
text-align: left;
}
#header a {
color: #014f9d;
font-family: "Gill Sans", serif;
font-size: 14px;
text-decoration: none;
}
#header a:hover {
color: #000;
text-decoration: underline;
}
#header h1.logo {
float: left;
height: 85px;
position: relative;
top: 26px;
width: 305px;
}
#header ul {
float: right;
list-style: none;
padding: 0px;
position: relative;
top: 81px;
}
#header ul li {
display: inline;
margin: 0px 3px;
padding: 0px 5px;
text-align: right;
}
#header #sections {
color: #fff;
display: none;
background: #8099b3;
border-radius: 10px;
padding: 10px;
position: absolute;
left: 90px;
text-align: center;
top: 20px;
width: 150px;
z-index: 9999;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
-webkit-box-shadow: 0.25em 0.25em 1em rgba(0, 0, 0, 0.25);
-moz-box-shadow: rgba(0, 0, 0, 0.25) 0.25em 0.25em 1em;
}
#header #sections a {
color: #fff;
padding: 0px 2px;
}
#header #sections a:hover {
color: #fff;
text-decoration: underline;
}
#content {
background: #fff;
}
#conter #banner {
display: block;
height: 192px;
}
#content #column {
float: left;
margin: 14px 0px;
text-align: left;
width: 561px;
}
#content #aside {
color: #555;
float: right;
margin: 14px 0px;
text-align: left;
width: 385px;
}
#content #aside a {
color: #000;
text-decoration: none;
}
#content #aside a:hover {
color: #000;
text-decoration: underline;
}
#footer {
background: url("/images/public/footer-border-top.gif") top center repeat-x;
color: #fff;
font-size: 11px;
margin-bottom: 30px;
}
#footer .wrapper {
height: 169px;
text-align: left;
}
#footer a {
color: #fff;
text-decoration: underline;
}
#footer a:hover {
color: #ccc;
text-decoration: underline;
}
#footer hr {
border: none;
background: #8099b3;
height: 1px;
margin: 10px 0px;
}
#footer ul {
float: left;
list-style: none;
padding: 0px;
width: 192px;
}
#footer ul li {
line-height: 16px;
margin: 0px 10px;
}
/* standard forms
------------------------------------------- */
form.common {
padding: 15px 25px;
}
form div {
margin-bottom: 5px;
}
form div.fieldWithErrors {
display: inline;
}
form div.fieldWithErrors.withMessage {
display: block;
background-position: 5px 4px;
}
form div.checkbox_radio label,
form div.checkbox_radio p {
display: inline;
padding: 0px 2px;
width: auto;
}
form fieldset {
margin-bottom: 30px;
}
form input,
form textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 2px;
}
form h2 {
font-size: 12px;
}
form label {
display: inline-block;
width: 180px;
}
/* standard lists
------------------------------------------- */
ol, ul {
padding: 10px 35px;
}
/* standard table lists
------------------------------------------- */
/* standard block elements (collections)
------------------------------------------- */
/* PUBLIC Stylesheet */
/* The purpose for this file keeps the main public.css clean and easy to work with */
/* file should be kept in alphabetical order based on the ID name */
/* #aside */
#content #aside .block {
margin-bottom: 10px;
}
#content #aside .title {
background: url("/images/public/aside-title-bar.gif") top left no-repeat;
height: 25px;
text-align: left;
}
#content #aside .entries {
background: url("/images/public/updates-bg.gif") top center repeat-x;
padding-bottom: 10px;
}
#content #aside .entries p {
border-bottom: 1px solid #fff;
line-height: 18px;
margin: 0px;
padding: 10px;
}
#content #aside .entries p span {
display: block;
font-size: 11px;
text-align: right;
}
#content #aside .address_map {
background: #e8e8e8;
padding: 10px;
}
#content #aside .map {
float: right;
}
#content #aside .map a {
color: #b2b2b2;
}
#content #aside .map img {
border: 5px solid #8099b3;
}
#content #aside .map p {
color: #b2b2b2;
font-size: 10px;
text-align: center;
}
/* #column */
#content #column .title {
background: url("/images/public/column-title-bar.gif") top left no-repeat;
height: 25px;
text-align: left;
}
#content #column .block {
background: url("/images/public/column-block-bg.gif") top center repeat-x;
margin-bottom: 10px;
}
#content #column .block a.action {
color: #ff4824;
text-decoration: none;
}
#content #column .block a.action:hover {
color: #ff4824;
text-decoration: underline;
}
#content #column .block h2 {
color: #2f2f2f;
font-family: "Gill Sans", serif;
font-size: 20px;
font-weight: normal;
line-height: 22px;
margin: 0px;
padding: 14px 10px 2px;
}
#content #column .block h3 {
color: #2c2c2c;
font-family: "Gill Sans", serif;
font-size: 11px;
font-weight: normal;
margin: 0px;
padding: 0px 10px 5px;
}
#content #column .block hr {
border: none;
background: #8099b3;
height: 1px;
margin: 10px 0px;
}
#content #column .block p {
margin: 0px;
padding: 0px 10px 14px;
}
#content #column .block p.headless {
padding-top: 15px;
}
#content #column .block ol,
#content #column .block ul {
margin-bottom: 15px;
margin-top: -15px;
}
#content #column .content_image {
background: #8099b3;
float: right;
margin: 0px 10px 10px;
padding: 5px;
}
#content #column .more_information {
background: #e5f2ff;
padding: 10px;
padding-bottom: 15px;
}
#content #column .more_information p {
margin: 0px;
padding-bottom: 5px;
}
#content #column .more_information ol,
#content #column .more_information ul {
margin-bottom: 0px;
padding-bottom: 0px;
}
#content #column .other_products {
background: #e5f2ff;
padding: 10px;
text-align: right;
}
#content #column .other_products select {
width: 200px;
}
* html #content #column .other_products select {
width: auto;
}
#content .read {
color: #ff0000;
text-decoration: underline;
}
#content .read:hover {
color: #000;
}
#content .excerpt_text {
display: block;
}
#content .content_text {
display: none;
}
/* #footer */
#footer .credits {
color: #ccc;
margin: 0px 10px;
}
#footer .credits a {
color: #ccc;
text-decoration: none;
}
#footer .credits a:hover {
color: #fff;
}
#footer .disabled {
color: #004991;
font-style: italic;
}
#footer .links {
margin-top: 17px;
}
#footer .links .heading {
margin-bottom: 4px;
}
/* Section Specific */
/* Distributors */
#static #content #column .block ul.distributors {
list-style: none;
padding: 10px 10px;
}
#static #content #column .block ul.distributors li {
margin-bottom: 10px;
}
/* FAQs */
#faqs #content #column .block ol {
margin-top: 0px;
padding-top: 15px;
}
/* Products */
#products #content #column .block h4 {
font-size: 12px;
font-weight: normal;
line-height: 14px;
margin: 0px;
margin-bottom: 10px;
padding: 0px 10px 2px;
}
#products #content #column .block h4 a {
color: #ff0000;
}
/* Static Content */
#static #content #column .block h4 {
font-size: 12px;
font-weight: normal;
line-height: 14px;
margin: 0px;
margin-bottom: 10px;
padding: 0px 10px 2px;
}
#static #content #column .block h4 a {
color: #ff0000;
}
/* Testimonials */
#testimonials #content #column .block {
padding-top: 20px;
}
/* ------------------------------------------------------------------------
This you can edit.
------------------------------------------------------------------------- */
div.light_rounded .pp_top .pp_left { background: url("/images/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("/images/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("/images/prettyPhoto/light_rounded/btnNext.png") center right no-repeat; cursor: pointer; } /* Next button */
div.light_rounded .pp_previous:hover { background: url("/images/prettyPhoto/light_rounded/btnPrevious.png") center left no-repeat; cursor: pointer; } /* Previous button */
div.light_rounded .pp_expand { background: url("/images/prettyPhoto/light_rounded/sprite.png") -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_rounded .pp_expand:hover { background: url("/images/prettyPhoto/light_rounded/sprite.png") -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_rounded .pp_contract { background: url("/images/prettyPhoto/light_rounded/sprite.png") 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_rounded .pp_contract:hover { background: url("/images/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("/images/prettyPhoto/light_rounded/sprite.png") -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_rounded .pp_arrow_previous { background: url("/images/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("/images/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("/images/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("/images/prettyPhoto/light_rounded/sprite.png") -110px -80px no-repeat; } /* Bottom right corner */
div.light_rounded .pp_loaderIcon { background: url("/images/prettyPhoto/light_rounded/loader.gif") center center no-repeat; } /* Loader icon */
/* ----------------------------------
Dark Rounded Theme
----------------------------------- */
div.dark_rounded .pp_top .pp_left { background: url("/images/prettyPhoto/dark_rounded/sprite.png") -88px -53px no-repeat; } /* Top left corner */
div.dark_rounded .pp_top .pp_middle { background: url("/images/prettyPhoto/dark_rounded/contentPattern.png") top left repeat; } /* Top pattern/color */
div.dark_rounded .pp_top .pp_right { background: url("/images/prettyPhoto/dark_rounded/sprite.png") -110px -53px no-repeat; } /* Top right corner */
div.dark_rounded .pp_content { background: url("/images/prettyPhoto/dark_rounded/contentPattern.png") top left repeat; } /* Content background */
div.dark_rounded .pp_next:hover { background: url("/images/prettyPhoto/dark_rounded/btnNext.png") center right no-repeat; cursor: pointer; } /* Next button */
div.dark_rounded .pp_previous:hover { background: url("/images/prettyPhoto/dark_rounded/btnPrevious.png") center left no-repeat; cursor: pointer; } /* Previous button */
div.dark_rounded .pp_expand { background: url("/images/prettyPhoto/dark_rounded/sprite.png") -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_rounded .pp_expand:hover { background: url("/images/prettyPhoto/dark_rounded/sprite.png") -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_rounded .pp_contract { background: url("/images/prettyPhoto/dark_rounded/sprite.png") 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_rounded .pp_contract:hover { background: url("/images/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("/images/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("/images/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("/images/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("/images/prettyPhoto/dark_rounded/sprite.png") -88px -80px no-repeat; } /* Bottom left corner */
div.dark_rounded .pp_bottom .pp_middle { background: url("/images/prettyPhoto/dark_rounded/contentPattern.png") top left repeat; } /* Bottom pattern/color */
div.dark_rounded .pp_bottom .pp_right { background: url("/images/prettyPhoto/dark_rounded/sprite.png") -110px -80px no-repeat; } /* Bottom right corner */
div.dark_rounded .pp_loaderIcon { background: url("/images/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("/images/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("/images/prettyPhoto/dark_rounded/loader.gif") center center no-repeat; } /* Loader icon */
div.dark_square .pp_expand { background: url("/images/prettyPhoto/dark_square/sprite.png") -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_square .pp_expand:hover { background: url("/images/prettyPhoto/dark_square/sprite.png") -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_square .pp_contract { background: url("/images/prettyPhoto/dark_square/sprite.png") 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_square .pp_contract:hover { background: url("/images/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("/images/prettyPhoto/dark_square/sprite.png") -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_square .pp_arrow_previous { background: url("/images/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("/images/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("/images/prettyPhoto/dark_square/btnNext.png") center right no-repeat; cursor: pointer; } /* Next button */
div.dark_square .pp_previous:hover { background: url("/images/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("/images/prettyPhoto/light_square/sprite.png") -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_square .pp_expand:hover { background: url("/images/prettyPhoto/light_square/sprite.png") -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_square .pp_contract { background: url("/images/prettyPhoto/light_square/sprite.png") 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_square .pp_contract:hover { background: url("/images/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("/images/prettyPhoto/light_square/sprite.png") -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_square .pp_arrow_previous { background: url("/images/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("/images/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("/images/prettyPhoto/light_square/btnNext.png") center right no-repeat; cursor: pointer; } /* Next button */
div.light_square .pp_previous:hover { background: url("/images/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 {
clear: left;
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("/images/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("/images/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 */