/* =================== Getting the new tags to behave START ====================== */ article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; } mark, rp, rt, ruby, summary, time { display: inline } /* ==================== Getting the new tags to behave END ======================= */ /* ========================= Global properties START ============================= */ body { background:#1d1917; min-width: 980px; height: 100%; font-family:Georgia, "Times New Roman", Times, serif; line-height: 1em; color: #191411; } .body_bg{background:url(../images/body_bg_tail2.jpg) center top repeat-x #040404; min-width:980px} html { background: transparent; min-width: 980px; height: 100%; margin: 0; padding: 0; outline: 0; vertical-align: top; font-size: 100%; } div { border: 0 none; font-size: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; } a { outline: none; color: #5e524c; text-decoration:none } a:hover { text-decoration:underline; } h3{color:#f0e5be; font-size:1.667em; line-height:1.2em} h4{color:#000000; font-size:1.667em; line-height:1.2em} p{font-size:1.083em; line-height:20px; margin-bottom:20px} p.extra{margin-bottom:5px} p.extra1{margin-bottom:17px} p.extra2{margin-bottom:26px} p.extra3{margin-bottom:13px} p.extra4{margin-bottom:22px} p.extra5{margin-bottom:25px} p.extra6{margin-bottom:0} p.extra7{margin-bottom:19px} p.extra8{margin-bottom:15px} p.extra9{margin-bottom:18px} p.extra10{margin-bottom:30px} img.fleft{margin-right:19px} img.extra{margin-bottom:23px} img.extra1{margin-right:27px} ul.extra{margin-bottom:14px} h6{font-size:1.5em; line-height:20px; color:#191411; font-weight:normal; margin-bottom:6px} h6 a{color:#191411} h6 b{ font-weight:normal; display:block; padding-top:4px} /* ========================= Global properties END =============================== */ /* ========================= Global Structure START ============================== */ #main { width: 980px; margin: 0 auto; font-size: 0.75em; } header { position: relative; height:577px ; background:url(../images/header_bg.png) center bottom no-repeat; } section#content { } footer{height:57px; background:url(../images/footer_bg.jpg) left top repeat-x #1d1917} /* ========================= Global Structure END ================================ */ /* ====================== Left & Right alignment START =========================== */ .fleft { float: left; } .fright { float: right; } .col-1, .col-2, .col-3, .col-4 { float: left; overflow: hidden; } .block-1, .block-2, .block-3, .block-4 { float: left; overflow: hidden; } .aligncenter { padding: 15px 0 0 0; text-align: center; } .alignright{text-align:right} .wrapper { width: 100%; overflow: hidden; } .wrapper1{overflow:hidden} .clear { clear: both; font-size: 0%; line-height: 0%; height: 0; } /* ====================== Left & Right alignment END ============================= */ /* ============================== header START =================================== */ header h1{ position: absolute; top: 4px; left: 16px; width: 273px; height: 104px } header h1 a{ display: block; height: 100%; background-image: url(../images/logo2.png); background-repeat: no-repeat; background-position: center center; } header h1 a span{display:none} nav{position:absolute; right:8px; top:32px; width:676px; height:64px; background:url(../images/menu_bg.png) left top no-repeat} nav li{float:left; height:59px} nav li a{display:block; height:100%; background-position:center 1px; background-repeat:no-repeat;} nav .m1{width:110px; margin-left:15px} nav .m2{width:117px; margin-left:9px} nav .m3{width:155px; margin-left:5px} nav .m4{width:94px; margin-left:5px} nav .m5{width:152px; margin-left:2px} nav a:hover{background-position:center -58px} nav a.active{background-position:center bottom} nav .m1 a{background-image:url(../images/m1.png)} nav .m2 a{background-image:url(../images/m2.png)} nav .m3 a{background-image:url(../images/m3.png)} nav .m4 a{background-image:url(../images/m4.png)} nav .m5 a{background-image:url(../images/m5.png)} /* =============================== header END ==================================== */ /* ============================= content START =================================== */ .slogan{color:#f3d97a; text-align:center; font-size:1.667em; line-height:1.2em; padding-top:5px; word-spacing:-2px; padding-right:13px; height:50px} .slogan2{color:#f3d97a; text-align:center; font-size:1.667em; line-height:1.2em; padding-top:19px; word-spacing:-2px; height:42px} .slogan2 span{color:#eee8d9} #content #indent {padding: 0 10px;} .content_tail{background:url(../images/content_tail.jpg) center 62px repeat-y} .content_top{background:url(../images/content_top.jpg) center top no-repeat} .content_bot{background:url(../images/content_bot.jpg) center bottom no-repeat} .titles{height:57px; padding-left:26px} .titles h3{padding-top:15px} .col-1 .titles,.col-2 .titles, .col-3 .titles, .col-4 .titles{background:url(../images/title_shadow.png) left top repeat-y} .col-1 .inner{padding:33px 57px} .hours{padding-top:20px} .inner1{padding:31px 28px 39px} .inner2{padding:31px 27px} .inner3{padding:33px 29px} .inner4{padding:31px 25px 31px 30px} .inner5{padding:33px 28px 40px} .inner6{padding:31px 5px} .inner7{padding-top:20px} .inventory_note{ padding:45px 90px 45px 90px} #page4 .inner1{padding-bottom:41px} .col-2 .inner{padding:31px 25px} .col-2 .spotlight{padding: 31px 10px 10px 12px} .col-3 .inner{padding:25px 29px} .col-2, .col-3, .col-4{background:url(../images/col_shadow.png) left top repeat-y } .map {padding:33px 33px;} #mapviewer{margin: auto; width: 800px;} #LME_maplinks{margin: auto; width: 800px; text-align:center;} #LME_largerMap, #LME_directions{padding-right: 50px;} .list{} .list li{width:100%; overflow:hidden; margin-bottom:50px} .list img{margin-right:15px; margin-top:1px} .list h6{ margin-bottom: 5px;} .list p{margin-bottom:2px} .list_hours h6{text-align: center; color:#7a6961; width:100%; overflow:hidden; margin-bottom:50px} .list1{line-height:25px; font-size:1.083em; width:100%} .list1 li{margin-top:3.5px; padding-left:15px; background:url(../images/list_marker.png) left center no-repeat; overflow:hidden} .contacts{float:left; width:182px; margin-right:27px} .contacts span{float:right} .contacts h6{margin-bottom:22px} .contacts p{margin-bottom:0} div.last{margin-right:0} #page6 .mail{color:#191411} /* ============================== content END ==================================== */ /* ============================= boxes START ===================================== */ .box { width: 100%; overflow: hidden; } .box .border-top { background: #000 url(../images/border-top.gif) repeat-x 0% 0%; } .box .border-bot { background: url(../images/border-bot.gif) repeat-x 0% 100%; } .box .border-left { background: url(../images/border-left.gif) repeat-y 0% 0%; } .box .border-right { background: url(../images/border-right.gif) repeat-y 100% 0%; } .box .corner-top-left { background: url(../images/corner-top-left.gif) no-repeat 0% 0%; } .box .corner-top-right { background: url(../images/corner-top-right.gif) no-repeat 100% 0%; } .box .corner-bot-left { background: url(../images/corner-bot-left.gif) no-repeat 0% 100%; } .box .corner-bot-right { background: url(../images/corner-bot-right.gif) no-repeat 100% 100%; width: 100%; } .box .inner { padding: 0 0 0 0; } /* ============================== boxes END ====================================== */ /* =================== txt, links, lines, titles START =========================== */ a.more{font-size:1.083em; line-height:24px; color:#7a6961} a.mail{text-decoration:underline} a.mail:hover{text-decoration:none} /* ==================== txt, links, lines, titles END ============================ */ /* ============================= forms START ===================================== */ #contact_form {width: 100%; overflow: hidden; padding-top:23px} #contact_form span{font-size:1.083em; line-height:14px; display:block; clear:left; margin-bottom:2px} #contact_form input, #contact_form textarea{float:left; margin:0; border:1px solid #a1918a; background:#fff; padding:2px 5px; font:12px Georgia, "Times New Roman", Times, serif; width:237px; outline:none} #contact_form textarea{width:275px; overflow:auto; height:99px} #contact_form div div{margin-bottom:5px; overflow:hidden} #contact_form .fright {padding-right:12px; margin-bottom:0} #contact_form .alignright{padding:8px 12px 0 0} #contact_form a.more{margin-left:15px} /* ============================== forms END ====================================== */ /* ============================= other START ===================================== */ .pic-indent { margin: 0 0 0 0; } /* ============================== other END ====================================== */ /* ============================ footer START ===================================== */ footer{color:#ded9cb; font-size:0.75em} footer a{color:#f3d97a; text-decoration:none} footer a:hover{text-decoration:underline} footer .container{width:960px; margin:0 auto; font-size:1.083em; text-align:center; line-height:25px; padding-top:15px} .copy{margin-left:-32px} .footer_link{float:right; padding:0 10px; font-size:0.847em} /* ============================= footer END ====================================== */ /* ============ Slider ============*/ #slider{width:908px; height:399px; padding-top:136px; margin-left:34px} #featured {width:908px; height:399px; overflow:hidden; position:relative; margin:0; padding:0} /*==============Chamge the width of the photo divs if you need to add any more...HERE===============================*/ .featured-entry {width:16000px; height:399px; position:relative;overflow:hidden;} /*==================================================================================================================*/ .featured-entry img{width:908px; height:399px} a.arrow-right, a.arrow-left {position:absolute; bottom:179px; width:13px; height:22px; cursor:pointer} a.arrow-right{right:-13px; background:url(../images/right_arrow.png) left top no-repeat} a.arrow-left{left:-13px; background:url(../images/left_arrow.png) left top no-repeat} a.open_wide{position:absolute; width:26px; height:20px; background:url(../images/open_wide.png) left top no-repeat; top:199px; left:436px; cursor:pointer} .slider-block {height:399px; float:left; margin:0; padding:0; width:908px; position:relative} .top-slide{position:absolute; width:908px; height:399px; background:url(../images/slider_shadow.png) left top repeat; top:-399px; left:0} .bottom-slide{color:#fff; font-size:1.083em; height:42px; width:908px; position:absolute; bottom:-43px; left:0} .number{padding-left:23px; letter-spacing:3px; padding-top:12px} /* ============ Slider END ============*/ /* ------------------------------------------------------------------------ Prettyphoto ------------------------------------------------------------------------- */ 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_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) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } 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_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) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } 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_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_square .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } 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_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) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } 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_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_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_nav .pp_play { background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } 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_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 0 5px 0; } .pp_nav { clear: left; float: left; margin: 3px 0 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 { left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; overflow: hidden; position: relative; } .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; 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; } .pp_gallery li.default a { background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; 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) 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; 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; } /* ------------------------------------------------------------------------ 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 */ /* ========== Prettyphoto END ===========*/