/*
	Base font-size is %75

	Font size: 16px = 1.35em
	Font size: 14px = 1.2em
	Font size: 12px = 1em
	Font size: 11px = .95em
	Font size: 10px = .85em


MAIN GLOBAL STYLES
------------------

	- Global Definitions: Body, Images, Links, Forms, Paragraphs, Wrapper, Clear
	
	- Content Containers
		- Border
		- Brown Bar
		- Grey Bar
		- Index Blurbs
		- Intro Container
		- Source Text
		- Promo Chips
	- Form Page Styles
	- Headers
		- Page Header
		- Sub Header
		- Section Header
 	- Horizontal Rules
	- Spacers

*/


/* GLOBAL DEFINITIONS */

	body {
		background-image:url(../images/global/bg_white_main.gif);
		background-repeat:repeat-y; 
		background-color: #9A8F83;
		background-position: center; 
		color: #666666;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 75%;
		line-height: 1.35em;
		margin: 0px;
		padding: 0px;
		}

	#wrapper {
		background:url(../images/global/bg_gradient_main.gif) repeat-x top;
		text-align: center;
		}

	img {
		border: 0px;
		}
	img.img_mid {
		vertical-align: middle;
		}
	
	form {
		margin: 0px;
		padding: 0px;
		}
	input, select, textarea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		margin: 0px;
		padding: 0px;
		}
	.checkBox {
		margin-right: 5px;
		*vertical-align: middle;
		}
	.radioButton{
		margin-right: 5px;
		vertical-align: middle;
		}
	/* the ::root hack below shows this info to ONLY Safari browsers */
	::root .radioButton{
		margin-bottom: 4px;
		}
	.dropdown {
		margin-left: 10px;
		}
	
	a {
		/*color: #554433;*/
		color: #554433;
		text-decoration: none;
		}
	a:hover {
		color: #CC3333;
		text-decoration: none;
		}
	a:active {
		color: #CC3333;
		text-decoration: none;
		}
	a.bold {
		font-weight: bold;
		}
	div.contentContainer a, div.contentLeftWide a {
		text-decoration: underline;
		}	
	
	a.bodyLink {
		color: #554433;
		text-decoration: underline;
		}
	a.bodyLink:hover {
		color: #cc3333;
		text-decoration: none;
		}
	a.selected {
		color: #CC3333;
		text-decoration: none;
		}
	span.selected {
		color: #CC3333;
		}
	a.whiteLink {
		color: #FFFFFF;
		text-decoration: none !important; 
		}
	a.whiteLink:hover {
		color: #DDDDDD;
		text-decoration: none;
		}
	a.block {
		display: block;
		}
	
	p {
		margin: 0px;
		padding: 0px 30px 15px 10px;
		}
	p.spacer_20 {
		margin: 0px;
		padding: 0px 30px 20px 10px;
		}
	p.introText {
		margin: 0px;
		padding: 20px 30px 20px 10px;
		}
	
	/*  IMPORTANT
		NEED TO UPDATE introText class to the following specs, to accomodate the new content structure of nesting the <p> tags inside the introText DIV
	
	div.introText {
		margin: 0px;
		padding: 20px 0px 5px 0px;
		}*/
	
	p.innerText {
		margin: 0px;
		padding: 0px 10px 0px 10px;
		}
	p.iconText {
		font-size: .95em;
		margin: 0px;
		padding: 0px 0px 0px 10px;
		}
	p.systemHeader, p.systemHeader_15 {
		font-size: 1.2em;
		font-weight: bold;
		margin: 0px;
		padding: 0px 30px 5px 10px;
		}
	p.systemHeader_15 {
		padding: 0px 30px 15px 10px;
		}
	p.p525{
		width: 525px;
		}
	p.devGuideHeader {
		font-weight: bold;
		margin: 0px;
		padding: 0px 0px 10px 0px;
		}
	
	.small{
		font-size: .85em;
		line-height: 1.2em;
		}
	
	acronym {
		text-decoration: none;
		}
	
	.clearBoth {
		clear: both;
		height: 0px;
		margin: 0px;
		overflow: hidden;
		}


/* CONTENT CONTAINERS */

	div.borderContainer {
		background-color: #FFFFFF;
		border: 1px solid #FFFFFF;
		border-left: none;
		margin: 0px;
		padding: 0px;
		}
	div.borderContainer.noRightBorder {
		border-right: none;
		}
	
	div.brownBarContainer, div.brownBarContainerNoBorder {
		background: url(../images/global/brown_bar_background.gif) repeat-x;
		border-bottom: 1px solid #FFFFFF;
		height: 25px;
		}
	div.greyBarContainer{
		background-color: #C0BBAF;
		border-bottom: 1px solid #FFFFFF;
		height: 25px;
		}
	div.brownBarContainerNoBorder {
		border: none;
		}
	div.brownBar, div.greyBar {
		color: #FFFFFF;
		font-weight: bold;
		margin: 0px;
		padding: 4px 0px 0px 10px;
		*padding: 3px 0px 0px 10px;
		}
	div.brownBar dl {
		padding: 0px;
		margin: 0px;
		color: #FFFFFF;
		font-weight: bold;
		}
	div.brownBar dt {
		padding: 0px 0px 0px 0px;
		}
	div.brownBar dd {
		float: right;
		padding: 0px 10px 0px 0px;
		margin-top: -16px;
		}
	div.brownBar dl {
		clear: both;
		*margin-bottom: -5px;
		}

	div.contentLeft, div.contentLeftSmall, div.L2_indexContentLeft, div.L2_indexContentLeft_2COL_WR {
		background-color: #FFFFFF;
		float: left;
		margin-right: 15px;
		width: 275px;
		}
	div.contentRight, div.contentRightSmall, div.L2_indexContentRight, div.L2_indexContentRight_2COL_WR {
		background-color: #FFFFFF;
		float: left;
		width: 275px;
		}
	div.L2_indexContentLeft img, div.L2_indexContentRight img {
		margin-bottom: 10px;
		}
	div.L2_indexContentLeft dl img, div.L2_indexContentRight dl img {
		margin-bottom: 0px;
		}
	div.L2_indexContentLeft_2COL_WR, div.L2_indexContentRight_2COL_WR {
		width: 270px;
		}
	div.contentLeftSmall {
		width: 193px;
		}
	div.contentRightSmall {
		width: 192px;
		}
	
	div.contentLeftWide {
		float: left;
		margin-right: 30px;
		width: 350px;
		}
		
	
		
	div.contentRightNav, div.contentRightNavGrey, div.specialOfferNav {
		float: left;
		width: 185px;
		}
	div.contentRightNavGrey {
		background-color: #C0BBAF;
		}
	div.specialOfferNav {
		background-color: #C0BBAF;
		float: left;
		margin: 3px 20px 20px 0px;
		}
	div.contentRightNavGrey ul, div.contentRightNavGrey li, div.specialOfferNav ul, div.specialOfferNav li, ul.simpleList, ul.simpleList li {
		padding: 0px;
		margin: 0px;
		}
	ul.simpleList {
		padding: 0px 5px 0px 5px;
		}
	div.contentRightNavGrey ul, div.specialOfferNav ul {
		padding: 0px 5px 5px 5px;
		}
	div.contentRightNavGrey li, div.specialOfferNav li, ul.simpleList li {
		padding: 10px 5px 10px 5px;
		border-bottom: 1px solid #E4DECF;
		list-style-type: none;
		}
	div.contentRightNavGrey li.last, div.specialOfferNav li.last, ul.simpleList li.last {
		border: none;
		} 
	ul.simpleList li.first {
		padding-top: 0px;
		} 
	div.contentRightNav a, div.contentRightNavGrey a, div.specialOfferNav a {
		text-decoration: none;
		}
	
	div.indexPromo {
		background-color: #C0BBAF;
		margin-top: -10px;
		padding: 0px 5px 15px 5px;
		}	
	div.indexPromoText {
		color: #FFFFFF;
		padding: 7px 5px 0px 5px;
		}
	dl.indexList, dl.indexPromo {
		margin: 0px;
		padding: 0px;
		}
	dl.indexList dt, dl.indexPromo dt {
		border-bottom: 1px solid #E4DED0;
		font-weight: bold;
		margin: 0px 0px 7px 0px;
		padding: 0px 10px 8px 10px;
		}
	dl.indexList dt a, dl.indexPromo dt a {
		text-decoration: none;
		}
	dl.indexList dd a, dl.indexPromo dd a {
		text-decoration: none;
		}
	dl.indexList dt.noTopPadding {
		padding-top: 0px;
		}
	dl.indexList dt.flightServiceHead {
		color: #C0BBAF;
		font-size: 1.2em;
		padding-top: 0px;
		}
	dl.indexList dd {
		margin: 0px;
		padding: 0px 10px 25px 10px;
		}
	dl.indexList dd.smallBottomPadding {
		margin: 0px;
		padding: 0px 10px 10px 10px;
		}
	dl.indexList dd.linkBottomPadding {
		margin: 0px;
		padding: 0px 10px 5px 10px;
		}
	dl.indexPromo dt {
		margin: 0px 0px 10px 0px;
		padding: 0px 5px 10px 5px;
		}
	dl.indexPromo dd {
		color: #FFFFFF;
		margin: 0px;
		padding: 0px 20px 0px 5px;
		}

	div.introContainer {
		background-color: #FFFFFF;
		padding: 1px 1px 0px 0px;
		}
	div.introContainerTan {
		background-color: #F1EEE7;
		padding: 1px 1px 0px 0px;
		position: relative;
		}

	div.promoChip {
		background-color: #FFFFFF;
		border: 1px solid #FFFFFF;
		border-left: none;
		display: block;
		margin: 0px 0px 20px 0px;
		padding: 0px;
		}
	
	div.promoContainer {
		background-color: #F1EEE7;
		padding-top: 10px;
		}
	
	div.sourceContainer, div.sourceContainerBorderTop {
		background-color: #FFFFFF;
		border-bottom: 1px solid #E4DED0;
		margin: 0px;
		padding: 0px;
		}
	div.sourceContainerBorderTop {
		border-bottom: none;
		border-top: 1px solid #E4DED0;
		margin-top: 25px;
		}
	div.source {
		font-size: .95em;
		line-height: 1.2em;
		padding: 15px 30px 20px 10px;
		}

	div.whiteBack {
		background-color: #FFFFFF;
		padding: 1px 1px 0px 0px;
		}

	div#on_1, div#on_2, div#on_3, div#on_4, div#on_5, div#on_6, div#on_7, div#on_8, div#on_9, div#on_10 {
		display: none;
		}

	div.siteMapLeft {
		float: left;
		margin: 0px 20px 20px 0px;
		width: 350px;
	}
	div.siteMapRight {
		float: right;
		margin: 0px 0px 20px 0px;
		width: 350px;
	}


/* FORM PAGE STYLES */

	div.formContainer {
		background-color: #F1EEE7;
		color: #554433;
		padding: 15px 20px 20px 20px;
		}

	div.formSectionHeader {
		background-color: #E4DECF;
		border-bottom: solid 1px #FFFFFF;
		border-top: solid 1px #FFFFFF;
		margin: 0px;
		padding: 8px 0px 8px 10px;
		*padding: 7px 0px 8px 10px;
		}

	.formText {
		color: #554433; 
		}
	.formLabel, .formLabelTextarea {
		color: #554433; 
		font-size: .95em;
		line-height: 1.2em;
		padding: 0px 0px 0px 0px;
		text-align: right;
		}
	.formLabelTextarea {
		padding-top: 3px;
		*padding-top: 5px;
		}
	.formLabelLeft {
		color: #554433; 
		font-size: .95em;
		padding: 0px 0px 0px 0px;
		}
	.formLabelSpacer {
		color: #554433; 
		font-size: .95em;
		padding: 0px 0px 0px 20px;
		text-align: right;
		}
	.formSubHead {
		color: #666666;
		font-weight: bold;
		margin: 5px 0px -4px 0px;
		*margin-left: 0px;
		padding-bottom: 15px;
		}
	.formSubLabel {
		color: #554433; 
		font-size: .95em;
		padding: 0px 15px 0px 0px;
		text-align: left;
		vertical-align: middle;
		}
	.formUnderLabel{
		color: #554433; 
		font-size: .95em;
		padding: 0px 0px 10px 10px;
		*padding-top: 2px;
		text-align: left;
		}
	.formFieldSmallSelect {
		margin: 5px 5px 5px 10px;
		width: 110px;
		}
		
	.formField,.formFieldWithUnderLabel {
		margin: 5px 5px 5px 10px;
		vertical-align: middle;
		}
	.formFieldWithUnderLabel{
		/*margin: 5px 5px 5px 10px;*/
		}
	.formFieldButton {
		margin: 0px 5px 0px 5px;
		}
	.formIndent {
		padding: 0px 0px 0px 10px;
		}
	.formLink {
		font-size: .95em;
		padding: 0px 0px 0px 5px;
		vertical-align: middle;
		}
	.formNote {
		border-left: 1px solid #666666;
		color: #666666;
		font-size: .85em;
		line-height: 1em;
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 1px 10px;
		*padding-bottom: 2px;
		*margin-top: -2px;
		/*width: 150px;*/
		vertical-align: middle;
		}
	.requiredFootnote {
		font-size: .85em;
		margin: 0px;
		padding: 0px 0px 15px 10px;
		}
	.required {
		color: #CC3333;
		}
	label.hideLabel {
		display: none;
		}


/* HEADER STYLES */

	div#pageHeader, div#pageHeaderUnderline {
		margin: 0px;
		padding: 15px 0px 5px 10px;
		}
	div#pageHeaderUnderline {
		border-bottom: 1px solid #E4DED0;
		margin: 0px 0px 14px 0px;
		padding: 15px 0px 4px 10px;
		}

	h1 {
		color: #C0BBAF;
		font-size: 28px;
		line-height: 28px;
		font-weight: normal;
		margin: 0px;
		padding: 12px 0px 10px 10px;
		}
	h1.underline {
		border-bottom: 1px solid #E4DED0;
		padding: 12px 0px 10px 10px;
		margin-bottom: 14px;
		}
	h1.popupHeader {
		padding: 27px 0px 19px 10px;
		}
	h2 {
		color: #C0BBAF;
		font-size: 22px;
		line-height: 1.25em;
		font-weight: normal;
		margin: 0px 0px 15px 0px;
		padding: 15px 15px 0px 10px;
		letter-spacing: -.025em;
		}
	h2.basic {
		padding-top: 2px;
		margin-bottom: 16px;
		}
	h2.underline {
		border-bottom: 1px solid #E4DED0;
		padding: 15px 0px 8px 10px;
		margin-bottom: 12px;
		}
	h2.callout {
		border-bottom: 1px solid #E4DED0;
		color: #C0BBAF;
		letter-spacing: -.5px;
		font-size: 18px;
		line-height: 22px;
		margin: 0px 0px 20px 0px;
		padding: 17px 15px 14px 10px;
		}
	.hilight {
		color: #C0BBAF;
		}
	h2.specialOffer {
		color: #554433;
		margin: 0px 0px 0px 0px;
		padding: 16px 0px 5px 10px;
		}
	h2.specialOfferText {	
		font-size: 16px;
		line-height: 20px;
		border-bottom: 1px solid #E4DED0;
		margin: 0px 0px 18px 0px;
		padding: 0px 15px 18px 10px;
		}
	h3 {
		color: #666666;
		font-size: 19px;
		line-height: 19px;
		font-weight: normal;
		margin: 0px;
		padding: 14px 0px 13px 10px;
		}
	h3.border {
		border-top: 1px solid #E4DED0;
		padding-top: 19px;
		}
	h3.flightSearch {
		margin: 0px;
		padding: 10px 0px 11px 10px;
		}
	h3.confirmHeader {
		padding: 18px 0px 13px 10px;
		}
	h3.siteGateway {
		color: #999999;
		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
		margin: 0px;
		padding: 9px 10px 7px 10px;
		text-align:left;
		}
	h3.promoHeader_L2 {
		color: #FFFFFF;
		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
		margin: 0px;
		padding: 10px 10px 7px 5px;
		text-align:left;
		}
	h3.serviceFinderHeader {
		color: #554433;
		font-size: 12px;
		font-weight: bold;
		line-height: 16px;
		margin: 0px;
		padding: 6px 10px 9px 10px;
		text-align:left;
		}
	.brownText {
		color: #554433;
		}
	.redText {
		color: #CC3333;
		}
	.whiteText {
		color: #FFFFFF;
		}


/* HORIZONTAL RULES */

	div.horRule, div.horRule_5, div.horRule_10, div.horRuleWhite, div.horRuleWhite_5, div.horRuleDarker, div.horRuleDark, div.horRuleDark_5, div.horRuleBrown, div.horRuleBrown_5, div.horRuleBottom_5, div.horRuleBottom_10 {
		background-color: #E4DED0;
		height: 1px;
		margin: 0px;
		padding: 0px;
		}
	div.horRuleWhite {
		background-color: #FFFFFF;
		}
	div.horRuleWhite_5 {
		background-color: #FFFFFF;
		margin: 5px 0px 5px 0px; 
		}
	div.horRuleDark {
		background-color: #D7D0BD;
		}
	div.horRuleDark_5 {
		background-color: #D7D0BD;
		margin: 5px 0px 5px 0px; 
		}
	div.horRuleDarker {
		background-color: #D9D3C6;
		}
	div.horRuleBrown {
		background-color: #594C44;
		}
	div.horRuleBrown_5 {
		background-color: #594c44;
		margin: 5px 0px 5px 0px; 
		}
	div.horRule_5 {
		margin: 5px 0px 5px 0px; 
		}
	div.horRule_10 {
		margin: 10px 0px 10px 0px; 
		}
	div.horRuleBottom_5 {
		margin: 0px 0px 5px 0px; 
		}
	div.horRuleBottom_10 {
		margin: 0px 0px 10px 0px; 
		}
	div.horRule hr, div.horRule_5 hr, div.horRule_10 hr, div.horRuleWhite hr, div.horRuleWhite_5 hr, div.horRuleDarker hr, div.horRuleDark hr, div.horRuleDark_5 hr, div.horRuleBrown hr, div.horRuleBrown_5 hr, div.horRuleBottom_5 hr, div.horRuleBottom_10 hr {
		display: none;
		}


/* SPACERS */

	.spacer5 {
		font-size:5px;
		height:5px;
		}
	.spacer10 {
		height:10px;
		}
	.spacer15 {
		height:15px;
		}
	.spacer20 {
		height:20px;
		}
	.spacer25 {
		height:25px;
		}
	.spacer30 {
		height:30px;
		}

.asterisk{
	font-size:11px;
	color:#CC3333;
}
.mandatory{
	font-size:11px;
	color:#CC3333;
}
.msg{
	font-size:11px;
}