/*----------------------------------------------------------------------------------------
Page Styles
----------------------------------------------------------------------------------------*/
body {background: #c9e3ee url(../images/uscharterservice/subpages/sub-body-bg.jpg) repeat-x 0 0; font: 12px/1.5 Arial, 'Liberation Sans', FreeSans, sans-serif;}

/*----------------------------------------------------------------------------------------
intHeader Styles
----------------------------------------------------------------------------------------*/
#intHeader #headerFocus { width: 960px; height: 205px; position: relative;}

/*---------------------------------------subInternet------------------------------------*/
.subInternet{ background: #f7f7f7 url(../images/uscharterservice/subpages/internet-intHeader-bg.jpg) no-repeat bottom right;}

/*---------------------------------------subPhone------------------------------------*/
.subPhone{ background: #f7f7f7 url(../images/uscharterservice/subpages/phone-intHeader-bg.jpg) no-repeat bottom right;}

/*---------------------------------------subBundles------------------------------------*/
.subBundles{ background: #f7f7f7 url(../images/uscharterservice/subpages/bundles-intHeader-bg.jpg) no-repeat bottom right; }

/*---------------------------------------subCable------------------------------------*/
.subCable{ background: #f7f7f7 url(../images/uscharterservice/subpages/cable-intHeader-bg.jpg) no-repeat bottom right; }

/*---------------------------------------subAbout------------------------------------*/
.subAbout{ background: #f7f7f7 url(../images/uscharterservice/subpages/about-intHeader-bg.jpg) no-repeat bottom right; }

/*----------------------------------------------------------------------------------------
internet contentArea Styles
----------------------------------------------------------------------------------------*/
#contentArea { margin-bottom: 50px;}
#contentArea #contentHeader {margin: 15px 0 5px 5px;}
#contentArea #contentHeader h1 { color:#2a6d8a; font-size:16px; line-height:18px;}

#contentArea .packageBox {
	margin-top: 15px; 
	height: 128px; 
	width: 712px; 
	background: transparent url(../images/uscharterservice/subpages/net-packageBox-bg.png) no-repeat 0 0; 
	position: relative;
}
.packageBox a { 
	position: absolute; 
	left: 37px; 
	top: 93px;
	background: transparent url(../images/uscharterservice/subpages/more-info-btn.png) no-repeat 0 0;
	text-indent: -9999px; 
	width: 105px; 
	height: 17px; 
	display: block;
}

.packageBox img.speedometer { position: absolute; left: 20px; top: 10px;}
.packageBox img.smalltv { position: absolute; left: 27px; top: 23px;}
.packageBox img.tab { position: absolute; right: 3px; top: 3px;}
.packageBox img.smallphone { position: absolute; left: 682px; top: 109px;}
.packageBox h3 { 
	font-size: 16px; 
	line-height: 19px; 
	font-weight: bold; 
	color:#1d4c61; 
	position: absolute; 
	top: 7px; 
	right: 5px; 
	width: 530px;
	border-bottom: 1px solid #b4b4b4;
}
.packageBox ul { position: absolute; right: 12px; top: 33px; width: 515px;}
.packageBox ul li {font-size: 11px; line-height: 15px; width: 400px;}
.packageBox p {color: #f58124; font-weight: bold; font-size: 20px; line-height: 16px; position: absolute; right: 19px; top: 104px;}
.packageBox p.sub { color: gray; font-weight: bold; font-size: 10px; line-height: 16px; position: absolute; right: 15px; top: 75px; } 
.packageBox h2 {color: #1d4c61; font-size: 20px; line-height: 21px; position: absolute; right: 15px; top: 57px;}

#contentArea .slideInfo {
	height: 78px;
	width: 690px;
	position: relative;
	left: 13px;
	background: transparent url(../images/uscharterservice/subpages/slider-bg.png) no-repeat 0 0;
}
#contentArea .slideInfo h3 { color: #543091; font-size: 16px; line-height: 16px; margin-left: 5px; padding-top: 3px;}
#contentArea .slideInfo p { margin: 2px 5px 0 5px;}
#contentArea .slideInfo div {position: absolute; top: 0; right: 5px;}
#contentArea .slideInfo div h4 { color: #414042; font-size: 12px; line-height: 12px; float: left; display: inline; margin-top: 5px;}
#contentArea .slideInfo div img {float: left; display: inline; margin: 2px 3px;}

.hide {display: none;}
h2 span { font-size: 10px; }

/*----------------------------------------------------------------------------------------
phone contentArea Styles
----------------------------------------------------------------------------------------*/
#contentArea #phoneBox  {
	height: 347px; 
	width: 710px; 
	background:transparent url(../images/uscharterservice/subpages/phone-box-bg.png) no-repeat 0 0; 
	position: relative; 
	margin-top: 20px;
} 

#phoneBox #bigPhone {position: absolute; left:2px; bottom:2px;}
#phoneBox img.tab { position: absolute; right: 5px; top: 18px;}
#phoneBox img.smallphone { position: absolute; right: 122px; top: 60px;}
#phoneBox h3 {color: #f58124; font-weight: bold; font-size: 16px; line-height: 16px; position: absolute; right: 15px; top: 77px;}
#phoneBox h2 {color: #1d4c61; font-size: 20px; line-height: 21px; position: absolute; right: 15px; top: 57px;}

#phoneBox h1 { 
	font-size: 16px; 
	line-height: 19px; 
	font-weight: bold; 
	color:#1d4c61;  
	width: 700px;
	border-bottom: 1px solid #b4b4b4;
	position: absolute;
	top: 22px; 
	right: 5px;
}
#phoneBox h4 {position: absolute; left: 19px; top: 45px;}
#phoneBox p {position: absolute; left: 20px; top: 65px; width: 530px;}

#phoneBox div {position: relative; left: 30px; top: 135px; width: 530px;}
#phoneBox div h1 {top: -30px; left: -23px;}
#phoneBox div ul {float: left; display: inline; width: 250px;}
#phoneBox div ul li {margin: 0 0 10px 10px;}


/*----------------------------------------------------------------------------------------
cable contentArea Styles
----------------------------------------------------------------------------------------*/
.packageBox.cable h3 { 
	font-size: 16px; 
	line-height: 19px; 
	font-weight: bold; 
	color:#1d4c61; 
	position: absolute; 
	top: 8px; 
	right: 5px; 
	width: 580px;
	border-bottom: 1px solid #b4b4b4;
}
.packageBox.cable ul { position: absolute; right: 5px; top: 32px; width: 567px;}

/*----------------------------------------------------------------------------------------
bundles contentArea Styles
----------------------------------------------------------------------------------------*/
.packageBox.bundle h3 { 
	font-size: 13px; 
	line-height: 19px; 
	font-weight: bold; 
	color:#1d4c61; 
	position: absolute; 
	top: 8px; 
	right: 5px; 
	width: 450px;
	border-bottom: 1px solid #b4b4b4;
}
.packageBox.bundle ul { position: absolute; right: 9px; top: 31px; width: 433px;}

/*----------------------------------------------------------------------------------------
about contentArea Styles
----------------------------------------------------------------------------------------*/
#contentArea #aboutBox {margin: 15px 0 5px 5px;}
#contentArea #aboutBox h1 { color:#2a6d8a; font-size:16px; line-height:18px; margin-bottom: 10px;}
#aboutBox div { margin: 20px 0; }
#aboutBox  ul { margin-left: 20px;}

