@import url(global-grid/reset.css);

/*----------------------------------------------------------------------------------------
Page Styles
----------------------------------------------------------------------------------------*/
body {background: #CBE3EF url(../images/uscharterservice/body-bg.jpg) repeat-x 0 0; font: 12px/1.5 Arial, 'Liberation Sans', FreeSans, sans-serif;}
#container, #extHeader, #extFooter, #intHeader{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#contentArea {width: 710px;}
#rail {width: 230px; margin-left: 15px;}
#contentArea, #rail {float: left; display: inline;}
li { list-style-type:disc;}
.clear { clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.css-replace{text-indent:-9999px;}
.caps {text-transform: uppercase;}
small {font-size: 10px;}

/*----------------------------------------------------------------------------------------
extHeader Styles
----------------------------------------------------------------------------------------*/
#extHeader {height: 112px; position: relative; color: #296c8a;}
#logo{margin-top: 15px;}
#extHeader #call {position: absolute; right: 0px; top:10px; text-align: right; width: 420px;}
#extHeader #call p {font-size: 16px; line-height:16px; font-weight: bold; margin-top: 10px;}
#extHeader #call h2 {font-size: 30px; line-height:32px;}
#extHeader #call img {margin-left: 10px; float: right;}
#extHeader #headerTabs {position: absolute; right: 0; bottom: 0;}
#extHeader #headerTabs a {
	float: left; 
	display: inline; 
	height: 25px; 
	width: 120px;
	margin: 0 2px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	font-family: Tahoma, Serif, Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	background: transparent url(../images/uscharterservice/tab-inactive.png) no-repeat 0 0;
}
sup {
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;
	}
	
/*----------------------------------------------------------------------------------------
intHeader Styles
----------------------------------------------------------------------------------------*/
.main{ 
	width: 960px; 
	height:270px; 
	position: relative; 
	background: #f7f7f7 url(../images/uscharterservice/intHeader-bg.jpg) no-repeat bottom right; 
}
.main h3 {width: 373px; height: 100px; position: absolute; top: 90px; background: transparent url(../images/uscharterservice/bundle-header.gif) no-repeat 0 0;}
#intHeader h2 {color: #1d4c61; font-size: 32px; line-height: 34px; font-weight: normal; position: absolute; bottom: 30px;}
#intHeader h2 span {font-weight: bold; font-size: 38px; line-height: 40px;}

/*----------------------------------------------------------------------------------------
contentArea Styles
----------------------------------------------------------------------------------------*/

#contentArea #packageBar {
	margin: 30px 0 20px 0; 
	height: 156px; 
	width: 710px; 
	background: transparent url(../images/uscharterservice/packageBar-bg.png) no-repeat 0 0; 
	position: relative;
}
#packageBar #packageTabs {position: absolute; left: 3px; top: 3px;}
#packageBar #packageTabs a {
	float: left; 
	display: inline; 
	height: 25px; 
	width: 120px;
	margin: 0 2px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	font-family: Tahoma, Serif, Arial;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	background: transparent url(../images/uscharterservice/tab-inactive.png) no-repeat 0 0;
}
#packageBar h3 { 
	font-size: 14px; 
	line-height: 15px; 
	font-weight: bold; 
	color:#1d4c61; 
	position: absolute; 
	top: 7px; 
	right: 0; 
	margin-right: 10px;
}

#packageBar #packages {position: absolute; bottom: 15px; width: 710px; height: 111px;}
#packageBar #packages .package {position: relative;}
#packageBar #packages .package img { position: absolute; left: 20px; top: 10px;}
#packageBar #packages .package h3 { 
	font-size: 16px; 
	line-height: 19px; 
	font-weight: bold; 
	color:#1d4c61; 
	position: absolute; 
	top: 22px; 
	right: 5px; 
	padding-right: 45px;
	border-bottom: 1px solid #b4b4b4;
}
#packageBar #packages .package ul { position: absolute; left: 270px; top: 45px;}
#packageBar #packages .package ul li {list-style-type: disc; zoom: 1}
#packageBar #packages .package p {color: #1d4c61; font-weight: bold; font-size: 13px; line-height: 13px; position: absolute; right: 15px; top: 62px;}
#packageBar #packages .package h2 {color: #f58124; font-size: 22px; line-height: 22px; position: absolute; right: 15px; top: 77px;}

#contentArea #dealBoxes {height: 121px; position: relative;}
#contentArea #dealBoxes .box {
	float: left; 
	display: inline; 
	height:121px; 
	width: 232px; 
	margin-right: 7px;
	text-align: center;
	position: relative; 
	background: transparent url(../images/uscharterservice/promoBox-bg.png) no-repeat 0 0;
}
#contentArea #dealBoxes .box.last { margin-right: 0;}
#contentArea #dealBoxes .box.first { margin-left: 0;}
#contentArea #dealBoxes .box h3 { color: #f58124; font-size: 18px; line-height:20px; text-shadow: 0px -1px 1px #000; margin: 4px 0;}
#contentArea #dealBoxes .box h3 sup { font-size: 11px; line-height: 11px; position: relative; top: -5px;}
#contentArea #dealBoxes .box h4 { color: #1d4c61; font-size: 14px; line-height: 14px; margin: 4px 0;}
#contentArea #dealBoxes .box h5 { color: #1d4c61; font-size: 12px; line-height: 12px; margin: 4px 0;}
#contentArea #dealBoxes .box h1 { color: #7bc143; font-size: 42px; line-height:44px; font-family: 'Myriad Pro', Tahoma, Arial, sans-serif;}
#contentArea #dealBoxes .box h1 sup { font-size: 22px; line-height: 22px; position: relative; top: -15px;}
#contentArea #dealBoxes .box h1 sub { font-size: 22px; line-height: 22px;}

#contentArea #content { color:#616d67; margin-top: 20px;}
#contentArea #content h1 { color:#2a6d8a; font-size:20px; line-height:22px; margin: 0 0 10px 5px;}
#contentArea #content h3 { color:#1d4c61; font-size:14px; line-height:16px; margin: 0 5px 5px;}
#contentArea #content ul {margin-bottom: 20px;}
#contentArea #content ul li {margin-left: 20px;}
#contentArea #content div {margin: 0 10px 10px;}
#contentArea #content div h3 { color:#616d67; font-size:12px; line-height:14px; margin: 0;}
#contentArea #content div p {margin-bottom: 10px;}

/*----------------------------------------------------------------------------------------
rail Styles
----------------------------------------------------------------------------------------*/
#rail #offerForm {
	height: 299px; 
	width: 230px; 
	position: relative; 
	margin:3px 0 20px 0; 
	background: transparent url(../images/uscharterservice/form-bg.gif) no-repeat 0 0;
}
#offerForm h3 {
	width: 230px;
	text-align: center;
	color:#1D4C61;
	font-size:14px;
	font-weight:bold;
	line-height:15px;
	position:absolute;
	top:75px;
	margin-bottom: 5px;
}
#offerForm form { position: absolute; bottom: 10px;}
#offerForm form label { display: block; margin-left: 10px;}
#offerForm form div { float: left; display: inline; margin:10px 0 10px 5px;}
#offerForm form div label { margin-left: 0;}
#offerForm form div #firstName, form div #lastName { width: 95px;}
#offerForm form #email { margin-left: 10px;}
#offerForm form div #phoneAreaCode, form div #phone3 { width: 25px;}
#offerForm form div #phone4 { width: 33px;}
#offerForm form div #zipCode { width: 45px;}
#offerForm form #submit-button {
	height: 25px; 
	width: 104px; 
	margin-top: 10px; 
	background: transparent url(../images/uscharterservice/form-btn.gif) no-repeat 0 0; 
	display: block;
	position: relative;
	left: 115px;
	bottom: 5px;
}
#offerForm .error{border:1px solid red;}
#rail #questionBox {
	height: 121px;
	width: 232px;
	position: relative;
	background: transparent url(../images/uscharterservice/question-box.gif) no-repeat 0 0;
}
#questionBox h1 {
	font-size: 22px; 
	line-height: 22px; 
	font-weight: bold; 
	color:#1d4c61; 
	position: absolute;
	top: 2px;
	left: 5px;
	padding-right: 45px;
}
#questionBox p { position: absolute; left: 10px; top: 23px; width: 115px; color: #296c8a; font-weight: bold;}
#questionBox h3 { color: #f58124; font-size: 18px; line-height: 20px; position: absolute; bottom: 5px; left: 10px;}

/*----------------------------------------------------------------------------------------
extFooter Styles
----------------------------------------------------------------------------------------*/
#extFooter {text-align: center; color: #616d67; clear: both; position: relative;}
#footerMenu {width: 880px; margin: 0 auto 10px auto;}
#footerMenu li {display: inline; list-style-type: none;}
#footerMenu li a { color: #616d67; text-decoration: none; margin: 0 3px;}
#footerMenu li a:hover { text-decoration: underline;}

ul#loctypelist { margin:0; padding-top: 10px;}
ul#loctypelist li { margin:0; list-style-type:none; font-weight:bold; }
ul#loctypelist li a:hover{ text-decoration: none;}
ul#loctypelist li em { font-style:normal; display: block; text-align: left; font-size: 11px;}
#locations {text-align: left; font-size: 10px;}
#locations a { color: #616d67; text-decoration: none; margin: 0 3px;}
#locations a:hover { text-decoration: underline;}