W3C CSS Validator results for http://www.4everdesign.co.uk/web_design.htm (CSS level 2.1)

Sorry! We found the following errors (3)

URI : http://www.4everdesign.co.uk/css/prettyPhoto.css

49 div.pp_default .pp_nav .currentTextHolder Property font-color doesn't exist : #999
51 div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover Property opacity doesn't exist in CSS level 2.1 but exists in [css3] : 0.7
394 .pp_gallery ul a Value Error : border Too many values or values are not recognized : 1px rgba(0,0,0,0.5 ) solid

↑ Top

Valid CSS information

@charset "utf-8";
body, html, div, img, a, p, h1, h2, h3, h4, h5, h6, ul, li, span {
margin : 0;
padding : 0;
border : 0;
background : transparent;
text-decoration : none;
outline : none;
list-style : none;
}
body, html {
margin-bottom : 50px;
font-family : helvetica, sans-serif;
background : #cdd2cd url(../resources/bg2.png) repeat-x;
}
a, a:focus {
outline : none;
}
em {
font-style : normal;
font-weight : 200;
}
.clearfix {
clear : both;
width : 100%;
height : 1px;
display : block;
font-size : 0;
}
#bgLeft {
position : absolute;
top : 72px;
left : 0;
width : 50%;
height : 80px;
background : url(../resources/logo-bg.png) repeat-x;
}
#mainContainer {
position : relative;
margin : 0 auto;
width : 990px;
height : 600px;
display : block;
}
#topContent {
position : relative;
display : block;
width : 990px;
height : 190px;
background : url(../resources/bg2.png) repeat-x;
}
h1 {
position : absolute;
top : 0;
left : 630px;
padding-top : 40px;
width : 350px;
height : 70px;
display : block;
font-size : 30px;
font-family : helvetica, sans-ms;
color : #cbcc21;
text-align : right;
}
#logo {
position : absolute;
top : 72px;
left : 0;
}
#contact {
position : absolute;
top : 150px;
left : 820px;
padding-top : 10px;
width : 160px;
height : 70px;
text-align : right;
}
p.ph {
position : absolute;
top : 130px;
left : 630px;
width : 350px;
display : block;
font-size : 26px;
color : #fff;
text-align : right;
}
p.em {
position : absolute;
top : 167px;
left : 630px;
width : 350px;
display : block;
font-size : 11px;
text-align : right;
}
p.em a {
color : #fff;
}
p.em a:hover {
color : #cbcc21;
}
#primaryContent {
position : relative;
display : block;
padding : 26px 26px 0 26px;
width : 938px;
height : 321px;
background : url(../resources/black-stripe.png) repeat-y;
}
#frontPage {
position : relative;
width : 445px;
float : left;
}
#frontPage p {
margin-bottom : 10px;
display : block;
font-size : 19px;
color : #ddd;
}
#news {
margin-top : 45px;
width : 300px;
display : block;
}
#news h2 {
margin-bottom : 5px;
font-size : 16px;
color : #ddd;
}
#news p {
font-size : 11px;
color : #ddd;
text-align : justify;
}
#news p.readMore {
width : 100%;
display : block;
font-size : 11px;
text-align : right;
}
#news p.readMore a {
color : #cbcc21;
text-decoration : none;
}
#news p.readMore a:hover {
color : #ddd;
text-decoration : none;
}
p#featured {
position : absolute;
top : 315px;
left : 450px;
font-size : 11px;
color : #ddd;
}
p.clickToView {
position : absolute;
top : 333px;
left : 620px;
font-size : 10px;
color : #aaa;
}
.slider-wrap {
position : relative;
padding : 10px;
width : 416px;
height : 290px;
display : block;
float : right;
}
div.primaryFooter {
clear : both;
width : 990px;
height : 40px;
background : url(../resources/black-footer.png) no-repeat;
display : block;
}
.categoryPage {
position : relative;
padding-right : 20px;
border-right : 1px solid #cbcc21;
width : 435px;
height : 320px;
text-align : justify;
float : left;
}
.categoryPage2 {
position : relative;
margin-left : -1px;
padding-left : 20px;
border-left : 1px solid #cbcc21;
width : 435px;
text-align : justify;
float : left;
}
.categoryPage h2, .categoryPage2 h2 {
margin-bottom : 15px;
display : block;
font-size : 16px;
color : #cbcc21;
}
.categoryPage p, .categoryPage2 p {
margin-bottom : 15px;
display : block;
font-size : 12px;
color : #bbb;
}
.categoryPage ul {
position : relative;
}
div.categoryPage li {
margin : 0 5px 5px 0;
display : block;
font-size : 11px;
color : #bbb;
float : left;
}
div.categoryPage a, div.categoryPage2 a {
color : #cbcc21;
}
div.categoryPage a:hover, div.categoryPage2 a:hover {
color : #ddd;
}
div.testimonial {
margin-left : 20px;
padding-right : 20px;
border-right : 1px solid #cbcc21;
width : 196px;
height : 300px;
text-align : justify;
float : left;
}
div.testimonial h2 {
margin-bottom : 15px;
display : block;
font-size : 12px;
color : #cbcc21;
}
div.testimonial p {
margin-bottom : 15px;
display : block;
font-size : 11px;
color : #bbb;
}
#portDiv {
padding : 10px;
width : 416px;
height : 270px;
background : url(../resources/black-gradient3.png) no-repeat;
display : block;
float : right;
}
div.portMed {
float : left;
}
img.portImage {
float : left;
}
div.portOutline {
position : relative;
padding-left : 10px;
width : 120px;
height : 250px;
display : block;
float : left;
}
p.portTitle {
color : #cbcc21;
text-align : right;
font-size : 10px;
}
p.portItem {
margin-bottom : 7px;
color : #ddd;
text-align : right;
font-size : 10px;
}
p.portItem a {
color : #cbcc21;
text-decoration : none;
}
p.portItem a:hover {
color : #ddd;
text-decoration : none;
}
p.portItem a.uline {
color : #ddd;
text-decoration : none;
}
p.portItem a.uline:hover {
color : #cbcc21;
text-decoration : underline;
}
span#prevBtn {
position : absolute;
bottom : 5px;
left : 0;
padding-right : 10px;
border-right : 1px solid #aaa;
width : 112px;
text-align : right;
}
span#nextBtn {
position : absolute;
bottom : 5px;
left : 122px;
padding-left : 10px;
border-left : 1px solid #aaa;
width : 112px;
text-align : left;
}
p.advert {
margin-bottom : 7px;
font-size : 11px;
color : #ddd;
text-align : right;
}
p.advertFN {
position : absolute;
top : 255px;
right : 0;
width : 110px;
font-size : 11px;
color : #666;
text-align : right;
}
p.advert a, p.advertFN a {
color : #cbcc21;
}
p.advert a:hover, p.advertFN a:hover {
color : #fff;
}
#menu {
width : 450px;
float : left;
margin-bottom : 20px;
}
#menu li {
display : inline;
font-size : 24px;
color : #999;
}
#menu li a {
font-size : 26px;
color : #000;
text-decoration : none;
}
#menu li a:hover {
font-size : 26px;
color : #fff;
text-decoration : none;
}
#social {
margin : 0 10px 10px 0;
width : 450px;
height : 16px;
float : right;
}
#social ul li {
margin-left : 5px;
float : right;
}
#social ul li a {
display : block;
width : 16px;
height : 16px;
}
a#facebook {
background : url(../resources/socnet.png) no-repeat [0, 0];
}
a#facebook:hover {
background : url(../resources/socnet.png) no-repeat [0, -16px];
}
a#twitter {
background : url(../resources/socnet.png) no-repeat [-16px, 0];
}
a#twitter:hover {
background : url(../resources/socnet.png) no-repeat [-16px, -16px];
}
a#blogger {
background : url(../resources/socnet.png) no-repeat [-32px, 0];
}
a#blogger:hover {
background : url(../resources/socnet.png) no-repeat [-32px, -16px];
}
a#lastfm {
background : url(../resources/socnet.png) no-repeat [-48px, 0];
}
a#lastfm:hover {
background : url(../resources/socnet.png) no-repeat [-48px, -16px];
}
#footer {
position : relative;
clear : both;
width : 100%;
display : block;
text-align : center;
}
#footer ul {
position : relative;
margin : 0 auto;
display : block;
}
#footer li {
display : inline;
font-size : 11px;
color : #000;
}
#footer li a {
margin : 0 5px;
font-size : 12px;
color : #666;
}
#footer li a:hover {
color : #000;
}
.stripViewer .panelContainer .panel ul {
text-align : left;
margin : 0 15px 0 30px;
}
.csw {
width : 100%;
height : 270px;
background : #000;
overflow : hidden;
}
.csw .loading {
margin : 0 0 0 0;
text-align : center;
}
.stripViewer {
position : relative;
overflow : hidden;
border : 5px solid #000;
margin : auto;
width : 416px;
height : 290px;
clear : both;
background : transparent url(../resources/black-gradient3.png) no-repeat;
}
.stripViewer .panelContainer {
position : relative;
width : 100%;
}
.stripViewer .panelContainer .panel {
float : left;
height : 100%;
position : relative;
width : 700px;
}
.stripViewer .panelContainer .panel .wrapper {
padding : 10px;
}
.stripNav {
margin : auto;
display : none;
}
.stripNav ul li {
float : left;
margin-right : 2px;
}
.stripNav a {
font-size : 10px;
font-weight : bold;
text-align : center;
line-height : 32px;
background : #c6e3ff;
color : #fff;
text-decoration : none;
display : block;
padding : 0 15px;
}
.stripNav li.tab1 a {
background : #60f;
}
.stripNav li.tab2 a {
background : #60c;
}
.stripNav li.tab3 a {
background : #63f;
}
.stripNav li.tab4 a {
background : #63c;
}
.stripNav li.tab5 a {
background : #00e;
}
.stripNav li a:hover {
background : #333;
}
.stripNav li a.current {
background : #000;
color : #fff;
}
.stripNavL, .stripNavR {
position : absolute;
top : 230px;
text-indent : -9000em;
display : none;
}
.stripNavL a, .stripNavR a {
display : none;
height : 40px;
width : 40px;
}
.stripNavL {
left : 0;
}
.stripNavR {
right : 0;
}
.stripNavL {
background : url("images/arrow-left.gif") no-repeat [center];
}
.stripNavR {
background : url("images/arrow-right.gif") no-repeat [center];
}
div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right {
height : 13px;
}
div.pp_default .pp_top .pp_left {
background : url(../images/prettyPhoto/default/sprite.png) no-repeat [-78px, -93px];
}
div.pp_default .pp_top .pp_middle {
background : url(../images/prettyPhoto/default/sprite_x.png) repeat-x [top, left];
}
div.pp_default .pp_top .pp_right {
background : url(../images/prettyPhoto/default/sprite.png) no-repeat [-112px, -93px];
}
div.pp_default .pp_content .ppt {
color : #f8f8f8;
}
div.pp_default .pp_content_container .pp_left {
background : url(../images/prettyPhoto/default/sprite_y.png) repeat-y [-7px, 0];
padding-left : 13px;
}
div.pp_default .pp_content_container .pp_right {
background : url(../images/prettyPhoto/default/sprite_y.png) repeat-y [top, right];
padding-right : 13px;
}
div.pp_default .pp_content {
background-color : #fff;
}
div.pp_default .pp_next:hover {
background : url(../images/prettyPhoto/default/sprite_next.png) no-repeat [center, right];
cursor : pointer;
}
div.pp_default .pp_previous:hover {
background : url(../images/prettyPhoto/default/sprite_prev.png) no-repeat [center, left];
cursor : pointer;
}
div.pp_default .pp_expand {
background : url(../images/prettyPhoto/default/sprite.png) no-repeat [0, -29px];
cursor : pointer;
width : 28px;
height : 28px;
}
div.pp_default .pp_expand:hover {
background : url(../images/prettyPhoto/default/sprite.png) no-repeat [0, -56px];
cursor : pointer;
}
div.pp_default .pp_contract {
background : url(../images/prettyPhoto/default/sprite.png) no-repeat [0, -84px];
cursor : pointer;
width : 28px;
height : 28px;
}
div.pp_default .pp_contract:hover {
background : url(../images/prettyPhoto/default/sprite.png) no-repeat [0, -113px];
cursor : pointer;
}
div.pp_default .pp_close {
width : 30px;
height : 30px;
background : url(../images/prettyPhoto/default/sprite.png) no-repeat [2px, 1px];
cursor : pointer;
}
div.pp_default #pp_full_res .pp_inline {
color : #000;
}
div.pp_default .pp_gallery ul li a {
background : #f8f8f8 url(../images/prettyPhoto/default/default_thumb.png) [center, center];
border : 1px solid #aaa;
}
div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a {
border-color : #fff;
}
div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next {
position : static;
left : auto;
}
div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause {
background : url(../images/prettyPhoto/default/sprite.png) no-repeat [-51px, 1px];
height : 30px;
width : 30px;
}
div.pp_default .pp_nav .pp_pause {
background-position : [-51px, -29px];
}
div.pp_default .pp_details {
position : relative;
}
div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {
background : url(../images/prettyPhoto/default/sprite.png) no-repeat [-31px, -3px];
height : 20px;
margin : 4px 0 0 0;
width : 20px;
}
div.pp_default a.pp_arrow_next {
left : 52px;
background-position : [-82px, -3px];
}
div.pp_default .pp_content_container .pp_details {
margin-top : 5px;
}
div.pp_default .pp_nav {
clear : none;
height : 30px;
width : 105px;
position : relative;
}
div.pp_default .pp_nav .currentTextHolder {
font-family : Georgia;
font-style : italic;
font-size : 11px;
left : 75px;
line-height : 25px;
margin : 0;
padding : 0 0 0 10px;
position : absolute;
top : 2px;
}
div.pp_default .pp_description {
font-size : 11px;
font-weight : bold;
line-height : 14px;
margin : 5px 50px 5px 0;
}
div.pp_default .pp_bottom .pp_left {
background : url(../images/prettyPhoto/default/sprite.png) no-repeat [-78px, -127px];
}
div.pp_default .pp_bottom .pp_middle {
background : url(../images/prettyPhoto/default/sprite_x.png) repeat-x [bottom, left];
}
div.pp_default .pp_bottom .pp_right {
background : url(../images/prettyPhoto/default/sprite.png) no-repeat [-112px, -127px];
}
div.pp_default .pp_loaderIcon {
background : url(../images/prettyPhoto/default/loader.gif) no-repeat [center, center];
}
div.light_rounded .pp_top .pp_left {
background : url(../images/prettyPhoto/light_rounded/sprite.png) no-repeat [-88px, -53px];
}
div.light_rounded .pp_top .pp_middle {
background : #fff;
}
div.light_rounded .pp_top .pp_right {
background : url(../images/prettyPhoto/light_rounded/sprite.png) no-repeat [-110px, -53px];
}
div.light_rounded .pp_content .ppt {
color : #000;
}
div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right {
background : #fff;
}
div.light_rounded .pp_content {
background-color : #fff;
}
div.light_rounded .pp_next:hover {
background : url(../images/prettyPhoto/light_rounded/btnNext.png) no-repeat [center, right];
cursor : pointer;
}
div.light_rounded .pp_previous:hover {
background : url(../images/prettyPhoto/light_rounded/btnPrevious.png) no-repeat [center, left];
cursor : pointer;
}
div.light_rounded .pp_expand {
background : url(../images/prettyPhoto/light_rounded/sprite.png) no-repeat [-31px, -26px];
cursor : pointer;
}
div.light_rounded .pp_expand:hover {
background : url(../images/prettyPhoto/light_rounded/sprite.png) no-repeat [-31px, -47px];
cursor : pointer;
}
div.light_rounded .pp_contract {
background : url(../images/prettyPhoto/light_rounded/sprite.png) no-repeat [0, -26px];
cursor : pointer;
}
div.light_rounded .pp_contract:hover {
background : url(../images/prettyPhoto/light_rounded/sprite.png) no-repeat [0, -47px];
cursor : pointer;
}
div.light_rounded .pp_close {
width : 75px;
height : 22px;
background : url(../images/prettyPhoto/light_rounded/sprite.png) no-repeat [-1px, -1px];
cursor : pointer;
}
div.light_rounded .pp_details {
position : relative;
}
div.light_rounded .pp_description {
margin-right : 85px;
}
div.light_rounded #pp_full_res .pp_inline {
color : #000;
}
div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next {
margin-top : 12px !important ;
}
div.light_rounded .pp_nav .pp_play {
background : url(../images/prettyPhoto/light_rounded/sprite.png) no-repeat [-1px, -100px];
height : 15px;
width : 14px;
}
div.light_rounded .pp_nav .pp_pause {
background : url(../images/prettyPhoto/light_rounded/sprite.png) no-repeat [-24px, -100px];
height : 15px;
width : 14px;
}
div.light_rounded .pp_arrow_previous {
background : url(../images/prettyPhoto/light_rounded/sprite.png) no-repeat [0, -71px];
}
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) no-repeat [-22px, -71px];
}
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) no-repeat [-88px, -80px];
}
div.light_rounded .pp_bottom .pp_middle {
background : #fff;
}
div.light_rounded .pp_bottom .pp_right {
background : url(../images/prettyPhoto/light_rounded/sprite.png) no-repeat [-110px, -80px];
}
div.light_rounded .pp_loaderIcon {
background : url(../images/prettyPhoto/light_rounded/loader.gif) no-repeat [center, center];
}
div.dark_rounded .pp_top .pp_left {
background : url(../images/prettyPhoto/dark_rounded/sprite.png) no-repeat [-88px, -53px];
}
div.dark_rounded .pp_top .pp_middle {
background : url(../images/prettyPhoto/dark_rounded/contentPattern.png) repeat [top, left];
}
div.dark_rounded .pp_top .pp_right {
background : url(../images/prettyPhoto/dark_rounded/sprite.png) no-repeat [-110px, -53px];
}
div.dark_rounded .pp_content_container .pp_left {
background : url(../images/prettyPhoto/dark_rounded/contentPattern.png) repeat-y [top, left];
}
div.dark_rounded .pp_content_container .pp_right {
background : url(../images/prettyPhoto/dark_rounded/contentPattern.png) repeat-y [top, right];
}
div.dark_rounded .pp_content {
background : url(../images/prettyPhoto/dark_rounded/contentPattern.png) repeat [top, left];
}
div.dark_rounded .pp_next:hover {
background : url(../images/prettyPhoto/dark_rounded/btnNext.png) no-repeat [center, right];
cursor : pointer;
}
div.dark_rounded .pp_previous:hover {
background : url(../images/prettyPhoto/dark_rounded/btnPrevious.png) no-repeat [center, left];
cursor : pointer;
}
div.dark_rounded .pp_expand {
background : url(../images/prettyPhoto/dark_rounded/sprite.png) no-repeat [-31px, -26px];
cursor : pointer;
}
div.dark_rounded .pp_expand:hover {
background : url(../images/prettyPhoto/dark_rounded/sprite.png) no-repeat [-31px, -47px];
cursor : pointer;
}
div.dark_rounded .pp_contract {
background : url(../images/prettyPhoto/dark_rounded/sprite.png) no-repeat [0, -26px];
cursor : pointer;
}
div.dark_rounded .pp_contract:hover {
background : url(../images/prettyPhoto/dark_rounded/sprite.png) no-repeat [0, -47px];
cursor : pointer;
}
div.dark_rounded .pp_close {
width : 75px;
height : 22px;
background : url(../images/prettyPhoto/dark_rounded/sprite.png) no-repeat [-1px, -1px];
cursor : pointer;
}
div.dark_rounded .pp_details {
position : relative;
}
div.dark_rounded .pp_description {
margin-right : 85px;
font-size : 10px;
}
div.dark_rounded .currentTextHolder {
color : #c4c4c4;
}
div.dark_rounded .pp_description {
color : #fff;
}
div.dark_rounded #pp_full_res .pp_inline {
color : #fff;
}
div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next {
margin-top : 12px !important ;
}
div.dark_rounded .pp_nav .pp_play {
background : url(../images/prettyPhoto/dark_rounded/sprite.png) no-repeat [-1px, -100px];
height : 15px;
width : 14px;
}
div.dark_rounded .pp_nav .pp_pause {
background : url(../images/prettyPhoto/dark_rounded/sprite.png) no-repeat [-24px, -100px];
height : 15px;
width : 14px;
}
div.dark_rounded .pp_arrow_previous {
background : url(../images/prettyPhoto/dark_rounded/sprite.png) no-repeat [0, -71px];
}
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) no-repeat [-22px, -71px];
}
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) no-repeat [-88px, -80px];
}
div.dark_rounded .pp_bottom .pp_middle {
background : url(../images/prettyPhoto/dark_rounded/contentPattern.png) repeat [top, left];
}
div.dark_rounded .pp_bottom .pp_right {
background : url(../images/prettyPhoto/dark_rounded/sprite.png) no-repeat [-110px, -80px];
}
div.dark_rounded .pp_loaderIcon {
background : url(../images/prettyPhoto/dark_rounded/loader.gif) no-repeat [center, center];
}
div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content {
background : #000;
}
div.dark_square .currentTextHolder {
color : #c4c4c4;
}
div.dark_square .pp_description {
color : #fff;
}
div.dark_square .pp_loaderIcon {
background : url(../images/prettyPhoto/dark_square/loader.gif) no-repeat [center, center];
}
div.dark_square .pp_expand {
background : url(../images/prettyPhoto/dark_square/sprite.png) no-repeat [-31px, -26px];
cursor : pointer;
}
div.dark_square .pp_expand:hover {
background : url(../images/prettyPhoto/dark_square/sprite.png) no-repeat [-31px, -47px];
cursor : pointer;
}
div.dark_square .pp_contract {
background : url(../images/prettyPhoto/dark_square/sprite.png) no-repeat [0, -26px];
cursor : pointer;
}
div.dark_square .pp_contract:hover {
background : url(../images/prettyPhoto/dark_square/sprite.png) no-repeat [0, -47px];
cursor : pointer;
}
div.dark_square .pp_close {
width : 75px;
height : 22px;
background : url(../images/prettyPhoto/dark_square/sprite.png) no-repeat [-1px, -1px];
cursor : pointer;
}
div.dark_square .pp_details {
position : relative;
}
div.dark_square .pp_description {
margin : 0 85px 0 0;
}
div.dark_square #pp_full_res .pp_inline {
color : #fff;
}
div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next {
margin-top : 12px !important ;
}
div.dark_square .pp_nav {
clear : none;
}
div.dark_square .pp_nav .pp_play {
background : url(../images/prettyPhoto/dark_square/sprite.png) no-repeat [-1px, -100px];
height : 15px;
width : 14px;
}
div.dark_square .pp_nav .pp_pause {
background : url(../images/prettyPhoto/dark_square/sprite.png) no-repeat [-24px, -100px];
height : 15px;
width : 14px;
}
div.dark_square .pp_arrow_previous {
background : url(../images/prettyPhoto/dark_square/sprite.png) no-repeat [0, -71px];
}
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) no-repeat [-22px, -71px];
}
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) no-repeat [center, right];
cursor : pointer;
}
div.dark_square .pp_previous:hover {
background : url(../images/prettyPhoto/dark_square/btnPrevious.png) no-repeat [center, left];
cursor : pointer;
}
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_content .ppt {
color : #000;
}
div.light_square .pp_expand {
background : url(../images/prettyPhoto/light_square/sprite.png) no-repeat [-31px, -26px];
cursor : pointer;
}
div.light_square .pp_expand:hover {
background : url(../images/prettyPhoto/light_square/sprite.png) no-repeat [-31px, -47px];
cursor : pointer;
}
div.light_square .pp_contract {
background : url(../images/prettyPhoto/light_square/sprite.png) no-repeat [0, -26px];
cursor : pointer;
}
div.light_square .pp_contract:hover {
background : url(../images/prettyPhoto/light_square/sprite.png) no-repeat [0, -47px];
cursor : pointer;
}
div.light_square .pp_close {
width : 75px;
height : 22px;
background : url(../images/prettyPhoto/light_square/sprite.png) no-repeat [-1px, -1px];
cursor : pointer;
}
div.light_square .pp_details {
position : relative;
}
div.light_square .pp_description {
margin-right : 85px;
}
div.light_square #pp_full_res .pp_inline {
color : #000;
}
div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next {
margin-top : 12px !important ;
}
div.light_square .pp_nav .pp_play {
background : url(../images/prettyPhoto/light_square/sprite.png) no-repeat [-1px, -100px];
height : 15px;
width : 14px;
}
div.light_square .pp_nav .pp_pause {
background : url(../images/prettyPhoto/light_square/sprite.png) no-repeat [-24px, -100px];
height : 15px;
width : 14px;
}
div.light_square .pp_arrow_previous {
background : url(../images/prettyPhoto/light_square/sprite.png) no-repeat [0, -71px];
}
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) no-repeat [-22px, -71px];
}
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) no-repeat [center, right];
cursor : pointer;
}
div.light_square .pp_previous:hover {
background : url(../images/prettyPhoto/light_square/btnPrevious.png) no-repeat [center, left];
cursor : pointer;
}
div.light_square .pp_loaderIcon {
background : url(../images/prettyPhoto/light_rounded/loader.gif) no-repeat [center, center];
}
div.facebook .pp_top .pp_left {
background : url(../images/prettyPhoto/facebook/sprite.png) no-repeat [-88px, -53px];
}
div.facebook .pp_top .pp_middle {
background : url(../images/prettyPhoto/facebook/contentPatternTop.png) repeat-x [top, left];
}
div.facebook .pp_top .pp_right {
background : url(../images/prettyPhoto/facebook/sprite.png) no-repeat [-110px, -53px];
}
div.facebook .pp_content .ppt {
color : #000;
}
div.facebook .pp_content_container .pp_left {
background : url(../images/prettyPhoto/facebook/contentPatternLeft.png) repeat-y [top, left];
}
div.facebook .pp_content_container .pp_right {
background : url(../images/prettyPhoto/facebook/contentPatternRight.png) repeat-y [top, right];
}
div.facebook .pp_content {
background : #fff;
}
div.facebook .pp_expand {
background : url(../images/prettyPhoto/facebook/sprite.png) no-repeat [-31px, -26px];
cursor : pointer;
}
div.facebook .pp_expand:hover {
background : url(../images/prettyPhoto/facebook/sprite.png) no-repeat [-31px, -47px];
cursor : pointer;
}
div.facebook .pp_contract {
background : url(../images/prettyPhoto/facebook/sprite.png) no-repeat [0, -26px];
cursor : pointer;
}
div.facebook .pp_contract:hover {
background : url(../images/prettyPhoto/facebook/sprite.png) no-repeat [0, -47px];
cursor : pointer;
}
div.facebook .pp_close {
width : 22px;
height : 22px;
background : url(../images/prettyPhoto/facebook/sprite.png) no-repeat [-1px, -1px];
cursor : pointer;
}
div.facebook .pp_details {
position : relative;
}
div.facebook .pp_description {
margin : 0 37px 0 0;
}
div.facebook #pp_full_res .pp_inline {
color : #000;
}
div.facebook .pp_loaderIcon {
background : url(../images/prettyPhoto/facebook/loader.gif) no-repeat [center, center];
}
div.facebook .pp_arrow_previous {
background : url(../images/prettyPhoto/facebook/sprite.png) no-repeat [0, -71px];
height : 22px;
margin-top : 0;
width : 22px;
}
div.facebook .pp_arrow_previous.disabled {
background-position : [0, -96px];
cursor : default;
}
div.facebook .pp_arrow_next {
background : url(../images/prettyPhoto/facebook/sprite.png) no-repeat [-32px, -71px];
height : 22px;
margin-top : 0;
width : 22px;
}
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_nav .pp_play {
background : url(../images/prettyPhoto/facebook/sprite.png) no-repeat [-1px, -123px];
height : 22px;
width : 22px;
}
div.facebook .pp_nav .pp_pause {
background : url(../images/prettyPhoto/facebook/sprite.png) no-repeat [-32px, -123px];
height : 22px;
width : 22px;
}
div.facebook .pp_next:hover {
background : url(../images/prettyPhoto/facebook/btnNext.png) no-repeat [center, right];
cursor : pointer;
}
div.facebook .pp_previous:hover {
background : url(../images/prettyPhoto/facebook/btnPrevious.png) no-repeat [center, left];
cursor : pointer;
}
div.facebook .pp_bottom .pp_left {
background : url(../images/prettyPhoto/facebook/sprite.png) no-repeat [-88px, -80px];
}
div.facebook .pp_bottom .pp_middle {
background : url(../images/prettyPhoto/facebook/contentPatternBottom.png) repeat-x [top, left];
}
div.facebook .pp_bottom .pp_right {
background : url(../images/prettyPhoto/facebook/sprite.png) no-repeat [-110px, -80px];
}
div.pp_pic_holder a:focus {
outline : none;
}
div.pp_overlay {
background : #000;
display : none;
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;
min-width : 40px;
}
* html .pp_content {
width : 40px;
}
.pp_fade {
display : none;
}
.pp_content_container {
position : relative;
text-align : left;
width : 100%;
}
.pp_content_container .pp_left {
padding-left : 20px;
}
.pp_content_container .pp_right {
padding-right : 20px;
}
.pp_content_container .pp_details {
float : left;
margin : 10px 0 2px 0;
}
.pp_description {
display : none;
margin : 0;
}
.pp_social {
float : left;
margin : 7px 0 0 0;
}
.pp_social .facebook {
float : left;
position : relative;
top : -1px;
margin-left : 5px;
width : 55px;
overflow : hidden;
}
.pp_social .twitter {
float : left;
}
.pp_nav {
clear : right;
float : left;
margin : 3px 10px 0 0;
}
.pp_nav p {
float : left;
margin : 2px 4px;
}
.pp_nav .pp_play, .pp_nav .pp_pause {
float : left;
margin-right : 4px;
text-indent : -10000px;
}
a.pp_arrow_previous, a.pp_arrow_next {
display : block;
float : left;
height : 15px;
margin-top : 3px;
overflow : hidden;
text-indent : -10000px;
width : 14px;
}
.pp_hoverContainer {
position : absolute;
top : 0;
width : 100%;
z-index : 2000;
}
.pp_gallery {
display : none;
left : 50%;
margin-top : -50px;
position : absolute;
z-index : 10000;
}
.pp_gallery div {
float : left;
overflow : hidden;
position : relative;
}
.pp_gallery ul {
float : left;
height : 35px;
margin : 0 0 0 5px;
padding : 0;
position : relative;
white-space : nowrap;
}
.pp_gallery ul a {
border : 1px solid #000;
display : block;
float : left;
height : 33px;
overflow : hidden;
}
.pp_gallery ul a:hover, .pp_gallery li.selected a {
border-color : #fff;
}
.pp_gallery ul a img {
border : 0;
}
.pp_gallery li {
display : block;
float : left;
margin : 0 5px 0 0;
padding : 0;
}
.pp_gallery li.default a {
background : url(../images/prettyPhoto/facebook/default_thumbnail.gif) no-repeat [0, 0];
display : block;
height : 33px;
width : 50px;
}
.pp_gallery li.default a img {
display : none;
}
.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
margin-top : 7px !important ;
}
a.pp_next {
background : url(../images/prettyPhoto/light_rounded/btnNext.png) no-repeat [10000px, 10000px];
display : block;
float : right;
height : 100%;
text-indent : -10000px;
width : 49%;
}
a.pp_previous {
background : url(../images/prettyPhoto/light_rounded/btnNext.png) no-repeat [10000px, 10000px];
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 {
position : absolute;
right : 0;
top : 0;
display : block;
line-height : 22px;
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 : block;
height : 24px;
left : 50%;
margin : -12px 0 0 -12px;
position : absolute;
top : 50%;
width : 24px;
}
#pp_full_res {
line-height : 1 !important ;
}
#pp_full_res .pp_inline {
text-align : left;
}
#pp_full_res .pp_inline p {
margin : 0 0 15px 0;
}
div.ppt {
color : #fff;
display : none;
font-size : 17px;
margin : 0 0 5px 15px;
z-index : 9999;
}

↑ Top