/* ¸ ================================================= Project: Ilirija Biograd (www.ilirijabiograd.com) Author: Medianova (www.medianova.hr) ------------------------------------------------- 2010. ================================================= */ /* sprites */ .sprite-boxbg{ background-position: 0 -389px; width: 944px; height: 2px; } .sprite-boxbottom{ background-position: 0 -396px; width: 944px; height: 97px; } .sprite-boxtop{ background-position: 0 -498px; width: 944px; height: 55px; } .sprite-bullet{ background-position: 0 -558px; width: 6px; height: 6px; } .sprite-googletalk{ background-position: 0 -569px; width: 65px; height: 57px; } .sprite-gps{ background-position: 0 -631px; width: 32px; height: 30px; } .sprite-hot-deal-bez-teksta{ background-position: 0 -666px; width: 280px; height: 102px; } .sprite-icon-star{ background-position: 0 -773px; width: 11px; height: 12px; } .sprite-innerpitch{ background-position: 0 -790px; width: 280px; height: 330px; } .sprite-line{ background-position: 0 -1171px; width: 356px; height: 3px; } .sprite-lmb_sjena{ background-position: 0 -1179px; width: 280px; height: 102px; } .sprite-marina{ background-position: 0 -1286px; width: 280px; height: 118px; } .sprite-menubullet{ background-position: 0 -1409px; width: 3px; height: 5px; } .sprite-menudiv{ background-position: 0 -1419px; width: 300px; height: 260px; } .sprite-pgbullet{ background-position: 0 -1684px; width: 5px; height: 9px; } .sprite-phone{ background-position: 0 -1698px; width: 14px; height: 20px; } .sprite-prizes{ background-position: 0 -1723px; width: 57px; height: 56px; } .sprite-scrollbottom{ background-position: 0 -1784px; width: 45px; height: 45px; } .sprite-scrolltop{ background-position: 0 -1834px; width: 45px; height: 45px; } .sprite-shaddow{ background-position: 0 -1884px; width: 1px; height: 15px; } .sprite-tableft-over{ background-position: 0 -1904px; width: 6px; height: 42px; } .sprite-tableft{ background-position: 0 -1951px; width: 98px; height: 42px; } .sprite-tabright-over{ background-position: -949px 0; width: 6px; height: 42px; } .sprite-tabright{ background-position: -949px -47px; width: 98px; height: 42px; } .sprite-transfer{ background-position: -949px -94px; width: 109px; height: 63px; } .sprite-video{ background-position: -949px -162px; width: 49px; height: 59px; } .sprite-wellness{ background-position: -949px -226px; width: 280px; height: 102px; } *{margin:0;padding:0;}:focus,:active {outline:0}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}a img{border:0} body { font: .74em "Trebuchet MS", Arial, Sans-Serif; background: #F6FAFB url(../images/site/bg.gif) repeat-x; color: #444; } a { text-decoration: none; cursor: pointer; color: #C30A49; } p { margin: 0 0 15px; line-height: 1.6em; } #content { margin: 0 auto; padding: 0 0 15px; width: 944px; } h1 { margin: 0 0 10px; font-size: 1.3em; } h2 { font-size: 1.4em; margin: 0 0 20px; color: #C30A49; } .line { clear: both; padding: 6px 0 0; margin: 0 0 10px; border-bottom: 1px solid #eee; } .color-line { clear: both; background: url(../images/site/line.gif) repeat-x; padding: 2px 0; margin: 0 0 1px; } #logo { float: left; margin: 8px 0 10px 20px; } .x { clear: both; } #search { clear: right; float: right; } .i {font-weight:bolder;} #options { float: right; } #b2b {float:right;background:url(../images/site/allimages.png) no-repeat; background-position: 0 0; width: 56px; height: 41px; padding:14px 20px 15px 17px; color:#eee; font-weight:bolder; margin-right:20px; margin-top:-4px;} #b2b:hover {color:#fff;} #lang { float: right; background: url(../images/site/allimages.png) no-repeat; width: 255px; height: 27px; background-position: 0 -1131px; padding: 10px 0 0; margin: 0 0 20px; } #lang li { display: inline; font-size: .9em; } #lang li a { float: left; margin: 0 0 0 19.3px; color: #fff; } #lang li a.current { color: #CFF6FF; } #lang li a:hover { border-bottom: 1px solid #C6E1E7; } #topmenu { float: right; padding: 0 10px 0 0; height: 20px; } #topmenu li { float: left; font-size: .9em; text-transform: uppercase; font-weight: bold; } #topmenu li a { display: block; margin: 0 0 0 20px; padding: 0 0 0 8px; border-bottom: 1px dotted #E4F1F7; color: #008CA8; background: url(../images/site/menubullet.gif) no-repeat left center; } #topmenu li a:hover { color: #007890; border-color: #007890; } #topmenu div { z-index: 20; position: absolute; background: #95CEDC; visibility: hidden; padding: 5px 0 0; margin: 3px 0 0 20px; width: 230px; } #topmenu div a { width: 150px; border: 0; text-decoration: none; position: relative; margin-left:5px; background: none; color: #008CA8; display: block; padding: 5px; white-space: nowrap; text-align: left; } #topmenu div a:hover { color: #fff; border:0;} #topmenu div#m12 { } #topmenu li a#tab11 { color: #9F093D; background: url(../images/site/icon-star.gif) no-repeat left center; padding: 0 0 0 17px; } #boxtop { clear: both; background: url(../images/site/boxtop.gif) no-repeat; height: 45px; padding: 5px; } #box { background: url(../images/site/boxbg.gif) repeat-y; padding: 0 4px; min-height: 500px; } #boxbottom { clear: both; background: url(../images/site/boxbottom.gif) no-repeat left bottom; height: 76px; padding: 21px 0 0 32px; } #boxbottom img { vertical-align: middle; margin: 0 80px 0 0; } #boxbottom .last { margin: 0; } #menu { clear: both; padding: 3px; height: 40px; z-index: 30; font-weight: bold; text-transform: uppercase; font-size: 1.2em; } #menu li { list-style: none; float: left; } #menu li a { display: block; padding: 12px 0 12px 20px; text-align: center; margin: 0 1px 0 0; color: #4D788F; background: url(../images/site/tableft.gif) no-repeat; } #menu li a span { padding: 12px 20px 12px 0; background: url(../images/site/tabright.gif) no-repeat right top; } #menu li a:hover, #menu li a.current{ background: #8F0F76 url(../images/site/tableft-over.gif) no-repeat; color: #fff; } #menu li a:hover span, #menu li a.current span { background: #8F0F76 url(../images/site/tabright-over.gif) no-repeat right top; } #menu div { z-index: 10; position: absolute; background: url(../images/site/menudiv.gif) no-repeat left bottom; visibility: hidden; padding: 5px 0 0; margin: -5px 0 0 0; width: 230px; } #menu div a { position: relative; background: none; color: #E0B7D8; display: block; padding: 10px 30px 15px 22px; white-space: nowrap; text-align: left; } #menu div a:hover { border-color: transparent; background: transparent; color: #fff; } .transparent { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } #pitch { width: 655px; float: left; height: 328px; } #pitch.inner { float: right; } #teaser { float: left; width: 230px; height: 180px; position: relative; background: #000; margin: -195px 0 0 10px; } #teaser-text { float: left; position: relative; width: 200px; height: 160px; margin: -170px 0 0 25px; font: italic 1.1em "Trebuchet MS", Arial; color: #fff; } #teaser-text h1 { text-shadow: #000 1px 1px 1px; } #image { float: left; background: url(../images/site/line.gif) repeat-x left bottom; height: 330px; } #pitch.inner { float: right; } #pitch-counter {float:left; position:relative; top:-40px; left:20px;} #pitch-counter a {margin-right:10px; background:#008fa0; padding:5px 7px; color:#eee; -moz-border-radius:20px; border-radius:20px;font-weight:bolder; box-shadow:1px 1px 3px #000; -moz-box-shadow:1px 1px 3px #000;} #pitch-counter a:hover {color:#fff; background:#00A4B8; box-shadow:0px 0px 0px #000; -moz-box-shadow:0px 0px 0px #000;} #special { float: right; width: 280px; z-index:-1;} #special.inner { float: left; background: #4E6B8D url(../images/site/innerpitch.jpg) no-repeat; color: #fff; height: 304px; padding: 13px 20px; width: 240px; } #special.inner h1 { font-size: 1.8em; margin: 0 0 8px; text-shadow: #203957 1px 1px 1px; } #special.inner li { font-size: 1.1em; } #special.inner p { font-size: 1.2em; font-style: italic; } .offer { clear: both; width: 280px !important; width: 272px; height: 24px; margin: 0 0 1px; padding: 78px 0 0 8px; } .offer1 { background: url(../images/site/lmb_sjena.jpg) no-repeat; } .offer2 { background: url(../images/site/wellness.jpg) no-repeat; } .offer3 { background: url(../images/site/hot-deal-bez-teksta.jpg) no-repeat; } .special-offer-h { font-size: 1.2em; font-weight: normal; color: #fff; margin:-29px 0 0 7px; height:25px; z-index:5; position:relative;} .black-offer {color:#000 !important;} .special-offer-div {position:relative; width: 280px; height: 30px; z-index:4; margin-top:-35px; background:#000;margin-bottom:5px;} #shaddow { background: url(../images/site/shaddow.png) repeat-x; position: relative; padding: 7px 0; z-index: 1; } #pitch-break {width:936px; position: relative; margin-top:-19px; color:#fff;} #numbers {float:left;position: absolute; left:0; background: #365172; padding: 11px 10px 0 10px; height: 26px;} #numbers a {font-size:1.2em; font-weight:normal; color:#fff; margin-right:10px; padding-right:1px;} #numbers a.current {font-weight:bold; padding-right:0;} #numbers a:hover {font-weight:bold; padding-right:0;} #reservations2 {float:right; background: #365172; height: 37px; margin-top:-19px; font-size: 1.2em; font-weight: bold;} #reservation-tel {float:left; background:url(../images/site/phone.gif) no-repeat 7px 10px; padding: 11px 10px 0 27px;} #reservation-booking {float:left; width: 140px; padding: 4px 7px 8px 7px; background: #4E6B8D; margin: 7px 124px 0 0;} #reservations { float: right; width: 486px; position: relative; margin: -19px 0 0 !important; margin: -23px 0 0; padding: 8px 10px 0 27px; height: 29px; background: #365172 url(../images/site/phone.gif) no-repeat 7px 9px; color: #fff; font-size: 1.2em; font-weight: bold; } #reservations span { float: right; width: 140px; padding: 4px 7px; background: #4E6B8D; margin: 0 116px 0 0; } #main { float: left; width: 620px; padding: 20px 0 0 20px; } #main.inner { width: 600px; } #main h3 { font-size: 1.2em; color: #365172; margin: 0 0 15px; } #main ul { margin: 0 0 25px; } #main li { color: #365172; background: url(../images/site/bullet.gif) no-repeat left 7px; padding: 0 0 0 14px; margin: 0 0 0 15px; line-height: 1.7em; } #main .halfitem { float: left; width: 300px; } #main .halfitem .text { float: right; width: 115px; margin-right: 20px; } #main .halfitem .text .extra { display: none; } #main .extra { display: none; } #main .halfitem .text p { margin-bottom: 0; } #main .item { border-bottom: 1px solid #4E6B8D; margin-bottom: 10px; clear: both; min-height: 116px;} #main .last { border-bottom: 0; margin-bottom: 40px; } #main .thumb { display: block; float: left; width: 145px; height: 100px; margin: 0 20px 20px 0; } #main .thumb2 { display: block; float: left; margin: 0 20px 20px 0; } .item p { padding-bottom: 20px; } .tf { background: #E0ECEF; padding: 5px 10px 1px; margin: 0 0 5px; } .tf .col { float: left; width: 270px; } .tf .cor { float: right; width: 270px; } .tf p { clear: both; margin: 0 0 7px; } .tf label { clear: both; line-height: 24px; color: #365172; } .tf input.text, .tf textarea, .tf select { clear: both; float: none; padding: 4px; border: 1px solid #365172; width: 250px; margin: 0 5px 2px 0; } .tf textarea { width: 560px; height: 80px; } input.tfsubmit { padding: 7px 10px; font-size: .9em; background: #365172; border: 0; font-weight: bold; color: #fff; } .zwei { float: left; width: 130px; } .tf .zwei input.text { width: 112px; } .tf span { padding: 4px; line-height: 28px; } #smallexpl { float: right; font-size: .9em; padding: 3px 5px 0 0; } #error { background: #FFC6C6; border: 1px solid #D10000; padding: 10px; color: #D10000; font-weight: bold; } .table-main {width:600px; padding:0;} .table-main td {width:50%;padding:0;vertical-align:top;} .content-div {float:left;width:280px;} .catalogue { float: left; margin: 0 15px 0 0; } #twothumbs {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding:5px 0;} .inner-img img {float:left; width:280px; margin-right: 10px;} #gps-location {float:right; text-align:right; background: url(../images/site/gps.gif) no-repeat right center; padding:12px 40px 0 0; height:30px; margin-top:-10px;} .cl { float: left; width: 290px; border-right: 1px solid #eee; padding: 0 17px 0 0; font-size: 1.1em; margin: 0 0 4px; } .cr { float: right; width: 295px; font-size: 1.1em; } .cl h2, .cr h2 { font-size: 1.3em; float: left; font-weight: normal; } .cl h2 a, .cr h2 a { background: #C30A49; padding: 4px 6px; color: #fff; margin: 0 0 3px; text-shadow: #6F072D 1px 1px 1px; } .cl h2 a:hover, .cr h2 a:hover { background: #9F093D; } .cl img, .cr img { clear: both; float: left; border: 1px solid #ccc; margin: 0 10px 15px 0; padding: 3px; width: 285px; } .cl p, .cr p { clear: both; margin: 0; padding: 0 0 5px; } .date { font-size: .9em; color: #ccc; margin: 0 0 4px; } .home-line {margin-bottom:30px;} /* for gallery */ #slider { clear: both; position: relative; height: 760px; overflow: hidden; margin: 0 auto 10px; } #hold { height: 2000px; } #slide_left, #slide_right { float: right; width: 45px; height: 45px; margin: 0 0 0 10px; } #slide_left { background: url(../images/site/scrolltop.gif) no-repeat; } #slide_right { background: url(../images/site/scrollbottom.gif) no-repeat; } #toparrows { border-bottom: 1px solid #ddd; height: 60px; margin: -45px 10px 10px 0; } #bottomarrows { clear: both; border-top: 1px solid #ddd; padding: 10px 10px 0 0; } .galimg { float: left; margin: 0 10px 10px 0; background: #F6FAFB; padding: 9px; border: 1px solid #E4EDF2; height: 80px; } .galimg:hover { background: #DFF9FF; } #pages { margin: 0; padding: 7px 0 0 0; } #pages li { font-size: 1.2em; font-weight: bold; } #pages li a { color: #D1DFEF; line-height: 1.6em; background: url(../images/site/pgbullet.gif) no-repeat 0 4px; padding: 0 0 0 20px; } #pages li a:hover { color: #fff; } #pages li a.current {color:#fff;text-transform:uppercase;text-shadow: #000 1px 1px 1px;} #pages-small { margin: 0; padding: 0; } #pages-small li { font-size: .9em; font-weight: bold; } #pages-small li a { color: #D1DFEF; line-height: 1.4em; background: url(../images/site/pgbullet.gif) no-repeat 0 4px; padding: 0 0 0 18px; } #pages-small li a:hover { color: #fff; } #pages-small li a.current {color:#fff;text-transform:uppercase;text-shadow: #000 1px 1px 1px;} /* gallery */ .sgall { background: #F6FAFB; padding: 9px; border: 1px solid #E4EDF2; float: left; width: 170px; height: 110px; margin: 0 10px 10px 0; } .gal_link { float: left; width: 170px; padding: 83px 0 0 0; } .gal_link p { color: #fff; font-size: .9em; font-weight: bold; background: #000; padding: 5px 8px 0; height: 22px; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } .gal_link:hover p { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; } #side { float: right; width: 280px; } #side img { float: left; } #side h3 { clear: both; padding: 10px 10px 3px; font-size: .9em; } #booking { background: #4E6B8D; color: #BAC8DA; padding: 13px 10px 5px; margin: 0 0 1px; } #booking label { float: left; width: 90px; padding: 3px 0 0; } select.select, select.smallselect, select.yearselect { padding: 1px; border: 1px solid #2F4C6E; width: 160px; } select.smallselect { width: 45px; } select.yearselect { width: 60px; } input.text { float: left; width: 153px; border: 1px solid; border: 1px solid #2F4C6E; padding: 1px; margin: 0 3px 0 0;} #booking input.submit { float: left; border: 0; margin: 0 25px 0 0; background: #365172; color: #fff; padding: 5px 3px; font-size: .9em; font-weight: bold; } #booking a { color: #fff; } #booking p { clear: both; } .sidethumb { margin: 0 0 1px; } .table { border: 1px solid #2F4C6E; background: #E0ECEF; color: #365172; } .table td { border: 1px solid #2F4C6E; background: #E0ECEF; color: #365172; } .page-thumb {float:left; margin:0 20px 10px 0; } #transfer { padding: 12px 10px 3px 130px; margin: 0 0 1px; background: #900F76 url(../images/site/transfer.gif) no-repeat 8px 10px; font-size: 1.4em; color: #fff; } #facebook { clear: both; font-size: 1.3em; margin: 0 0 1px; font-weight: bold; background: #4E6B8D; padding: 4px 10px 0; height: 95px; color: #BAC9DA; } #facebook p { margin: 0 0 5px; } #facebook img { margin: 0 10px 0 0; } #google-talk { background: #E4EDF2 url(../images/site/googletalk.jpg) no-repeat 198px 10px; padding: 10px 10px 0 12px; margin: 0 0 1px; border-bottom: 3px solid #BBD0DC; color: #4D788F; font-size: 1.4em; font-weight: bold; } #online-informations {font-size:12px;} #marine { background: url(../images/site/marina.jpg) no-repeat; padding: 90px 0 0 10px; color: #fff; font-size: 1.4em; height: 29px; } #video { background: #E4EDF2 url(../images/site/video.gif) no-repeat 8px 5px; padding: 25px 10px 0 85px; margin: 0 0 1px; height: 42px; border-bottom: 3px solid #BBD0DC; color: #4D788F; font-size: 1.4em; font-weight: bold; } #prizes { background: #E4EDF2 url(../images/site/prizes.gif) no-repeat 5px 5px; padding: 23px 10px 0 85px; height: 42px; border-bottom: 3px solid #BBD0DC; color: #4D788F; font-size: 1.2em; font-weight: bold; } #city_galleria { padding: 5px 0 0 40px; } #footer { padding: 20px 20px 25px; color: #808080; clear: both; font-size: .9em; } #hrvatska { float: right; margin: 0 10px 0 0; } #footer p { float: left; padding: 10px 0 0; } #footer a { color: #4D788F; margin: 0 20px 0 0; } /* INNER MAIN GALLERY */ .gallery { clear: both; width: 620px; position: relative; overflow: hidden; height: 160px; overflow: hidden; padding: 20px 0 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .gallery_holder { position:relative; top:0; left:0; width:10000px; height: 150px; } .gallery_holder img { margin-right: 20px; max-height: 150px; } h5.gallery_title { clear: both; padding: 0 0 7px; margin: 0 0 12px; border-bottom: 1px solid #ddd; } .gallery_buttons { float: right; position: relative; margin: -26px 10px 0 0; font-weight: bolder; z-index: 20; text-align: center;} .gallery_buttons a { color: #fff; padding: 7px 15px; margin: 0 0 0 5px; background: #4E6B8D; text-decoration: none; } .gallery_buttons a:hover { background: #BBD0DC; } #article .gallery_buttons a { text-decoration: none; } #kongresi-tablica {width:100%; text-align: center; vertical-align: middle; border:0;border-collapse:collapse; border:1px solid #ddd;} #kongresi-tablica thead tr {background:#e4edf2;border-bottom:2px solid #bbd0dc;} #kongresi-tablica td {padding:10px;} #kongresi-tablica tbody tr {height:30px;} #kongresi-tablica tbody tr td:first-child {text-align:left; width:200px;} #kongresi-tablica tbody td {text-align: center; vertical-align: middle;} #kongresi-tablica .big {font-size: 1.2em; color: #365172; font-weight:bolder; text-align:left;} #kongresi-tablica .area {width:50px;} #kongresi-tablica .icon {width:60px; text-align: center; vertical-align: middle;} #kongresi-tablica .title {text-align:left; width:200px;} /* pretty Photo */ 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) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} 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) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} 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-color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} 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{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} 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} div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} 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} div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} 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 .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} 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} div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} 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} div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;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) -32px -71px no-repeat;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) -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} div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} 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_content{height:40px;min-width:40px} * html .pp_content{width:40px} .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} .pp_description{display:none;margin:0 0 5px} .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} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .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) 0 0 no-repeat;display:block;height:33px;width:50px} .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{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #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} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none}