/*  VR Vistas Style sheet - Creator: Rob Symberlist - January 2009, Updated July 2012  */

/*  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: #CCC; 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; }
.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;} 

#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: relative; top:-10px; left:27px; width: 150px; height: 55px}

.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;}

/*  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: 9.6em; width: 787px; height: 5em; 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: bold 12px/22px arial,sans-serif;}
#menu li a:hover, 
.home #menu li#home a,
.tours #menu li#tours a,
.hotels #menu li#hotels a,
.wow #menu li#wow a,
.youtube #menu li#youtube a,
.faqs #menu li#faqs a,
.pricing #menu li#pricing 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;}
#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;}
.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 {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_more {font-size:1.5em;color:#fff;}

.indent20{margin-left:20px;}
.right_just {text-align:right;}
.center_just {text-align:center;}
.home_left80 {width: 80%;text-align: left;margin: 0;padding: 0;}
#home_left70 {float: left;  width: 70%; text-align: left; margin:0; padding:0;}
#home_right25 {float: left; width: 25%; text-align: center; 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; }

.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; background: #000;}
.panelActive { z-Index:100;}
.panelInactive { z-Index:10;}

#vt_strip {position: relative; width: 750px; height:150px;}
.vt_thumb {float: left; width: 100px; padding:0px; margin-bottom:20px; margin-right:22px;}
#vt_panel {position:relative;width: 80%; left: 20px; top: 0px; padding:0px; background: #000;}
#vt_price_panel {position:relative; top: 210px; height: 1240px; 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;}

/*  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;} 
#about_bar {margin-left: 440px; margin-right: 20px; padding-top: 85px; font-size: 1.2em; font-family: "trebuchet ms", Arial, Helvetica, sans-serif; font-weight: bold; }
.flink {padding-right: 23px;}