/*	-------------------------------------------------------------
	Description:	Global CSS include
	Filename:		styles.css
	Date:			7/20/2007
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	GLOBAL BODY STYLES
	-------------------------------------------------------------	*/
* {
margin: 0;
padding: 0;
}
img {
border: 0;
}
body, html {
height : 100%;
}
body {
margin : 0;
padding: 0 0 1px; 
background: #E5E5E5 url(../images/bg2.jpg) repeat-x;
font-family: Arial, "Tahoma",Verdana, sans-serif;
font-size: 62.5%;
color: #3e3e3e;
line-height: 1.2em;
text-align: left;
}
#home  {
background: #E5E5E5 url(../images/bg.jpg) repeat-x;
}
p {
font-size: 1.1em;
line-height: 1.4em;
}
a {
text-decoration: underline;
color: #0033CC;
}
b {color:#990000}
#support b {color: #000;}
a:hover {
text-decoration: underline;
color: #3366FF;
}
p#skipnav, hr {
display: none;
}
.clear {
clear: both;
font-size: 1%;
}
	
/* Container
	-------------------------------------------------------------	*/
/* Main header */
#header {
width:800px;
height: 62px; 
}
#header h2 {
font-size:2.8em; color:#AA0000; font-weight:bold; margin: 49px 0 0 30px; width: auto; display:inline; float:left; 
}
#menucontainer {
width: 800px;
height: 65px;
position: absolute;
left: 0;
top: 62px;
z-index: 1250;
}
#container {
width: 800px;
padding: 0 0 0 20px;
margin: auto;
text-align: left;
position: relative;
}
#homeFlash {
position: absolute;
left: 0;
top: 127px;
z-index: 1;
}
#rightAd {
position: absolute;
left: 602px; 
top: 134px;
}

/* Header
	-------------------------------------------------------------	*/
#header .logo{
background: url(../images/heb_mobile_logo.gif) no-repeat;
height: 56px;
width: 150px;
position: absolute;
left: 0;
top: 12px;
text-indent: -5000px;
}
#header .links {
position: absolute;
right: 5px;
top: 3px;
}
#header .action {
position: absolute;
right: 5px;
top: 22px;
}
		
/* Columns
	-------------------------------------------------------------	*/	
#left {
width: 568px;
float: left;
display: inline;
}
#leftbar {
position: absolute;
left: 0;
top: 140px;

}
#boxesleft {
width: 378px;
float: left;	
}
#boxesright {
width: 186px;
float: left;
display: inline;
padding: 0 3px 0 3px;
}
#right {
width: 209px;
margin-left:3px;
float: right;
display: inline;
}
#main {
position: absolute;
left: 175px;
top: 135px;
font-size:1.15em;
line-height:1.8em;	
width: 700px;
padding-bottom: 30px;
}
#mainFull {
position: absolute;
left: 0px;
top: 135px;
font-size:1.15em;
line-height:1.8em;	width: 930px;
}
#main2 {
width: 765px;
float: right;
margin: 25px 10px 10px 0;
display: inline;
font-size:1.15em;
line-height:1.8em;	
}
#main_corp {
width: 730px;
float: left;
margin: 25px 10px 10px 0;
display: inline;
font-size:1.15em;
line-height:1.8em;
}
#leftmenu {
position: absolute;
left: 3px;
top: 87px;
}		
/* Boxes
	-------------------------------------------------------------	*/
.contentbox {
position: absolute;
left: 0px;
top: 365px;
width: 557px;
border: solid 1px #9C9C9C;
background:#f3f3f3;
padding: 15px 20px;
}
.contentbox p {
font-size: 1.3em;
line-height: 1.4em;
}
.contentbox ul {
margin: 8px 18px 14px;
}
.contentbox ul li {
list-style:inside;
font-size: 1.45em;
line-height: 1.75em;
font-weight: bold;
color:#990000;
}
.box {
display: block;
position: absolute;
border: solid 1px #9C9C9C;
background:#FBFBFB url(../images/box_bg.jpg) repeat-x;
background-color:#FBFBFB;
z-index: 2;
}
.box p {
font-size: 1.2em;
}
.box h2 {
padding: 8px 0 0 7px;
font-size: 1.6em;
}
.box1 {
top: 370px;
left: 0;
width: 195px;
height: 170px;
border-top: none;
}

.box2 {
top: 370px;
left: 200px;
width: 195px;
height: 170px;
border-top: none;
}

.box3 {
top: 370px;
left: 400px;
width: 195px;
height: 170px;
border-top: none;
}
#partner .box1 {
top: 370px;
left: 603px;
width: 195px;
height: 130px;
border-top: none;
font-size: .9em;
}
#partner .box2 {
top: 507px;
left: 603px;
width: 195px;
height: 130px;
border-top: none;
font-size: .9em;
}
#partner .box3 {
top: 644px;
left: 603px;
width: 195px;
height: 130px;
border-top: none;
font-size: .9em;
}

.newsletter {
top: 544px;
left: 0;
width: 396px;
background-position: 0 85px;
}
.homeAd1 {
top: 366px;
left: 602px;
width: 196px;
border: none;
}
.homeAd2 {
position: absolute;
left: 401px;
top: 544px;
border: none;
}
.homeAd3 {
position: absolute;
left: 0;
top: 610px;
border: none;
}
.homeAd4 {
position: absolute;
right: 1px;
top: 606px;
border: none;
}
.box1 img, .box2 img, .box3 img, .box4 img  {
margin: 5px 5px 8px 8px;
}
.box p {
margin: 8px;
}
.box1 a, .box2 a, .box3 a, .box4 a {
position: absolute;
bottom: 0;
left: 0;
}
#partner .box1 a, #partner .box2 a, #partner .box3 a, #partner .box4 a {
position: absolute;
bottom: -4px;
left: 100px;
}
.box h3 {
background: url(../images/lboxtop.gif) right top;
height:12px;
font-weight: bold;
padding: 5px 10px 5px 5px;
margin: -4px -1px 0 4px;
font-size: 1.3em;
color: #fff;
}
.box .hright {
background-image: url(../images/lboxtop.gif);
height: 22px;
width: 8px;
position: absolute;
top: -4px;
left: -1px;
}

/* Phones
	------------------------------------------------------------- */
#phonecontent {margin: 15px 0 0 0; padding-bottom: 6px; font-size: 1em; line-height: 1.4em; width: 210px; display:block; float:left; display: inline-block; height: 304px; }
#phonecontent h1 {margin: 0 0 0 -3px;padding: 3px 3px; color: #fff; background: #990000; cursor: pointer; width: 186px; text-align: center; line-height:1.1em; font-size:1.1em; width: 174px;}
#phonecontent h1 .link:hover {background: #CC0000;}
#phonecontent .active {background: none; color: #3e3e3e; cursor: auto; margin: 5px 0 4px 0; padding: 0; border-bottom: 1px solid #999; width: 174px;font-size:1.3em}
#phonecontent2 {margin: 15px 0 0 0; padding-bottom: 6px; font-size: 1em; line-height: 1.4em; width: 930px; display:block; float:left;display: inline-block; height: 120px}
#corp_phonecontent {margin: 5px 0 0 0; padding-bottom: 0; font-size: 1em; line-height: 1.4em; width: 500px; display:block; float:left; border-bottom: 1px dotted #A4A4A4;}
#corp_accesscontent {margin: 5px 0 0 0; padding-bottom: 0; font-size: 1em; line-height: 1.4em; width: 650px; display:block; float:left; border-bottom: 1px dotted #A4A4A4;}	
.regularprice {border-bottom: 1px dotted #666 ; padding-bottom:3px;}
.pocket .regularprice {border: none;}
.instant {border-bottom: 1px dotted #666 ; padding-bottom:3px; color:#0000CC}
.websave {border-bottom: 1px dotted #666 ; padding-bottom:3px; color:#17b565}
.rebate {border-bottom: 1px solid #666 ; padding-bottom:3px; color:#990000}
.total {font-weight:bold; padding-bottom: 5px;}
.price {text-align:right}
.total .price {font-size: 1.3em;}
.pocket .price {color: #CC0000; font-weight:bold;}
.disc {font-size: .75em; color: #999999; text-align:right; line-height:1.1em;}
.disc2 {font-size: .8em; color: #000; text-align:left; line-height:1.2em;}
.phone {position: absolute; left: 13px; top: 40px;}
#phonecontent h2 {
position: absolute; left: 10px; top: 10px;
}
#features { width: 130px; position: absolute; left: 88px; top: 40px;}
#features li {list-style: none; margin-bottom: 8px; line-height: 1em;}
#phonecontent #costs {
width: 174px; 
height: 100px; 
padding: 0 10px 6px 10px; 
background:url(../images/costs_back.gif) no-repeat;
position: absolute; left: 15px; top: 175px;
}
#phonecontent2 #costs {
position: absolute; right: 15px; bottom: 15px;
}
.accessory {
position: absolute; left: 13px; top: 5px;
}
#phonecontent2 p {
position: absolute; left: 160px; top: 35px;
padding-right: 10px;
}
#phonecontent2 h2 {
position: absolute; left: 160px; top: 10px;
}

/* Footer
	-------------------------------------------------------------	*/
	
#footer {
	padding: 2px;
	text-align:center;
	color:#CCC;
	position: fixed;
	bottom: 0px;
	left: 0px;
	background-color:#777;
	border-top: 1px solid #fff;
	width: 100%;
}

#footer p.center {
	float: center;
}

#footer p.center a {
	font-size: 1.2em;
	color:#fff;
}

#footer p.center a:hover {color: #CCC;}

/* Locations
=========================================================*/

.location {
	font-size:.9em;
	float:left;
	width: 150px;
	color:#666;
	margin: 0 8px 10px 15px;
	border-bottom: 1px dotted #ccc;
}
#location {
background: #f1f1f1;
padding: 6px;
display: inline-block;
float: left;
border: 1px solid #c7c5c5;
margin: 0 0 3px;
}
#location h1 {
display: inline-block;
background: #e8e7e7;
padding: 2px 9px 0 9px;
border-bottom: 1px solid #c7c5c5;
width: 794px;
margin: -6px -6px 5px -6px;
}

.location h3 {
	margin:-3px 0 0 0;
	font-size: 1.05em;
	font-weight:bold;
	color:#4E4E4E;
}

/* Support
==========================================================*/
.support {
	width: 350px;
	color:#4E4E4E;
	margin: -2px 8px 5px 0px;
}
.address {
	color:#4E4E4E;
	margin: 2px 8px 3px 15px;
}
.moveright {
	margin: 0px 0px 6px 15px;
	line-height: 1.7em;
	padding:  0 4px;
}

/* Forms 
==========================================================*/
.contactform {
border:1px solid #999999; padding: 2px 4px; font-size:1em;
}
.commentform {
height:100px; width:200px; border:1px solid #999999; padding: 3px; margin-bottom:10px; font-size:1.05em; font-family: Arial, "Tahoma",Verdana, sans-serif;
}
.selectform {
border:1px solid #999999; padding: 1px 0 1px 0; font-size:1em; font-family: Arial, "Tahoma",Verdana, sans-serif;
}
.submit {
border:1px solid #999999; font-size:1.1em; margin:  6px 0 0 0; font-weight: bold; background-color:#990000; color: #fff; padding: 1px 3px;
}
.submit:hover {
background: #CC0000;
}

label {
display: inline-block;
width: 180px;
text-align: right;
padding: 0 3px 0 0;
font-weight: bold;
font-size: 1.1em;
color:#990000;
margin-top: 6px;
}
.label2 {
display: inline-block;
padding: 0 3px 0 0;
font-weight: bold;
font-size: 1.1em;
color:#990000;
margin: 10px 0 0 -105px;
}
.formBox {
background: #f1f1f1;
padding: 8px 8px 12px 8px;
float: left;
display: inline-block;
border: 1px solid #c7c5c5;
margin: 0 2px 3px;
position: relative;
}
.formBox h5 {
background: #e8e7e7;
padding: 2px 9px;
margin: -8px -8px 8px -8px;
border-bottom: 1px solid #c7c5c5;
font-size: 1.2em;
font-weight:normal;
}


/* Images 
==========================================================*/
.smallphones {
	margin: 0 5px 0px 0;

}

.w166 {width: 166px;}
h1 {font-size:1.2em; color:#AA0000; font-weight:bold; margin: 6px 0 10px 0; width: 500px; display:block; float:left; font-family:Arial, Helvetica, sans-serif }
h2 {font-size:1.4em; color:#CC0000; font-weight:bold; margin-bottom:8px}
h3 {font-size:1.6em; font-weight:normal;color:#858585; font-family: "Tahoma",Verdana, sans-serif; margin-bottom: 4px;}
h4 {font-size:1.15em; font-weight:normal; margin-top:35px;}
h5 {font-size:2em; font-weight:normal;color:#000; font-family: "Tahoma",Verdana, sans-serif; margin-bottom:4px;}
h6 {font-size:1.05em; color:#AA0000; font-weight:bold; margin: 5px 0 0px 0; line-height:1.1em}
.c6 {font-size:1.4em; color:#990000; font-weight:bold;}
.c4 {font-size:1em; color:#000; font-weight:bold; float:right; margin-top:-16px}
.c5 {font-size:1em; color:#000; font-weight:bold;}
.tr {text-align:left}
#lists {font-size:1em; font-weight:bold; list-style:none; margin: 5px 0 0 0}
.blue {color:#990000; font-weight:bold; font-size:1.4em}
.fr {float:right}
.fl {float:left}
.mt {margin-top: 8px}
.mt2 {margin-top: 4px}
.mb {margin-bottom: 10px}
.mr {margin-right: 3px}
.mt25 {margin-top: 25px;}
.brd {border: solid 1px #9C9C9C;}
#maincontent ul {list-style: disc inside;}
.tright {text-align:right}
.smalltext {font-size: .8em;}
.hidden {display: none;}
	#boxesright {
		margin-left:-3px;
	
	}
	
	#right {
		width: 220px;
		
	}
	#container {
		width: 793px;
		
		margin: auto;
		text-align: left;
	}
	.leftbox {
		width: 186px;
		display:block;
		margin: 0 0px 4px 0;
	}
		.leftplain {
		background-color:#fff;
		display:block;
		border: solid 1px #9C9C9C;
		padding: 0px 9px 11px 9px;
		margin: 0 0px 4px 0;
		width: 354px;
	}

.mr {margin-right: 2.5px}

.bordbot { border-bottom: 1px solid #AFAEAE; margin-bottom: 6px; width: 500px; font-size:1.23em}
.input {margin: 8px 5px; padding: 0px; font-size:10px; display:block; }

/*=======================Pocket Plans =========================*/

#pocketPlans {
background: #fff;
border: 1px solid #999;
padding: 15px;

}
#pocketPlans .heading {
font-size: 1.2em;
color: #000;
}
#pockerPlans em {
padding: 0;
margin: 0 0 -5px 0;
font-weight: normal;
vertical-align: text-top;
}
#pocketPlans p {
border-top: 1px solid #999;
padding: 6px 0;
font-family:Arial, Helvetica, sans-serif;

}
#pocketPlans i {
font-size: 1em;
font-weight: bold;
font-style: normal;
display: inline-block;
width: 225px;
text-align: right;
padding: 0 6px 0 0;
vertical-align: text-top;
}
#pocketPlans b {
font-size: 1.1em;
font-weight: bold;
display: inline-block;
width: 85px;
text-align: center;
}
.red {color: #CC0000;}

#tmobilePlan {
background: #fff;
border: 1px solid #ccc;
padding: 15px 15px 25px 15px;
margin: 0 0 10px 0;
}
#tmobilePlan h1, #tmobilePlan h2 {
font-size: 1.7em;
display: block;
color: #ef0077;
width:100%;
margin: 0;
}
#tmobilePlan h3 {
font-size: 1.4em;
color: #d60056;
margin-top: 25px;
}

#tmobilePlan p {
margin: 0 0 4px 0;
}
#tmobilePlan h2 {
font-size: 1.2em;
margin: 4px 0 0 10px;
}
#tmobilePlan .headline, #tmobilePlan .subHeadline, #tmobilePlan .addonHeadline {
border: 1px solid #fff;
border-bottom: none;
border-right: none;
}
#tmobilePlan .title {
background: #ef0077;
width: 150px;
display: inline-block;
padding: 3px 5px;
color: #fff;
font-weight: bold;
font-size: 1em;
height: 100%;
border-right: 1px solid #fff;
}
#tmobilePlan .headline2 .title {
width: 301px;
}
#tmobilePlan .pricing {
background: #ef0077;
display: inline-block;
padding: 3px 5px;
color: #fff;
font-weight: bold;
font-size: 1em;
height: 100%;
text-align: center;
border-right: 1px solid #fff;
}
#tmobilePlan .full {
background: #9e9d9d;
width: 383px;
display: inline-block;
padding: 3px 5px;
color: #fff;
font-weight: bold;
font-size: 1.1em;
text-align: center;
}
#tmobilePlan .subHeadline .title {
background: #4f6972;
width: 140px;
margin: 0 0 0 10px;
}
#tmobilePlan .subHeadline .pricing {
background: #a1a1a1;
font-weight: bold;
}
#tmobilePlan .addonHeadline .title {
background: #4f6972;
width: 290px;
margin: 0 0 0 10px;
}
#tmobilePlan .addonHeadline .pricing {
background: #a1a1a1;
font-weight: bold;
}
#tmobilePlan .disc {
margin: 5px 0 0 10px;
display: inline-block;
text-align: left;
}
.w5 {width: 68px;}
.w4 {width: 88px;}
.w5x3 {width: 226px;}
.w5x4 {width: 305px;}
.larger {font-size: 1.2em; line-height: 1.2em;}
sup {font-size: .5em;}