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; border: 0; outline: 0; vertical-align: baseline; background: transparent} html {font-size: 100.01%} body { line-height: 1; background: #fff; color: #000; text-align: left; font: 0.875em Arial, Helvetica, sans-serif; } ol, ul {list-style: none} blockquote, q {quotes: none} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none} ins {text-decoration: none} del {text-decoration: line-through} table {border-collapse: collapse; border-spacing: 0; font-size: 100%} a {color: #287fc3; text-decoration: underline} input[type="text"], input[type="password"] {font-size: 100%; padding: 0} textarea {font: 100% Arial, Helvetica, sans-serif; padding: 0} .formText {font-size: 100%; padding: 0} p {margin:10px 0} .ask {margin:0px;font-size:9pt;text-align:left} .pollbox {width:auto;padding:0;margin:0} .pollbut {width:100%;text-align:center;margin:0;padding:5px 0} .pollbut a {font-weight:bold;text-decoration:none} .polla {width:48%;float:left;padding:3px 0px} .pollb {width:48%;float:right;padding:3px 0px} .polla a,.pollb a {padding:3px 18px;margin:0} .pollcont {text-align:left;margin-top:30px} .pollansw {margin: 0 0 0.5em 0;font-size:10pt} .shkala {height:5px;background:#fff;width:96%;padding:1px;border:1px solid #ddd;margin:0} .gradus {height:5px;background:#888;background-repeat:repeat;background-position:right;color:#FFF} #tooltip{background:#FFF;border:3px solid #999;color:#111;font:normal 10pt Verdana, Arial;text-align:left;margin:0px;padding:4px 8px;position:absolute;visibility:hidden;z-index:9999} #dropdown ul {margin:0;padding:0} #dropdown li a {display:block;float:left} #dropdown li {float:left;position:relative} #dropdown li li {padding:0px;float:none;display:inline} #dropdown li li a {display:block;text-align:left;width:15em;float:none} #dropdown li li a:hover {text-decoration:underline} * html>body #dropdown li li a {width:17.2em} * html #dropdown li li a {width:17.2em} #dropdown li ul {position:absolute;left:-999em;margin-top:2.4em} #dropdown li:hover ul, #dropdown li:hover ul, #dropdown li.sfhover ul {position:absolute;left:-999em} #dropdown li:hover ul, #dropdown li.sfhover ul {left:0;width:17.1em;padding:0;z-index:1000} .meta, .pagenav {font-size: 8pt;margin:30px 0 40px 30px} .meta span, .pagenav span {padding:0 4px 2px 4px} .meta a, .pagenav a {font-weight:bold;padding:0 4px 2px 4px} .rubblock {margin:0;padding:0} .rubblock div, .subpages {margin:20px 0 0 0;border:1px dotted #999;padding:12px} .rubblock li, .subpages li {list-style-type: none} .subpages li a {font-weight:bold} .val {text-align:center} .gravatar img {border-color:transparent} .onecomm {margin-top:10px} .comtitle {font-size:120%;font-weight:bold;padding:8px 0} .post th {text-align:center} .post td,.post th {padding: 0 5px;vertical-align:top} .post ol li {list-style: decimal} .post ul li {list-style: circle} .bold {font-weight:bold} .red {color:red} .green {color:green} .clear {clear:both;display:block;overflow:hidden;width:100%;height:1px} .prev_next {width:100%} .prev_next td {width:50%} .righttext {text-align:right} .submit {font-size:120%;padding:2px 9px 4px 9px} .searchbutton {border: 0; margin-bottom: -8px; margin-left:0px; height: 24px; width: 24px;} .jcarousel-container {position: relative} .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 940px; height: auto} .jcarousel-skin-tango .jcarousel-clip-vertical {padding-bottom:28px;margin:0 20px} .jcarousel-skin-tango .jcarousel-item {height: 106px} .jcarousel-skin-tango .jcarousel-item-horizontal {margin: 0px 3px} .jcarousel-skin-tango .jcarousel-item-vertical { margin:5px 0px} .jcarousel-skin-tango .jcarousel-next-horizontal {background: url('gallery/js/jcar/images/next-horizontal.png') no-repeat 0px 0px; width: 32px; cursor: pointer; position: absolute; height: 32px} .jcarousel-skin-tango .jcarousel-next-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -32px 0px} .jcarousel-skin-tango .jcarousel-next-horizontal:active,.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -64px 0px} .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {background-position: -96px 0px; cursor: default} .jcarousel-skin-tango .jcarousel-prev-horizontal {background: url('gallery/js/jcar/images/prev-horizontal.png') no-repeat 0px 0px; left: 1px; width: 32px; cursor: pointer; position: absolute; height: 32px} .jcarousel-skin-tango .jcarousel-next-vertical {background: url('gallery/js/jcar/images/next-vertical.png') no-repeat 0px 0px; width: 32px; cursor: pointer; bottom: 0px; position: absolute; height: 32px} .jcarousel-skin-tango .jcarousel-next-vertical:hover,.jcarousel-skin-tango .jcarousel-prev-vertical:hover {background-position: 0px -32px} .jcarousel-skin-tango .jcarousel-next-vertical:active,.jcarousel-skin-tango .jcarousel-prev-vertical:active {background-position: 0px -64px} .jcarousel-skin-tango .jcarousel-next-disabled-vertical,.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active ,.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {background-position: 0px -96px; cursor: default} .jcarousel-skin-tango .jcarousel-prev-vertical {background: url('gallery/js/jcar/images/prev-vertical.png') no-repeat 0px 0px; width: 32px; cursor: pointer; position: absolute; top: 12px; height: 32px} .jcarousel-skin-tango .jcarousel-next-horizontal {right: 5px;top: 30px} .jcarousel-skin-tango .jcarousel-prev-horizontal {left: 5px;top: 30px} .jcarousel-clip {padding: 0px; z-index: 2; margin: 0px; overflow: hidden; position: relative} .jcarousel-list {padding: 0px; z-index: 1; left: 0px; margin: 0px; overflow: hidden; position: relative; top: 0px} .jcarousel-list li, .jcarousel-item {float:left;list-style-type:none;} .jcarousel-next,.jcarousel-prev {display: none; z-index: 3} .alb {display: none} .alb img {cursor: pointer; border: none} .alb {margin: 10px 0px; text-align: center} #player {width: 400px; height: auto} .gal h1, .gal h2 {margin: 10px 0px; text-align: center} div.ready {z-index: 4; width: 100%; cursor: pointer; position: absolute; height: 100%; text-align: center} img.fullsize {border: #555 8px solid; margin-top: -20px} li {list-style: none} #wr .jcarousel-list li {width:70px;cursor:pointer;height: 70px} #wr .jcarousel-item {width: 70px;height: 70px} #default_div {margin: 10px 0px; text-align: center} .fwin h1 {margin:3px 0;padding:0 auto;font-size:12pt} .imglinks {text-align:right;padding:6px 2px 3px 0} #player .viewimg {width:400px;margin:0;padding:0 auto;text-align:center} #wr {border: 1px solid #DDDDDD;background:#EEEEEE} #wr .jcarousel-skin-tango .jcarousel-container-horizontal {padding: 10px 36px; width: 325px} #wr .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 325px; height: 70px;vertical-align:middle} #wr .jcarousel-skin-tango .jcarousel-item {width: 70px; height: 70px} #wr .jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 8px} #img_cont img {cursor: pointer} #sl {width: 470px; height: auto;margin-top:20px} #sl img {border:none} #sl .jcarousel-list li {width:400px;height:auto} #sl .jcarousel-item {width:400px;height:auto;margin: 0 42px 0 0} .jcarousel-skin-tango h3 {margin: 0px 0px 10px; text-align: center} #sl .jcarousel-skin-tango .jcarousel-container-horizontal {padding: 20px 0; width: 400px} #sl .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 400px; height: auto} #sl .jcarousel-skin-tango .jcarousel-item {width: 400px; height: auto; text-align: center} #sl .jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 0} #sl .jcarousel-skin-tango .jcarousel-next-horizontal {right: 0;top: -16px} #sl .jcarousel-skin-tango .jcarousel-prev-horizontal {left: 0;top: -16px} ul.li {text-align:center} li {list-style:none} textarea {background:#E9E9E9;width:450px} .tr {width: 100%;margin:20px 0 0 20px} .tr td {vertical-align:top;margin:0;padding:0} .imgurl_img {width:80px;text-align:right} .imgurl_title {width:370px;text-align:right} .tr h1 {font-size:12pt;text-align:center;margin:0;padding:0} .tr img {width: 80px} .txtar {margin:0 0 26px 0} #lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;color:#fff} #lightbox a img{border: none} #outerImageContainer{position: relative;background-color: #101010;width: 150px;height: 150px;margin: 0 auto} #imageContainer{padding: 10px} #loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0} #hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10} #imageContainer>#hoverNav{left: 0} #hoverNav a{outline: none} #prevLink, #nextLink{width: 44%;height: 100%;background: transparent;display: block} #prevLink {left: 0; float: left} #nextLink {right: 0; float: right} #prevLink:hover, #prevLink:visited:hover {background: url('gallery/js/lightbox/images/back.png') left 50% no-repeat;margin-left:14px} #nextLink:hover, #nextLink:visited:hover {background: url('gallery/js/lightbox/images/next.png') right 50% no-repeat;margin-right:14px} /*** START : next / previous text links ***/ #nextLinkText, #prevLinkText{color: #CCC;font-weight:bold;text-decoration: none} #nextLinkText{padding-left: 20px} #prevLinkText{padding-right: 20px} /*** END : next / previous text links ***/ /*** START : added padding when navbar is on top ***/ .ontop #imageData {padding-top: 5px} /*** END : added padding when navbar is on top ***/ #imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #101010;margin: 0 auto} #imageData{padding:0 10px} #imageData #imageDetails{width: 70%; float: left; text-align: left} #imageData #caption{font-size: 11pt;font-weight: bold} #imageData #numberDisplay{display: block; clear: left} #imageData #bottomNavClose{width: 32px; float: right} #imageData #helpDisplay {clear: left; float: left; display: block} #overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background: url('gallery/js/lightbox/images/p-pri.png')} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden} * html>body .clearfix {display: inline-block;width: 100%} * html .clearfix {height: 1%} body {width:100%;margin:0;padding:0;background: url('templates/permex-travel/images/top2.png') repeat-x top left;font: 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;} a {text-decoration:none;} a:hover {text-decoration:underline;} .counters_code {display:none;} .page {margin:0 auto;min-width:999px;max-width:1260px;} .header {height:154px;} .logo {margin:0;height:113px;background: url('templates/permex-travel/images/header_company114.jpg') no-repeat 100% 0;text-align:center;} .logo h2 {height:100px;padding-top:40px;background: url('templates/permex-travel/images/logo.png') no-repeat 0 10px;font:22pt cursive;letter-spacing: -1px;} .logo h3 {font-size:10pt;margin:-60px 0 0;font-weight:normal;} .content {width:100%;} .pagecontent {width:80%;float:left;} .post {width:auto;margin-top:30px;padding:0 20px;} .post h1,.post h2,.post h3 {margin:12px 0;} .post h1 {color:#277CBE;font-weight:normal;} .post h3 {color:#D9180A;} .post table {width:100%;margin:10px 0;} .post td {padding:7px;} .post img {margin:7px;} .separated {border-bottom:1px dotted #999;padding:10px 0;} .post .bottom-bordered td {border-bottom:1px dotted #999;padding:10px 5px;} .center {text-align:center;} .hotbuttons {margin:0;width:100%;} .hotbuttons td {height:128px;vertical-align:middle;padding:0;} .hotbuttons a {font-size:16pt;} .space {width:30px;} .turicon, .seaicon, .airicon, .hotelicon {width:138px; height:128px;} .turicon {background:url('templates/permex-travel/images/tur.png') no-repeat;} .seaicon {background:url('templates/permex-travel/images/ship.png') no-repeat;} .airicon {background:url('templates/permex-travel/images/airplane.png') no-repeat;} .hotelicon {background:url('templates/permex-travel/images/hotel.png') no-repeat;} .sidebar {width:20%;float:right;padding:0;} .sidebar ul{margin:0;padding:0 10px 0 20px;} .sidebar ul ul{margin:0;padding:0 0 0 10px;} .sidebar h2 {margin-top:30px;} .footer {width:100%;text-align:center;margin-top:30px;} .footer table {width:100%;} .footer td {width:50%;vertical-align:top;} .footer a img {padding:5px;} .copiright, .stat {font-size:8pt;} .menu {margin: -9px 0 0 0;padding: 0;} .menu ul {margin: 0;padding: 0;} .menu li {display: block;list-style: none;margin:0;} .menu li li {margin:-5px 0 0 0;padding:0;} .menu a {background: #48A9EE;display: block;float: left;margin: 10px 0 0 0;padding: 6px 10px;text-decoration: none;font-size: 9pt;color: #fff;} .menu li li a {margin:0;} .menu a:hover {background: #f00;color: #ff0;} .menu ul ul {margin-top:0;padding:0;} h2, .biglink {color: #D9180A; font-size: 16px;} .title {font-size:140%;font-weight:normal;}