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%;
vertical-align: baseline;
background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/*...................... Media Surgery ............................
COLOURS:
Dark Grey : #737B7E
Dark Orange : #EC9030
Light Orange : #F09232
*/
body { font-size: 75%; background:#fff url(images/bg-top.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; }
#wrapper { width:960px; margin:0 auto; position:relative }
#topper { }
#topper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#logo { float:left;}
a:link, a:visited { color:#7d050a; text-decoration:none }
a:hover { color:#f5131c }
a img { border:none; }
p { padding:0.7em 0 0 0; }
/*....................... Nav ......................................... */
#main-nav { float:right; margin-top:112px; width:600px; padding:9px 0 6px 20px;
background:#fff url(images/bg-main-nav.png); position:relative;}
#main-nav #li-title { position:absolute; width:144px; height:20px; top:-26px; left:0; text-align:center; padding:8px 0 0 0; font-weight:bold; font-size:1.4em;color:#575859;
background:#fff url(images/bg-main-nav-text.png) 0 0 no-repeat; }
#main-nav li { display:block; float:left; padding:0 10px 0 8px; padding-bottom:3px;
background:url(images/bg-main-nav-li.gif) 100% 0px no-repeat; font-weight: 100; }
#main-nav a { color:#555657; font-size:1.15em; text-decoration:none; letter-spacing:0.02em;}
#main-nav a:hover { color:#bbbbbb; font-size:1.15em; text-decoration:none; letter-spacing:0.02em;}
#main-nav span { position:absolute; right:0; top:1px; background:url(images/main-nav-right.png) 0 0 no-repeat; height:31px; width:8px; }
#main-nav #m-li-last { background:none; }
#top-nav { position:absolute; top:0; right:5px; background:#6a0002 url(images/bg-top-links-left.gif) 0 100% no-repeat; padding-left:5px; }
#top-nav li { float:left; padding: 8px 7px 10px 7px; background:url(images/bg-top-links-li.gif) 100% 6px no-repeat; }
li#top-nav-li-first { padding-left:15px; }
li#top-nav-li-last { background: url(images/bg-top-links-right.gif) 100% 100% no-repeat; }
#top-nav li a { color:#fff; text-decoration:none; font-size:0.99em; }
#top-nav li a:hover { color:#bbb; text-decoration:none; font-size:0.99em; }
/*....................... Main .........................................*/
#main-left { background: url(images/bg-main-left.png) 0 0 no-repeat; float:left; width:326px; }
#main-left p { font-size:1.9em; text-align:center; width:231px; margin:30px auto 0 auto; color:#363636; line-height:1.4em;}
#main-left img { background:url(images/bg-images-left.png) 0 0 no-repeat; padding:4px; display:block; margin:20px 0 30px 30px; }
#main-left a:hover img { background:url(images/bg-images-left.png) 0 0 no-repeat; padding:4px; display:block; margin:20px 0 30px 30px; border:#000000 }
#main-left a img { background:none; }
#main-left1 { background: url(images/bg-main-left.png) 0 0 no-repeat; float:left; width:326px; }
#main-left1 p { font-size:1.1em; text-align:center; width:231px; margin:30px auto 0 auto; color:#363636; line-height:2.0em;}
#main-left1 img { background:url(images/bg-images-left.png) 0 0 no-repeat; padding:4px; display:block; margin:20px 0 30px 30px; }
#main-left1 a:hover img { background:url(images/bg-images-left.png) 0 0 no-repeat; padding:4px; display:block; margin:20px 0 30px 30px; border:#000000 }
#main-left1 a img { background:none; }
#main-left1 h2 { color:#666; font-size:1.5em; padding:6px 0; text-align:center;}
#main-left2 { background: url(images/bg-main-left.png) 0 0 no-repeat; float:left; width:326px; }
#main-left2 p { font-size:1.9em; text-align:center; width:231px; margin:30px auto 0 auto; color:#363636; line-height:1.4em;}
#main-left2 img { padding:4px; display:block; margin:20px 0 30px 30px; }
#main-left2 a:hover img { background:url(images/bg-images-left.png) 0 0 no-repeat; padding:4px; display:block; margin:20px 0 30px 30px; border:#000000 }
#main-left2 a img { background:none; }
/*....................... Home Boxes .........................................*/
#boxes-container { clear:both; overflow:hidden; }
.boxes { width:313px; float:left; position:relative; min-height:315px;
background:#fff url(images/bg-boxes.png) 0 0 no-repeat; margin-right:7px; }
.boxes img { margin:10px 0 0 6px;}
.boxes h2 { background: url(images/bg-boxes.h.png); margin:-2px 7px 0 6px; color:#fff; font-size:1.6em; padding:9px 0 10px 20px; font-weight:normal;}
.boxes p { margin:5px 25px 15px 25px; padding-bottom:40px; font-size:1.1em; line-height:1.4em; color:#363636;}
.boxes ul { margin:5px 0 0 12px;}
.boxes li { background: url(images/bg-boxes-li.png) 0 8px no-repeat; padding:7px 0 7px 25px;}
.boxes span { height:20px; position:absolute; bottom:0; left:0;
background:#999999 url(images/bg-boxes-bottom.png) 0 0 no-repeat; display:block; width:100%; }
.boxes a#link { display:block; position:absolute; bottom:13px; right:19px; width: 100px; height:22px; padding:8px 0; text-align:center;
background:#fff url(images/bg-boxes-more.png) no-repeat; color:#363636; text-decoration:none;}
.boxes a { text-decoration:none; color:#000000; }
.boxes a:hover { text-decoration:none; color:#98080a; }
#boxes-container1 { clear:both; overflow:hidden;}
#boxes-container1 h2 { color:#5a5959; font-size:1.5em;line-height:2.0em;}
.boxes1 { width:184px; float:left; position:relative; min-height:175px;
background:#fff url(images/bg-boxes1.png) 0 0 no-repeat; margin-right:7px; }
.boxes1 img { margin:10px 0 0 6px;}
.boxes1 h3 { background: url(images/bg-boxes.h.png); margin:-2px 7px 0 6px; color:#fff; font-size:1.4em; padding:9px 0 10px 20px; font-weight:normal;}
.boxes1 p { margin:5px 25px 15px 25px; padding-bottom:40px; font-size:1.1em; line-height:1.4em; color:#363636;}
.boxes1 ul { margin:5px 0 0 12px;}
.boxes1 li { background: url(images/bg-boxes-li.png) 0 8px no-repeat; padding:7px 0 7px 25px;}
.boxes1 span { height:20px; position:absolute; bottom:0; left:0;
background:#999999 url(images/bg-boxes-bottom.png) 0 0 no-repeat; display:block; width:100%; }
.boxes1 a#link { display:block; position:absolute; bottom:13px; right:19px; width: 100px; height:22px; padding:8px 0; text-align:center;
background:#fff url(images/bg-boxes-more.png) no-repeat; color:#363636; text-decoration:none;}
.boxes1 a { text-decoration:none; color:#000000; }
.boxes1 a:hover { text-decoration:none; color:#98080a; }
/*....................... Home Gallery ......................................*/
#photo-gallery { position:relative; width:960px; }
#photo-gallery h2 { font-size:1.5em; color:#555555; border-bottom:1px solid #cfcfcf; margin-top:25px; padding:0 0 10px 0;}
#photo-gallery h3 { font-size:1.3em; color:#555555; margin-top:25px; padding:0 0 2px 0;}
#photo-gallery p { font-size:1.0em; color:#555555; line-height:1.5em;}
#photo-gallery p#com { font-size:1.4em; color:#555555; line-height:1.6em;}
#photo-gallery ul { margin:10px 0 0 30px; padding:0 0 0 40px; width:900px; }
#photo-gallery li { float:left; background:#fff url(images/bg-gallery-container.png) 0 0 no-repeat;
padding:12px 15px 15px 13px; margin:10px 0 10px 15px; height:80px; width:130px; }
.jcarousel-clip-horizontal { margin: 0 0 0 65px; width: 820px;}
.jcarousel-prev-horizontal { position:absolute; top:50px; left:0; height: 32px; width:34px; background: url(images/gallery-left.png); }
.jcarousel-next-horizontal { height: 32px; position:absolute; top:50px; right:0; width: 34px; background: url(images/gallery-right.png);}
/*....................... Content ......................................*/
#content { width:620px; margin:30px 0 25px 0; float:left; }
#content a { padding:2px; }
#content p { color:#363636; line-height:1.5em; margin:0 15px 0 20px; font-size:1.2em; }
#content h1 { color:#666; font-size:1.4em; padding:6px 0; }
#content h2 { padding:5px 0; }
/*....................... Inner ......................................*/
#content-inner { width:500px; margin:30px 0 25px 18px; float:left; }
#content-inner p { color:#444; line-height:1.5em; }
#content-inner h1 { color:#666; font-size:1.8em; padding:6px 0; }
#content-inner1 { width:600px; margin:30px 0 25px 28px; float:left; }
#content-inner1 p { color:#444; line-height:1.5em; }
#content-inner1 h1 { color:#666; font-size:1.8em; padding:6px 0; }
#content-inner1 h2 { color:#666; font-size:1.4em; padding:6px 0; }
#content-inner1 td { color:#444; line-height:1.9em}
/*........................... Footer .....................................*/
#footer { clear:both; min-height:130px; margin-top:10px; background:#98080a url(images/bg-footer.png) repeat-x; position:relative; }
#footer div { margin:0 auto; width:960px; position:relative; padding:20px 0 0 0; }
#footer img { position:absolute; right:30px; top:10px; }
#footer img#home-bond { position:absolute; right:45px; top:60px; }
#footer ul { height:18px; }
#footer li { display:block; float:left; padding:0 7px 0 5px; background: url(images/bg-footer-li.gif) 100% 1px no-repeat;}
#footer li#li-first { padding-left:0;}
#footer li#li-last { background:none;}
#footer li a { color:#FFF; font-weight:bold; text-decoration:none;}
#footer p { color:#FFF; clear:both; padding:0 0 5px 0;}
.rightForm {
width: 405px;
float: right;
background-image: url(../images/bg-form.gif);
background-repeat: no-repeat;
padding: 20px 20px 20px 20px;
margin: 30px 0px 0px 0px;
}
.rightForm p {
padding: 15px 0px 0px 0px;
}
.rightForm label {
width: 100px;
text-align: right;
display: block;
float: left;
padding: 3px 20px 15px 0px;
}
.rightForm input.text {
width: 227px;
height: 22px;
border: 1px solid #cf171e;
padding: 3px 0px 0px 0px;
}
.rightForm .button {
width: 349px;
text-align: right;
padding: 15px 0px 0px 0px;
}
.rightForm textarea {
width: 227px;
border: 1px solid #cf171e;
}
.rightInside {
width: 350px;
float: right;
padding: 30px 0px 0px 0px;
}
.heading {
padding: 24px 0px 24px 30px;
border-bottom: 1px solid #dfdfdf;
}
/* ------------------------------------------------------------------------
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 .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; } /* 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_full_res .pp_inline { color: #000; }
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_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
div.dark_rounded .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
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_full_res .pp_inline { 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_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
div.dark_square .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
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_full_res .pp_inline { color: #fff; }
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_content .ppt { color: #000; }
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_full_res .pp_inline { color: #000; }
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;
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; }
.pp_content .ppt {
left: auto;
margin-bottom: 5px;
position: relative;
top: auto;
}
.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 {
margin: 10px 0 2px 0;
}
.pp_description {
display: none;
margin: 0 0 5px 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 {
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: 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;
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 */