/*	For bandwidth efficiency and appearance consistency I am separating the styles into 2 style sheets:
	1) goway-layout.css - Will contain definitions for element positioning and dimensions, also general tag styling
	2) goway-classes.css - will contain class definitions
	3) Spry elements will have their separate CSS file

	Page Elements (div) from top to bottom
	1) container - Contains all the other elements (to center and confine to 700px width)
	2) header  - Contains the topbanner editable region
	3) navbar - Contains the top menu to navigate site (spry horizontal menu)
	4) main - Contains the main editable region in most pages
	6) breadcrumb - Contains the single line navigation options (optional element, inside main)
	7) leftpanel - Contains the table with other naviagtion optins (optional element aligned to the left, inside main)
	8) submain - Contains the CONTENT area to the right of the left panel (optional element aligned to the right, inside main)
	9) copyright - Contains the copyright info
	
/* As a parent to most elements body will dictate font size and background color unless overriden */
html {
	scrollbar-base-color: #333333
}
body {
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #333333;
}

a {
	text-decoration: none;
}
a:link {
	color: #039;
}
a:hover {
	color: #03F;
	text-decoration: underline;
}
a:visited {
	color: #4F88FF;
}
/*Styles for the Globetrotting Mekit Kit*/
em {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:   1.0em;
}
/*end styles for Globetrotting Media Kit*/

p {
	margin-top: 0.2em;
	margin-right: 1em;
	margin-bottom: 0.8em;
	margin-left: 1em;
}
ol li {
	margin-bottom: 1em;
}
h1 {
	font-size:1.7em;
	font-weight: normal;
	padding:0.1em;
	text-align: center;
	margin: 0px;
	text-transform: capitalize;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#333;
	background-color:#DFEFF4;
}
h2 {
	font-size: 1.3em;
	line-height:24px;
	letter-spacing:0.1em;
	text-align: center;
	font-weight: 600;
	margin: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image:url(images/top-bar-background.jpg);
	background-repeat: repeat-x;
	color: #036;
	background-color: #EEF9FD;
	height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C4EBF7;
}
h3 {
	font-size: 1.2em;
	text-align: center;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	letter-spacing: 0.1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #f2f2f2;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0em;
	margin-left: 0px;
}
h4 {
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 1em;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 0em;
	margin-left: 1em;
	font-family: Tahoma, Geneva, sans-serif;
	color: #036;
}
table td ul {
	margin:0px;
	padding: 15px;
}
table td ul li {
	font-size: 10px;
	line-height: 16px;
}

/* stop FF4 from allowing textarea's to be rezied - which it does by default */
textarea { resize: none; }

/* Positioning of the page elements */

/* To center and confine to 700px */
#container {
	width: 950px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	border: 5px solid #FFFFFF;
	margin-top: 10px;
}

#containerNew {
	width: 990px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	border: 5px solid #FFFFFF;
	margin-top: 10px;
}
/* The top header is just a 700 x 75 px image */
#header {
	width: 950px;
	background-color: #CCC;
	margin: 0px;
	padding: 0px;
	height: 120px;
	background-image:url(images/top-header950x120.gif);
	background-color: #F4F4F4;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#headerNew {
	width: 990px;
	margin: 0px;
	padding: 0px;
	height: 250px;
	background-image:url(../images/homepage_images/headerBG.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#logo {
	height: 44px;
	width: 211px;
	background-color: transparent;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#contactNumEmail 
{
	height:           85px;
	width:            210px;
	background-color: transparent;
	margin:           0px;
	padding:          5px 0px 0px 0;
	float:            right;
	font-family:      Georgia, "Times New Roman", Times, serif;
	font-size:        12px;
	color:            #000;
	font-weight:      normal;
	line-height:      18px;
	font-style:       italic;
}

#contactNumEmail p { margin-top:10px; }

#contactNumEmail p em 
{
	font-size:    2em;
	font-weight:  bold;
	margin-right: 1em;
}

#contactNumEmail strong 
{
	color:       #c1272d;
	font-size:   14px;
	font-family: Verdana, Geneva, sans-serif;
	font-style:  oblique;
}

#promotion {
	background-color: transparent;
	margin: 0px;
	padding-top: 70px;
	padding-right: 0px;
	padding-bottom: 0px;
	float:right;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-weight: normal;
	padding-left: 0px;
	font-size: 12px;
}
#promotion p {

}

#promotion strong {
	font-size:16px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: oblique;
	padding-right: 20px;
}
#travelexperts {
	font-size: 12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: oblique;
	color: #25418F;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	width: 400px;
	padding: 0px;
}
#navbar {
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 30px;
	background-image: url(images/top-bar-background.jpg);
	background-repeat: repeat-x;
	background-position: 9px 0px;
}
#travelexperts form {
	padding:0px;
	background-color: transparent;
	background-image: none;
	margin: 0px;
}
#travelexperts .searchbox {
	width:180px;
	font-size: 10px;
	background-color: #FFF;
	color: #666;
	font-family: Verdana, Geneva, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CFE2F1;
	border-right-color: #5598CE;
	border-bottom-color: #5598CE;
	border-left-color: #CFE2F1;
	margin: 0px;
	line-height: 18px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	height: 18px;
}
#travelexperts .searchbutton {
	width:6.5em;
	color: #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	background-image: url(images/blue-fade.png);
	background-repeat: repeat-x;
	font-size: 10px;
	border: 1px solid #06C;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	letter-spacing: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CDEDF9;
	line-height: 10px;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-right: 0px;
	padding-left: 0px;
	height: 20px;
}
#socialmediaicons {
	margin-left:45px;
	width:105px;
	float:left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#socialmediaicons img {
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	float: left;
}
#contactbuttons {
	float: right;
	margin: .75em;
}
#MenuBar1 {
	float:left;
	margin: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 11px;
}
#main {
	clear:both;
	width:950px;
	margin-top: 0;
	margin-bottom: 0;
}

#mainNew 
{
	clear:  both;
	width:  990px;
	margin: 0 0 0 0;
}

#copyright {
	font-size: 10px;
	clear:both;
	padding: 12px;
	background-color: #FFFFFF;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-top: 1.5em;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #B6D6ED;
}
#copyright a {
	font-size: 10px;
}
#consumer-protect {
	clear:both;
	background-color: #FFFFFF;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-top: 1em;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #B6D6ED;
	line-height: 70px;
	text-align: center;
	height: 70px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#breadcrumb{vertical-align:middle;text-align:left;font-size:10px;margin:0.5em 0 0.5em 1em;color:#999;}
#leftpanel {
	float:left;
	width:300px;
	font-size: 11px;
	background-color:#F4FAFB;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
#leftpanel p {
	margin-top: 0.25em;
	margin-right: 0.25em;
	margin-bottom: .5em;
	margin-left: 0.5em;
}
/* The H1 tag is carefully defines to override the general H1 declaration in the other CSS */
#leftpanel h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	margin:0px;
	text-align:left;
	padding:0px 0px 0px .5em;
	color:#002166;
	letter-spacing:0.1em;
	border:none;
	background-color: #FFFFFF;
}
#leftpanel h2 {
	font-size: 11px;
	font-weight:bold;
	text-align:left;
	text-transform: none;
	background-image: none;
	padding-left: 4px;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: .5em;
	margin-left: 0px;
	background-image:url(images/top-bar-background.jpg);
	background-repeat: repeat-x;
	color:#001F5E;
	background-color:#DFF3FC;
	vertical-align: middle;
	padding-left: .5em;
	background-position: 0px 0px;
	padding-right: 0.35em;
	padding-top: 0px;
	padding-bottom: 0px;
}
#leftpanel h3 {
	text-align:left;
	padding: 0px;
	font-size: 12px;
	margin-left: 1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B0E6F4;
}
#leftpanel h4 {
	font-size: 11px;
	font-weight:600;
	margin:.4em 0 .4em .4em;
	letter-spacing: 0.08em;
	text-transform: capitalize;
}
#leftpanel strong {
	font-size: 12px;
}
#leftpanel img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#leftpanel ul {
	margin-top:5px;
	margin-bottom:7px;
}
#leftpanel ul li {
	background-image: url(../css/themes/africa/images/triangle_yellow6x8.gif);
	background-repeat: no-repeat;
	background-position: 1px 5px;
	list-style-type: none;
	padding-left:11px;
	margin-left:-40px;
	font-size: 11px;
	vertical-align: middle;
	line-height: 17px;
	text-align:left;
}
#leftpanel a {
	cursor:pointer;
	letter-spacing: 1px;
}
#submain {
	float:right;
	width:630px;
	clear: right;
	border: 1px dotted #C4EBF7;
}
#quizbg {
	background-color:#FFFFFF;
}
/*--- Request a Quote Styles ----- */
#requestquote {
	width:272px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	font-size: 11px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	height: 250px;
}
#requestquote p {
	font-size:12px;
	font-weight:bold;
	letter-spacing:.1em;
	height:16px;
	background-image:url(../forms/images/free-quote-request_01.png);
	background-repeat:no-repeat;
	color:#666;
	margin: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
#requestquote h4 {
	font-size:13px;
	color:#666 !important;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	border-top-style: none !important;
	border-right-style: none;
	border-bottom-style: none !important;
	border-left-style: none;
}
#requestquote form {
	margin:0px;
	padding:0px;
	text-align:center;
	background-image:url(../forms/images/free-quote-request_03.png);
	font-size:11px;
	background-repeat:no-repeat;
	height: 64px;
	width: 272px;
}
#requestquote select {
	height:20px;
	line-height:18px;
	margin:5px auto;
	border: 1px solid #A9E3F2;
	background-color: #F8F8F8;
	color: #666;
}
img { border: none; }

#vImage { float:left; margin: 0 0 5px 10px; }
#mainText { float: left; width: 370px; }
#destinationInfo { clear: both; padding: 15px 0 0 0; }

.formErrors { color: #930; font-style: italic; font-weight: bold; margin-left: 100px; }
#advisories{vertical-align:middle;text-align:right;font-size:10px;margin:-0.5em 0 2em 1em;color:#999;}

/* Goway Gift Form */
form#agentGift { margin: 15px 0 10px 75px; padding: 5px; background:#ecebeb; border: 1px solid #999; width:65%; }
form#agentGift ul li { list-style: none; }
form#agentGift li { margin: 10px 0 10px -10px; background-color: #ccc; width: 75%; padding:8px; border:1px solid #333; float:left }
form#agentGift input[type=submit] { float: right; margin: 5px 200px 10px 0; }
form#agentGift label { float: left; width: 145px; text-align: right; }
form#agentGift input[type=text] { float: left; }
.clearBottom { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.margin_down { margin-top: 3px; }
/* Goway Gift Form */

#generalContainer:before, #generalContainer:after { content: "\0020";display: block;height: 0;overflow: hidden; }
#generalContainer:after { clear: both }
.generalBox { width:305px;height:180px;padding:5px;float:left;margin:0 }

a#popbutton { margin-bottom:10px;}
.imageSpacer { margin-left:10px;}

/* Go Globetrotting Sign Up Form */
#globetrotterSignUp { position:absolute;margin:-75px 0 10px 600px;width:500px;}
#globetrotterSignUp form#signUpForm { -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding: 20px;width: 275px;}
#globetrotterSignUp form#signUpForm label {
	float: left;
	font-size: 13px;
	width: 40px;
}
#globetrotterSignUp form#signUpForm button:hover {cursor: pointer;}
#globetrotterSignUp form#signUpForm fieldset {border: none;margin-bottom: -15px;}
#globetrotterSignUp form#signUpForm legend {color: #C30;font-size: 16px;font-weight: bold;padding-bottom: 10px;text-shadow: 0 1px 1px #ccc;}
#globetrotterSignUp form#signUpForm ul li {line-height:30px;list-style: none;padding: 5px 10px; margin-top:-20px;margin-left:-40px}
#globetrotterSignUp form#signUpForm #emailGlobetrotting {width:180px;font: 10px/18px Verdana, Geneva, sans-serif;background-color: #fff;color: #666;border: 1px solid;border-top-color: #CFE2F1;border-right-color: #5598CE;border-bottom-color: #5598CE;border-left-color: #CFE2F1;margin: 0px;padding-top: 0 0 0 4px;height: 18px;}
#globetrotterSignUp form#signUpForm button {position:absolute;width:4.5em;color: #000;margin: 5px 0 0 3px;background: #CDEDF9 url(images/blue-fade.png) repeat-x;font: 10px/10px Arial, Helvetica, sans-serif;border: 1px solid #06C;-moz-border-radius: 3px;-webkit-border-radius: 3px;letter-spacing: 0.1em;text-align: center;vertical-align: middle;padding: 2px 0 3px 0;height: 20px;}
* +html #globetrotterSignUp form#signUpForm button {margin-top: 2px;}

/* main form */
#signUp {
	background-color:#fff;
	margin:5px;
	width: 570px;
}
#signUp form#finalSignUpForm {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 20px;
	width: 550px;
}
#signUp form#finalSignUpForm label {
	float: left;
	font-size: 13px;
	width: 210px;
}
#signUp form#finalSignUpForm button:hover {cursor: pointer;}
#signUp form#signUpForm button {font: 10px Georgia, "Times New Roman", Times, serif;letter-spacing: 1px;padding: 3px;text-shadow: 0 1px 1px #000000;text-transform: uppercase;}
#signUp form#finalSignUpForm fieldset {border: none;margin-bottom: -15px;}
#signUp form#finalSignUpForm legend {color: #C30;font-size: 16px;font-weight: bold;padding-bottom: 10px;text-shadow: 0 1px 1px #ccc;}
#signUp form#finalSignUpForm ul li {
	background: #none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height:15px;
	list-style: none;
	padding: 5px 10px;
	margin-left:-30px;
	margin-top:2px;
	margin-bottom:2px;
}
#signUp > p {padding-bottom:10px; font-size:0.8em;}
#signUp form#finalSignUpForm input { width:180px;}
#signUp form#finalSignUpForm input.noStyle { width:30px;}



/*GOWAY QANTAS PROMO STYLES*/
#gowayPromoHeader {width: 950px;margin: 0;padding: 0;height: auto;}
#gowayPromologo {height: auto;width: 95%;background-color: transparent;	margin: 0;padding: 10px 0 0 35px;}
#gowayPromoHeaderImage {border-top:1px solid #ccc;margin-top:10px}
.topLogos {margin-left:120px;}
#gowayPromoRightPanel {float:right;width:300px;font-size: 11px;background-color:#F4FAFB;font-family: Arial, Helvetica, sans-serif;color: #333;}
#gowayPromoSubmain {float:left;width:630px;border: 1px dotted #C4EBF7;}
.tripTitle {font-size:1.3em;}
.paddingTop {padding-top:10px;}
.gowayPromoPhone { font-size: 2.7em; font-weight: bold; }
.mainImage { float: left; margin-bottom:10px; }
.mainText { float: right; }
.mainImage { width: 250px; }
.mainText { width: 380px; }
.priceInformation { float:right; width:125px; background-color: #f2f2f2; padding: 4px; color:#F00; margin-left:6px; margin-right:10px; text-align:center }
/*GOWAY QANTAS PROMO STYLES*/