/* VR Vistas Style sheet - Creator: Rob Symberlist - January 2009, Updated: July 2012, March 2013, November 2014, January 2021*/ /* General - common to every page */ body {background: #000; MARGIN: auto; FONT-SIZE: 62.5%; FONT-FAMILY: "trebuchet ms", Arial, Helvetica, sans-serif; text-align: center;} p {font-family: "trebuchet ms", arial, sans-serif; color: #FFF; font-size: 1.4em; } a:link {color: #FFF; text-decoration: none;} a:active {color: #FFF; text-decoration: none;} a:visited {color: #FFF; text-decoration: none;} a:hover {color: #F33; text-decoration: none;} img {border-style: none; text-decoration: none; } ul {font-family: "trebuchet ms", arial, sans-serif; color: #FFF; font-size: 1.4em; } ol {font-family: "trebuchet ms", arial, sans-serif; color: #FFF; font-size: 1.4em; } /* Specific - used in some pages */ ul.redarrow {margin-left: 0px;padding-left: 0; list-style-type: none;} .redarrow li {padding-left: 25px; background-image: url('../images/playminiw12h14.png');background-repeat: no-repeat; background-position: left 0.2em} ul.redbullet {margin-left: 25px; padding-left: 0;list-style-type: none;} .redbullet li {padding-left: 25px; background-image: url('../images/redbullet.png'); background-repeat: no-repeat; background-position: left 0.4em} ul.sitemap {font-family: "trebuchet ms", arial, sans-serif; color: #FFF; font-size: 1em;} .topic {color: #F33;} .text {font-family: "trebuchet ms", arial, sans-serif; color: #FFF; font-size: 1.4em; text-align: left; } a.blue {color: #39F;} a.blue:active {color: #39F;} a.blue:visited {color: #39F;} a.blue:hover {color: #F33;text-decoration: none;} .blue14 {color: #39F;font-size: 1.4em;font-style: italic;} a.blue14:link {color: #39F;} a.blue14:link {color: #39F;} a.blue14:active {color: #39F;} a.blue14:visited {color: #39F;} a.blue14:hover {color: #F33;text-decoration: none;} a.black {color: #000;} a.black:active {color: #000;} a.black:visited {color: #000;} a.black:hover {color: #FFF;text-decoration:underline;} #greybox {padding-top:0.5em; padding-bottom:0.5em; padding-left:4em; padding-right:4em; background-color:#ddd; } .quote {font-style: italic; font-size: 1.6em; color: #000; text-align: left;} .attribute {font-size: 1.4em; color: #000; text-align: right;} .fulltourtab {position: absolute; top:-10px; right:98px; width: 150px; height: 55px} .floatleft{float:left} .floatright{float:right} .highlight {padding:1em; background-color:#333; color: #FFF; font-size: 1.4em; } .wowpanel {padding:0.5em 0.5em 0.5em 0.8em; background-color:#333; color: #ff0000; font-size: 1.2em; } /* Container - common to every page */ #container {position: relative; top: 0em; margin-left: auto; margin-right: auto; text-align: center; width: 787px; background: #000000;} /* Transcript for Natasha commentary */ .transcript_panel {position: absolute; top:167px; left:0px; width:240px; height: 225px; overflow:hidden; z-index: 6000;} .transcript_frame {position:relative; width:240px; height: 225px;} .transcript {position:absolute; top:197px; height:257px; width:240px; padding:0px; text-align :left; font-family: Arial; font-size:12pt;font-weight:bold; color:#fff; opacity: 0.9; } .transcript_title {float: left; font-size:large; padding-top: 2px; padding-bottom:5px; padding-left: 19px;} .transcript_text {float: left; width:225px; height: 225px; background-color: #FF2600; overflow-y:auto; text-align:left; direction: rtl; } .scroll {text-align:left; margin-left:25px; margin-right:0px; margin-top:10px; width:195px; font-size:11pt; direction:ltr;} /* YouTube clip panel */ #youtubeclip_panel {position: absolute; top:128px; left:-1px; width:560px; height: 315px; z-index: 6000;} /* Header, including Menu panel - common to every page */ #header { position: relative; margin-left: auto; margin-right: auto; text-align: center; width: 787px; height: 167px; background-image: url('../images/header2.png'); background-repeat: no-repeat; } #menu_bar {position: relative; padding-top: 96px; width: 787px; height: 12px; clear: both;} /*#menu {float: left; width: 520px; text-align: left; font-size: 1.2em; font-family: "trebuchet ms", Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 1.3em; padding-left: 1.7em;}*/ #menu {float: left; margin-left: 10px; margin-top: 12px; height:22px; text-align:left;} #menu ul {display:inline-block; margin:0 auto; padding:0; list-style:none; white-space:nowrap;} #menu li {display:inline;} #menu li a {display:block; border-left:1px solid #999; border-right:1px solid #999; margin:0px; height:21px; float:left; color:#fff; text-decoration :none; padding:1px 7px 0 8px; font: normal 12px/22px arial,sans-serif;} #menu li a:hover, .home #menu li#home a, .tours #menu li#tours a, .gmbv #menu li#gmbv a, .aerialservices #menu li#aerialservices a, .videoservices #menu li#videoservices a, .photovideos #menu li#photovideos a, .contact #menu li#contact a {padding:1px 7px 0 8px; border:1px solid #000; margin-top:2px; border-color:#000 #888 #666 #222; background:#222; color:#f00; height:18px; line-height:18px} #search {float: right; width: 205px; font-size: 1.2em; text-align: right; padding-top: 1em; padding-right: 10px;} #share {float: right; text-align: right; padding-top: 15px; padding-right: 10px;} /* Main, including Flash demo panel - common to every page */ #main {position: relative; margin-left: auto; margin-right: auto; width: 787px; clear: both;} #stopMWP {position: absolute;left: 685px;top: 70px;z-index: 2000;} #demo {z-index: 1000; position: relative; width: 787px; height: 205px; text-align: center; margin-left: auto; margin-right: auto; background-image:url('../images/demo.png'); background-repeat:no-repeat;} #demo_modal{z-index: 1; position: relative; width: 787px; height: 205px; text-align: center; margin-left: auto; margin-right: auto; background-image:url('../images/demo.png'); background-repeat:no-repeat;} #vrvAd_modal {position: relative; width: 748px; height: 205px; margin-left: auto; margin-right: auto; background-image:url('../images/vrv_ad.png'); background-repeat:no-repeat;} #flasher {position: relative; width: 748px; height: 205px; margin-left: auto; margin-right: auto; } #flashContent {z-index: 1000; position: relative; width: 748px; height: 205px; margin-left: auto; margin-right: auto; } #click {position: relative; margin:0; padding:0; width: 787px; height: 15px; background-image:url('../images/content.png'); background-repeat:repeat-y;} /* Content - unique to each page */ #content {position: relative; width: 787px; margin-left: auto; margin-right: auto; padding-left: 4em; padding-right: 4em; background-image:url('../images/content.png'); background-repeat:repeat-y; overflow:visible} .subheadings { margin-left: 0; margin-top: 18px; font-size: 2.1em; color: #FF2600; font-weight: bold; font-family: "trebuchet ms", Arial, Helvetica, sans-serif;} .sub2headings { margin-left: 0; margin-top: 0px; font-size: 1.8em; color: #FF2600; font-weight: bold; font-family: "trebuchet ms", Arial, Helvetica, sans-serif;} .sub3headings { margin-left: 0; margin-top: 0px; font-size: 1.6em; color: #FF2600; font-weight: bold; font-family: "trebuchet ms", Arial, Helvetica, sans-serif;} .paraheadings { margin-left: 0; margin-top: 16px; font-size: 1.1em; color: #FF2600; font-weight: bold; font-family: "trebuchet ms", Arial, Helvetica, sans-serif;} .redtext {color: #FF2600;} .reditalicbold {color: #FF2600; font-weight: bold; font-style: italic; font-size: 1.1em; } #nav_bar {float: left; width: 134px; text-align: center; margin:0; padding:0;} .nav_heading1 {font-size: 1.6em; color: #FF2600; font-weight: bold; font-family: "trebuchet ms", Arial, Helvetica, sans-serif; padding-left:20px;} .nav_button {background-image: url(../images/buttonbk.jpg); background-repeat: no-repeat; height: 22px; width: 134px; margin-top: 9px; margin-bottom: 9px; } .nav_button {text-align: center; font-size: 11px; font-weight: bold; vertical-align: middle; line-height: 22px;} .nav_button:hover {background-image: url(../images/buttonbkdown.jpg); background-color: #000; } .home_left90 {float: left; width: 90%;text-align: left;margin: 0;padding: 0;margin-left: 20px;} .panel_left50 {float: left; width: 50%; text-align: left; margin: 0; padding: 0; margin-bottom: 20px; } .panel_right50 {float: right; width: 50%; text-align: left; margin: 0; padding: 0; margin-bottom: 20px;} .slider_left50 {float: left; width: 50%; text-align: left; margin: 0; padding: 0; margin-bottom: 20px; } .slider_right50 {float: right; width: 50%; text-align: left; margin: 0; padding: 0; margin-bottom: 20px;} #hdvideo_prices {font-size:1.5em;color:#fff} #photovideo_prices {width:95%; font-size:1.5em;color:#fff;} #vt_prices {width:95%; text-align: center; font-size:1.5em;color:#fff;} #vt_prices_45 {width:100%; text-align: center; font-size:1.5em;color:#fff;} #vt_prices_more {font-size:1.5em;color:#fff;} #panel1 {margin-left:15px; background-image: url(../images/hpg1vt.jpg); background-repeat: no-repeat;} #panel2 {margin-left:40px; background-image: url(../images/gmbv_320160.jpg); background-repeat: no-repeat;} #panel3 {margin-left:15px; background-image: url(../images/aerial_320160.jpg); background-repeat: no-repeat;} #panel4 {margin-left:40px; background-image: url(../images/hpg2hdv.jpg); background-repeat: no-repeat;} #panel5 {margin-left:15px; background-image: url(../images/hpg3pv.jpg); background-repeat: no-repeat;} #panel6 {margin-left:40px; background-image: url(../images/tour15.jpg); background-repeat: no-repeat;} .panel {float: left; height:160px; width:320px; padding:0px; margin-bottom: 20px; overflow-y:hidden;} .panelframe {position: relative; height:160px; width:320px; } .panelinfo {position:absolute; top:130px; height:100px; width:320px; padding:0px; text-align :left; background-color: #FF2600; color: #fff; font-family: Arial; font-weight: bold; opacity:0.92; padding:0px;z-index:1000} .paneltitle {float: left; font-size:large; padding-top: 3px; padding-left: 6px;} .panelmore {float: right; font-size: 1.5em; padding-top: 4px; padding-right: 6px; text-align: right;} .paneltext {float: left; width: 300px; font-size: small; padding-top: 5px; padding-left: 6px;} .panelprice {position:absolute; top: 69px; right:8px; text-align: right; font-size: 1.5em; } .panelfrom {font-size: 0.65em; font-style:italic;} .panelsmall {font-size: 0.8em; font-style:italic;} a.panelanchor {color:#00f} a.panelanchor:hover {color:#000;} div.panel:hover {cursor:pointer;} .indent10{padding-left:10px;} .indent20{margin-left:20px;} .right_just {text-align:right;} .center_just {text-align:center;} .home_left90 {float:left; width: 90%;text-align: left;margin: 0;padding: 0;} .home_left80 {width: 80%;text-align: left;margin: 0;padding: 0;} #home_left80 {float: left; width: 80%; text-align: left; margin:0; padding:0;} #home_left70 {float: left; width: 70%; text-align: left; margin:0; padding:0;} #home_left50 {float: left; width: 50%; text-align: left; margin:0; padding:0;} #home_right50 {float: left; width: 50%; text-align: left; margin:0; padding:0;} #hp1 {background-image: url(../images/hpg1vt.jpg); background-repeat: no-repeat; width: 300px; height: 150px; } #hp1title {display:block; width: 300px; font-size: 2em; font-weight: bold; font-family: "trebuchet ms", Arial, Helvetica, sans-serif; } #hp1text {display:block; width: 300px; font-size: 1.6em; font-weight: normal; font-family: "trebuchet ms", Arial, Helvetica, sans-serif; } #home_left {float: left; width: 70%; text-align: left; margin:0; padding:0;} #home_right {float: left; width: 25%; text-align: center; margin:0; padding:0;} #action_left {float: left; width: 220px; text-align: left; margin:0; padding-left: 5em;} #action_right {float: left; width: 220px; text-align: left; margin:0; padding-left: 5em;} #action {float: left; width: 540px; text-align: left; margin:0; padding-left: 2em;} #features {float: left; width: 360px; text-align: left; margin:0; padding-left: 2em;} #features_left {float: left; width: 400px; text-align: left; margin:0; padding-left: 2em;} #features_right {float: left; width: 150px; text-align: center; margin:0;} .enquire_now {margin-top:20px; text-align: center; } #table1 {font-family: "trebuchet ms", arial, sans-serif; color: #FFF; font-size: 1.4em; } #table2 {font-family: "trebuchet ms", arial, sans-serif; color: #FFF; font-size: 1.4em; } #table6 {font-family: "trebuchet ms", arial, sans-serif; color: #FFF; font-size: 1.2em; } #table10 {font-family: "trebuchet ms", arial, sans-serif; color: #FFF; font-size: 1.2em; } #nowukwide {position:absolute; top:10px; left:540px; background-image: url(../images/nowukwide.png); background-repeat: no-repeat; width:213px; height:70px; z-index:10;} .rightpanel { border: medium #FFFFFF; width: 185px; } #answers {float:left; width: 90%; text-align: left; margin:0;} #results {width: 90%; text-align: left; margin:0;} #contact_left {float: left; width: 50%; text-align: left; color: #F33; margin:0;} #contact_right {float: right; width: 40%; text-align: left; color: #FFF; margin-right: 3em;} .form {text-align: left; color: #F33; font-weight: bold;} .clearboth {clear: both; width: 0px; height: 0px; margin: 0px;} #test {position: relative; margin:0; padding:0; width: 90%; text-align: left;} #tour_panel {position: relative; width: 787px; margin-left: auto; margin-right: auto; padding-left: 20px; background-image:url('../images/content.png'); background-repeat:repeat-y;} #tour_intro {width: 730px; text-align: left; padding-left: 10px; } #tour_menu {width: 750px; height: 75px; margin-top : 8px; margin-bottom: 10px;} #tour_video_menu {width: 750px; height: 100px; margin-top : 8px; margin-bottom: 5px;} #tour_strip {width: 750px; height: 75px; } #tour_video_strip {width: 750px; height: 100px; } #tour_overview {position: relative; width: 748px; clear: both;} .tour_image {float: left; width: 348px; text-align: left; margin-right: 8px;} .tour_text {float: left; width: 348px; text-align: left; color: #fff; } .tour_highlight {font-weight:bold; color: #FF2600;} .tour_thumb {width: 121px; height: 75px; float: left; margin-right: 4px;} .tour_video_thumb {width: 24%; height: 75px; float: left;} #panel {width: 748px; height: 470px; left: 20px; top: 10px; padding:0px; } .panelActive { z-Index:100;} .panelInactive { z-Index:10;} #action_panel {position:relative; top: 0px; height: 50px; width: 90%; text-align: left; margin: 0;padding: 0;} #action_panel_left{float:left; margin-left:15px;} #action_panel_right{float:right; margin-right:15px;} .action_panel_frame {position: relative; height:60px; width:320px; } .action_panel_info {position:absolute; top:10px; height:40px; width:320px; padding:0px; text-align :left; background-color: #FF2600; color: #fff; font-family: Arial; font-weight: bold;opacity: 1; padding:0px;z-index:1000} .action_panel_title {float: left; font-size:2.4em; padding-top: 5px; padding-left: 10px;} .action_panel_text {float: right; font-size: 1.8em; padding-top: 10px; padding-right: 5px; text-align: right;} .action_panel_link {float:right; width: 40px; padding-top: 6px; padding-right: 10px; text-align: right;} #pv_price_panel {position:relative; top: -120px; height: 110px; width: 88%; text-align: left; margin:0; margin-left:5px; padding: 0;} .pv_price_panel_frame {position: relative; height:110px; width:320px; } #hd_price_panel_right{float:right; margin-right:5px;} #vt_uhdr_panel {position:relative; top: 220px; height: 220px; width: 90%; text-align: left; margin: 0;padding: 0; margin-left:3px; margin-bottom:20px; z-index:10} #vt_strip {position: relative; width: 750px; max-height:75px;} .vt_thumb {float: left; width: 100px; padding:0px; margin-bottom:20px; margin-right:22px;} #vt_panel {position:relative; width:734px; left:20px; margin:0px; padding:0px; } #vt_price_panel {position:relative; top: 110px; height: 330px; width: 90%; text-align: left; margin: 0;padding: 0;} #vt_price_panel2 {position:relative; top: 0px; height: 1040px; width: 90%; text-align: left; margin: 0;padding: 0;} #vt_price_panel_left{float:left; margin-left:10px;} #vt_price_panel_right{float:right; margin-right:5px;} .vt_price_panel_frame {position: relative; height:160px; width:320px; } .vt_price_panel_info {position:absolute; top:133px; height:78px; width:320px; padding:0px; text-align :left; background-color: #FF2600; color: #fff; font-family: Arial; font-weight: bold;opacity: 1; padding:0px;z-index:1000} .vt_price_panel_title {float: left; font-size:2.4em; padding-top: 5px; padding-left: 10px;} .vt_price_panel_price {float: right; width: 100px; font-size: 1.5em; padding-top: 10px; padding-right: 10px; text-align: right;} .vt_price_panel_text {float: left; width: 250px; font-size: 1.8em; padding-top: 10px; padding-left: 20px;} .vt_price_panel_view {float:right; width: 40px; font-size: 1.8em; padding-top: 0px; padding-right: 10px; text-align: right;} a.vt_price_panel_anchor {color:#00f; text-decoration: underline } a.vt_price_panel_anchor:hover {color:#f00;} .pv_quote_panel_frame {position: relative; height:160px; width:320px; } .pv_quote_panel_info {position:absolute; top:0px; height:160px; width:320px; text-align :left; background-color: #FF2600; color: #fff; font-family: Arial; font-weight: bold;} .pv_quote_panel_title {float: left; font-size:2.4em; padding-top: 20px; padding-left: 10px;} .pv_quote_panel_text {float: left; width: 250px; font-size: 1.8em; padding-top: 10px; padding-left: 20px;} .pv_quote_panel_view {float:right; width: 40px; font-size: 1.8em; padding-top: 0px; padding-right: 10px; text-align: right;} #clip1 {margin-left:15px; z-index:1;} #clip2 {margin-left:40px;} #clip3 {margin-left:15px;} #clip4 {margin-left:40px;} #clip5 {margin-left:40px;} .clip {float: left; height:160px; width:320px; padding:0px; margin-bottom: 20px;} .pvquotelink {position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; background-image: url('../images/empty.gif');} .overlaylink {position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; background-image: url('../images/empty.gif');} #overlay {background-image:url('../images/white.png'); color:#000; height:450px; } div.contentWrap {height:441px;overflow-y:auto;} /* Footer, including About links - common to every page */ #footer {position: relative; width: 787px; top: -0.4em; height: 130px; margin-left: auto; margin-right: auto; clear:both; background-image:url('../images/footer2.png'); background-repeat:no-repeat;} #logo_bar {float:left;margin-left: 280px; padding-top: 40px;} #about_bar {float:right; margin-right: 55px; padding-top: 85px; font-size: 1.2em; font-family: "trebuchet ms", Arial, Helvetica, sans-serif; font-weight: bold; } .flink {padding-right: 23px;}