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%;
height: 100%;
}
body {
margin: 0;
background-color: #c6c6c6;
background-image: url('');
background-repeat: no-repeat;
background-position: top center;
color: #617484;
font-family: Georgia, Garamond, "Times New Roman", serif;
font-size: 11px;
line-height: 20px;
text-align: center;
height: 100%;
}
p {
line-height: 20px;
padding-bottom: 14px;
}
span {
display: none;
}
/* links */
a {
color: #aa8764;
text-decoration: underline;
}
a:hover {
color: #6b8191;
}
/* headings */
h1, h2, h3, h4, h5, h6 {
color: #aa8764;
font-weight: normal;
}
h1 {
font-size: 22px;
line-height: 24px;
}
h1 a {
text-decoration: none;
}
h4 {
font-style: italic;
}
/* pagination */
.pagination {
clear: both;
color: #aa8764;
display: block;
margin: 20px auto;
padding-bottom: 1px;
}
.pagination a,
.pagination span {
background: #fff;
border: 1px solid #c9c9c9;
color: #aa8764;
display: inline;
float: left;
margin-right: 1px;
padding: 1px 5px;
text-decoration: none;
}
.pagination a:hover {
color: #6b8191;
}
.pagination span.current {
background: #195e93;
border: 1px solid #0c1e46;
color: #fff;
}
.pagination span.disabled {
background: #f3f3f3;
}
.image a img {
height:175px;
width:175px;
}
.gallery_show .image a img {
width: auto;
height: auto;
}
/* PUBLIC Video Stylesheet */
/* video player */
#video_player {
display: none;
height: 445px;
margin: 57px 74px 74px;
text-align: left;
}
#video_player .buttons {
height: 32px;
}
#video_player a.close_video {
cursor: pointer;
float: right;
text-align: right;
width: 71px;
}
#video_player a.launch_video {
cursor: pointer;
float: left;
text-align: left;
width: 205px;
}
#video_player .wrapper {
background: #b2b2b2;
height: 413px;
margin: 0px;
padding: 0px;
width: 746px;
}
/* PUBLIC Header Stylesheet */
/* NEW HEADER */
#topbar {
width: 100%;
height: 40px;
background-color: #1b616e;
}
#wrapper {
width: 1010px;
margin: 0 auto;
}
#navigation {
width: 1008px;
margin-top: 430px;
margin-left: 1px;
height: 163px;
display: block;
}
/* top_bar element */
#topbar {
background: url("/images/public/top_bar_bg.gif") top left repeat-x;
left: 0;
height: 40px;
margin-left: auto;
margin-right: auto;
right: 0;
z-index: 100;
}
#topbar .highlight_bg {
background: url("/images/public/top_bar_highlight_bg.gif") top center no-repeat;
height: 100%;
}
#topbar .wrapper {
margin: 0px auto;
padding: 11px 0px 0px;
width: 1000px;
}
#topbar .launch_audio {
float: left;
}
#topbar .mailing_list {
float: right;
}
#topbar .view_cart {
float: right;
}
/* nav_bar element */
#nav_bar {
left: 0;
height: 154px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
position: absolute;
right: 0;
top: 40px;
z-index: 100;
}
#SWFmenu {
height: 163px;
}
/* PUBLIC Content Stylesheet */
#contentwrapper {
width: 1010px;
height: 100%;
background-image: url(/images/public/repeat_background.jpg);
background-repeat: repeat-y;
background-position: top center;
float:left;
}
#actualcontent {
width: 1000px;
margin: 0px 5px;
}
/* container element */
#container {
left: 0;
padding-bottom: 125px;
margin-left: auto;
margin-right: auto;
position: absolute;
right: 0;
text-align: left;
top: 194px;
width: 1000px;
z-index: 100;
}
/* wrapper element */
.wrapper {
padding: 15px 0px 30px 20px;
}
/* content element */
.content {
text-align: left;
overflow: hidden;
width: 755px;
float:left;
}
.content .main_text span {
display: inline;
}
/* titles */
.title {
background: url("/images/public/title_bg.gif") top right no-repeat;
height: 25px;
margin-bottom: 10px;
text-align: right;
}
.title h1 {
background-position: top right;
background-repeat: no-repeat;
display: block;
height: 100%;
}
/* modules */
.content .module {
padding: 15px 25px;
}
.module:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
/* blocks */
.block {
background: url("/images/public/dotted-h.gif") bottom center repeat-x;
display: block;
margin-bottom: 14px;
float: left;
clear:both;
width: 100%;
}
.block.oops {
}
.block .media_image {
display: block;
margin-bottom: 10px;
width: 480px;
}
.block .media_video {
display: block;
height: 315px;
margin-bottom: 10px;
width: 480px;
}
.block .related_images {
list-style: none;
padding-bottom: 14px;
width: 680px;
}
.block .related_images li {
display: inline-block;
margin: 1px;
padding: 2px;
float: left;
}
.block .related_images li img {
height: 85px;
width: 85px;
border: 3px solid #CCC;
}
.block .related_links {
list-style: none;
padding-bottom: 14px;
}
.block .related_links li {
background: url("/images/public/related_link_icon.gif") 2px 8px no-repeat;
padding-left: 12px;
}
/* content modules */
/* ARTWORKS */
.content.artworks .title h1 {
background-image: url("/images/public/title_artwork.gif");
}
/* BIO */
.content.bio .title h1 {
background-image: url("/images/public/title_bio.gif");
}
.content.bio .module ul {
list-style: none;
margin: 20px 0px;
width: 85%;
}
.content.bio .module li {
background: url("/images/public/block_list_icon.gif") 2px 8px no-repeat;
padding-left: 32px;
}
.content.bio .module .block {
background-image: none;
}
/* CONTACT */
.content.contact .title h1 {
background-image: url("/images/public/title_contact.gif");
}
/* EVENTS */
.content.events .title h1 {
background-image: url("/images/public/title_tour.gif");
}
.content.events .module .block h1 {
padding-bottom: 5px;
}
/* GALLERIES */
.content.galleries .title h1 {
background-image: url("/images/public/title_photos.gif");
}
/* GALLERIES NON-SPECIFIC */
.content .module .block.gallery_list {
background-image: none;
margin-bottom: 10px;
}
.content .module .block.gallery_list .image {
z-index: 1;
}
.content .module .block.gallery_list .details {
background: url("/images/public/gallery_details_long.png") top right no-repeat;
height: 93px;
margin-top: 39px;
position: absolute;
width: 685px;
z-index: 100;
}
.content .module .block.gallery_list .details .main_text {
float: right;
margin-top: 15px;
width: 475px;
}
.content .module .block.gallery_list p {
padding-bottom: 0px;
}
.content .module.gallery_show .details {
float: left;
}
.content .module.gallery_show .image {
background: #b8b8b8;
display: inline-block;
padding: 3px;
margin-bottom: 20px;
margin-top: 10px;
clear: both;
float: left;
}
.content .gallery_pagination {
display: inline-block;
height: 21px;
float: left;
clear: both;
}
.content .gallery_pagination a span,
.content .gallery_pagination span span {
display: none;
}
.content .gallery_pagination .next_page {
background: url("/images/public/gallery_next.gif") top right no-repeat;
display: inline-block;
height: 21px;
width: 90px;
}
.content .gallery_pagination .prev_page {
background: url("/images/public/gallery_previous.gif") top right no-repeat;
display: inline-block;
height: 21px;
width: 90px;
}
/* JOURNAL */
.content.journal .title h1 {
background-image: url("/images/public/title_journal.gif");
}
/* NEWS */
.content.news .title h1 {
background-image: url("/images/public/title_news.gif");
}
/* MUSIC */
.content.music.collab .title h1 {
background-image: url("/images/public/title_music_collaborations.gif");
}
.content.music.solo .title h1 {
background-image: url("/images/public/title_music_solo.gif");
}
.content.music .module .albums {
float: left;
margin-right: 30px;
overflow: hidden;
width: 175px;
}
.content.music .module .albums .main_image {
height: 175px;
margin-bottom: 10px;
width: 175px;
}
.albums_sidebar {
width: 215px;
float:right;
padding: 55px 40px 0px 0px;
}
.albums_sidebar .other_releases {
list-style: none;
width: 215px;
padding-left: 20px;
margin-top: 3px;
margin-bottom: 30px;
}
.albums_sidebar .other_releases li {
background: #FFF;
display: block;
float: left;
margin: 0px 3px 3px 0px;
padding: 8px;
height: 70px;
width: 70px;
}
.albums_sidebar .other_releases img {
height: 70px;
width: 70px;
}
.content.music .module .details {
float: left;
overflow: hidden;
width: 480px;
}
.content .module .block.gallery_list .details a.buy_now {
background: url("/images/public/music_buy_now.gif") top right no-repeat;
bottom: 0px;
height: 56px;
width: 56px;
overflow: hidden;
position: absolute;
right: 3px;
}
/* STORE */
.content.store {
overflow: visible;
}
.content.store .title h1 {
background-image: url("/images/public/title_store.gif");
}
/* SUPPORTS */
.content.supports .title h1 {
background-image: url("/images/public/title_supports.gif");
}
.content.supports .module .block .main_text {
padding-top: 20px;
}
.content.supports .module .block img {
float: left;
height: 60px;
margin-bottom: 14px;
}
/* VITAMINS */
.content.vitamins .title h1 {
background-image: url("/images/public/title_vitamins.gif");
}
.content.vitamins .block .legend {
height: 30px;
list-style: none;
margin-bottom: 15px;
margin-top: 5px;
}
.content.vitamins .block .legend li {
background-position: top left;
background-repeat: no-repeat;
color: #606060;
display: block;
float: left;
margin-right: 18px;
}
.content.vitamins .block .legend li a {
color: #606060;
display: block;
padding: 5px 0px 5px 33px;
text-decoration: none;
width: 100%;
}
.content.vitamins .block .legend li a:hover {
text-decoration: underline;
}
.content.vitamins .block .legend li.all {
background-image: url("/images/public/vitamins_view_all.gif");
}
.content.vitamins .block .legend li.books {
background-image: url("/images/public/vitamins_books.gif");
}
.content.vitamins .block .legend li.film {
background-image: url("/images/public/vitamins_film.gif");
}
.content.vitamins .block .legend li.general {
background-image: url("/images/public/vitamins_general.gif");
}
.content.vitamins .block .legend li.music {
background-image: url("/images/public/vitamins_music.gif");
}
.content.vitamins .vitamin_wrapper {
background-position: top left;
background-repeat: no-repeat;
padding-left: 35px;
}
.content.vitamins .vitamin_wrapper.all {
background-image: url("/images/public/vitamins_view_all.gif");
}
.content.vitamins .vitamin_wrapper.books {
background-image: url("/images/public/vitamins_books.gif");
}
.content.vitamins .vitamin_wrapper.film {
background-image: url("/images/public/vitamins_film.gif");
}
.content.vitamins .vitamin_wrapper.general {
background-image: url("/images/public/vitamins_general.gif");
}
.content.vitamins .vitamin_wrapper.music {
background-image: url("/images/public/vitamins_music.gif");
}
#sidebar .pagination {
display: none;
}
#sidebar {
float: right;
width: 215px;
padding: 55px 40px 40px 0px;
background: url(/images/public/sidebar_head_mostrecent.png) no-repeat;
margin-top: 25px;
padding-bottom: 40px;
}
.albums_sidebar {
background: url(/images/public/sidebar_head_other.png) no-repeat;
}
#sidebar hr.divider {
border : none;
border-top : dotted 1px #000;
color : #FFF;
background-color : #FFFFFF;
height : 1px;
width: 175px;
margin-top: 20px;
margin-bottom: 5px;
float: left;
clear: both;
}
#sidebar img {
border: 2px solid #fff;
}
#sidebar .block,
#sidebar .block .detail {
background: none;
margin-bottom: 0px;
}
#sidebar .main_text,
#sidebar .block .details .main_text {
padding-left: 20px;
padding-top: 5px;
text-align: left;
font-color: #6c8292;
}
#sidebar .main_text .block {
margin-bottom: 0;
width: 145px;
}
#sidebar .main_text .block li {
margin: 0;
}
#sidebar h1,
#sidebar .block .details .main_text h1 {
font-size: 18px;
line-height: 21px;
margin-bottom: 5px;
color: #6C8292;
}
#sidebar a {
color: #6C8292;
text-decoration: none;
}
#sidebar a:hover {
text-decoration: underline;
}
#sidebar div.side a,
#sidebar li a {
line-height: 12px;
color: #98795e;
font-style: italic;
line-height: 12px;
}
#sidebar div.side a:hover,
#sidebar li a:hover {
text-decoration: underline;
}
#sidebar div.side {
background: url("/images/public/arrow.gif") no-repeat 0px 2px;
padding-left: 17px;
width:100%;
display:block;
}
#sidebar div.side a.ie {
*padding-top: -10px;
*line-height: 12px;
*display: block;
}
#video_sidebar img {
margin-bottom: 10px;
}
/* PUBLIC Footer Stylesheet */
/* NEW Footer CSS */
#footer {
width: 1010px;
background-image: url(/images/public/footer_background.png);
background-repeat: no-repeat;
height:120px;
clear:both;
float:left;
}
#footerrase {
color: #6b8191;
float: right;
overflow: hidden;
width: 508px;
}
#footer a {
color: #aa8764;
}
#footer a:hover {
color: #6b8191;
}
#footer a.yamaha {
background: url("/images/public/footer_yamaha.png") top left no-repeat;
display: block;
height: 13px;
margin-top: 5px;
width: 60px;
float:right;
}
#footer a.yamaha:hover {
background-position: bottom left;
}
#footer p {
padding: 0px 25px;
}
#footer .nav {
height: 74px;
margin-bottom: 10px;
float:left;
display:block;
}
#footer .navr {
float:right;
}
#footer .navr p {
padding: 18px 25px 0px;
text-align: right;
}
#footer .nav p {
padding: 18px 25px 0px;
text-align:left;
}
/* PUBLIC Backgrounds Stylesheet */
/* background elements */
.background {
height: 100%;
width: 50%;
z-index: 1;
}
.background.left {
float: left;
margin: 0px;
}
.background.right {
background: url("/images/public/right_bg.jpg") top left repeat;
float: left;
margin: 0px;
}
.foreground {
display: block;
height: 100%;
width: 100%;
z-index: 2;
}
.background.left .foreground {
display: none ;
background-position: top right;
background-repeat: no-repeat;
float: none;
margin: 0px;
}
.background.right .foreground {
background: url("/images/public/right_foreground_bg.gif") top left repeat-y;
float: none;
margin: 0px;
}
/* ------------------------------------------------------------------------
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 */
/* ----------------------------------
Facebook style Theme
----------------------------------- */
div.facebook .pp_top .pp_left { background: url("/images/prettyPhoto/facebook/sprite.png") -88px -53px no-repeat; } /* Top left corner */
div.facebook .pp_top .pp_middle { background: url("/images/prettyPhoto/facebook/contentPatternTop.png") top left repeat-x; } /* Top pattern/color */
div.facebook .pp_top .pp_right { background: url("/images/prettyPhoto/facebook/sprite.png") -110px -53px no-repeat; } /* Top right corner */
div.facebook .pp_content .ppt { color: #000; }
div.facebook .pp_content_container .pp_left { background: url("/images/prettyPhoto/facebook/contentPatternLeft.png") top left repeat-y; } /* Content background */
div.facebook .pp_content_container .pp_right { background: url("/images/prettyPhoto/facebook/contentPatternRight.png") top right repeat-y; } /* Content background */
div.facebook .pp_content { background: #fff; } /* Content background */
div.facebook .pp_expand { background: url("/images/prettyPhoto/facebook/sprite.png") -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.facebook .pp_expand:hover { background: url("/images/prettyPhoto/facebook/sprite.png") -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.facebook .pp_contract { background: url("/images/prettyPhoto/facebook/sprite.png") 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.facebook .pp_contract:hover { background: url("/images/prettyPhoto/facebook/sprite.png") 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.facebook .pp_close { width: 22px; height: 22px; background: url("/images/prettyPhoto/facebook/sprite.png") -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.facebook #pp_full_res .pp_inline { color: #000; }
div.facebook .pp_loaderIcon { background: url("/images/prettyPhoto/facebook/loader.gif") center center no-repeat; } /* Loader icon */
div.facebook .pp_nav .pp_arrow_previous { background: url("/images/prettyPhoto/facebook/sprite.png") 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.facebook .pp_nav .pp_arrow_next { background: url("/images/prettyPhoto/facebook/sprite.png") -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.facebook .pp_nav { margin-top: 0; }
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.facebook .pp_next:hover { background: url("/images/prettyPhoto/facebook/btnNext.png") center right no-repeat; cursor: pointer; } /* Next button */
div.facebook .pp_previous:hover { background: url("/images/prettyPhoto/facebook/btnPrevious.png") center left no-repeat; cursor: pointer; } /* Previous button */
div.facebook .pp_bottom .pp_left { background: url("/images/prettyPhoto/facebook/sprite.png") -88px -80px no-repeat; } /* Bottom left corner */
div.facebook .pp_bottom .pp_middle { background: url("/images/prettyPhoto/facebook/contentPatternBottom.png") top left repeat-x; } /* Bottom pattern/color */
div.facebook .pp_bottom .pp_right { background: url("/images/prettyPhoto/facebook/sprite.png") -110px -80px no-repeat; } /* Bottom right corner */
/* ------------------------------------------------------------------------
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 */