#popup 
{

z-index: 10000;
margin: 9% 33%;
padding: 0;
border: 1px solid black;
background-image: url(/res/images/bg-area.jpg);
}

#dimmer
{
z-index: 800;
width :100%;
height :700%;
top: 0px;
left: 0px;
position: absolute;
}

#topForm
{
    background-image: url(/res/images/bg-areatop.jpg);
   background-color: black;
    width: 100%;
    height: 35px;
    margin: 0 0 10px 0;
    padding: 0;
}



#directions
{   font-weight: bold;
    font-size: 17px;
    width: 90%;
    margin:35px auto 0 auto;
    padding: 0;
    text-align: center;
    color: #05335d;
}

#smaller
{   
    font-size: 11px;
    width: 70%;
    margin:50px auto 0 auto;
    padding: 0;
    text-align: center;
    color: #b6dcff;
}

#areaButton
{
  position: absolute;
  left: 210px;
  top: 10px;
  height: 21px;
   margin: 5px 0px;
   padding: 0;
   width: 97px;
   color:white;
  line-height: 1.2em;
   border: 0px;
    background-image: url(/res/images/bg-areabutton.jpg);
    outline: 0px;


}


#areaButton:focus 
{
    outline: none;
}

#areaSelect 
{ position: absolute;
     width: 100px;
    margin: 5px;
    padding: 0;
    height: 21px;
     left: 97px;
  top: 10px;
   
}

#areaForm 
{ position: relative;
    width: 100%;
    margin: 0px auto;
    padding: 0;
}


/* wireless elements */

div.phoneboxonecol {
	position: relative;
	float: left;
	background-color:white;
	width: 340px;
	margin: 4px;
	padding: 0;
	border: solid 1px #cccccc; }
div.phoneboxonecol h1.name {
	margin: 0 0 4px;
	padding: 4px;
	background-color:#cccccc;
	color: #0a59a4;
	width: 97.6%;
	font-size: 12px;
	line-height: 1em; }
div.phoneboxonecol div.pricearea {
	float: right;
	width: 300px;
	margin:10px;
	padding: 0; }
div.phoneboxonecol div.price {
	display: inline;
	font-weight:800;
	font-size: 1.2em;
	margin: 5px;
	padding: 0;
	text-align:right; }
div.phoneboxonecol div.contract b {
	float: left;
	margin: 5px;
	padding: 0; }
div.phoneboxonecol ul.phonebullet {
	float: left;
	width: 97%;
	margin: 2px;
	padding:0;
}
	
div.phoneboxonecol ul.phonebullet li {
	margin: 0 0 0 15px;
	color:#666666;
	padding: 0; }
div.phoneboxonecol div.contract {
	position: relative;
	font-weight:100;
	margin: 5px;
	padding: 0; }
div.phoneboxonecol div.disclaimer {
	width: 97%;
	font-size: 0.75em;
	margin:5px;
	padding: 0; }
div.phoneboxonecol div.specialnote {
	float:left;
	width: 63%;
	font-size: 0.85em;
	margin: 10px 10px 5px 12px;
	padding: 0 0 0 7px;
	height: 167px;
	color:#466b99; }
div.phoneboxonecol div.phonespecs {
	width: 97.5%;
	margin: 3px;
	padding: 0;
	font-size: 0.95em;
	border: solid 1px #cccccc;}

div.phoneboxonecol div.image {
	margin: 5px;
	padding: 0; }

.image {
	float:left;
	margin: 0 3px 0 0;
	padding:0; }



table.pricing td.minus {
	width: 10px;
	margin:0px;
	padding:0;
	text-align: right; }
	

table.pricing {
	float: left;
	width: 185px;
	height: 90px;
	margin:2px;
	padding:0; }

table.pricing .pricetitle {
	width:100px;
	text-align:right;
	line-height:1em;
	font-size:0.9em;
	font-weight: 100;
	margin: 0;
	padding: 0; }
table.pricing .price {
	width: 75px;
	text-align:left;
	line-height:1em;
	font-size:0.9em;
	font-weight: 100;
	margin: 0;
	padding: 0; }
table.pricing .pricelast {
	width: 75px!important;
	text-align:left;
	line-height:1em;
	font-size:0.9em;
	font-weight: 100;
	margin: 0;
	padding: 0;
	border-bottom: 0.1em solid gray;
	height:2px; }
table.pricing .space {
	width:10px;
	text-align:right;
	line-height:1em;
	font-size:0.9em;
	font-weight: 100;
	margin: 0;
	padding: 0; }
table.pricing .yourpricea {
	width:100px;
	text-align:right;
	line-height:1.05em;
	font-size:0.9em;
	font-weight: 100;
	color: #466b99;
	margin: 0;
	padding: 0; }
table.pricing .yourpriceb {
	width: 75px;
	text-align:left;
	line-height:1em;
	font-size:1.1em;
	font-weight: 100;
	color: #466b99;
	margin: 1px;
	padding: 0; }



span.tiny {
	font-size: .85em;
	}

div.box343strk {
	float: left;
	background-color:white;
	width: 340px;
	height: 220px;
	margin: 4px;
	padding: 0px;
	border: solid 1px #cccccc; }

div.box343strk div.inner {
	width: 330px;
	margin: 0px auto;
	padding: 0px;
	background-color:white;
	height: 180px;
	margin: 4px;
	padding: 0;
	border: solid 0px #cccccc; }


div.box343strk h3.sectiontitle {
	position: relative;
	text-align: left;
	font-size: 1.1em;
	color: #073a69;
	font-weight: 800;
	width: 99%;
	margin: 0px 0 0;
	padding: 2px;
	background-color: #c1d5e8;
	border-bottom: 2px solid gray;
}

h3.bluebgtitle {
	position: relative;
	text-align: left;
	font-size: 1.1em;
	color: #073a69;
	font-weight: 800;
	width: 99.1%;
	margin: 0px 0 0;
	padding: 2px;
	background-color: #c1d5e8;
	border-bottom: 2px solid gray;
}
	

.box150w {
background-color: white;
	border: solid 1px #0a59a4;
	color: #333333;
	text-align: center;
	width: 150px;
	position: relative;
	visibility: visible;
	margin: 12px 4px;
	padding: 0;
	line-height: 1.1em;
	font-size: 0.95em;
	float: left; }
.box150w:hover {
	border: 1px solid #ffffcc;
	}
	
div.flL238px {
	text-align: left;
	width: 238px;
	float: left;
	margin: 2px;
	padding: 0;
	border: solid 0px black;
}

div.midrow {
	top: 10px;
	text-align: right;
	min-height: 332px;
	padding: 0;
	margin: 8px 1px 1px;
	width: 745px;
}

div.flL520px {
	text-align: left;
	width: 520px;
	float: left;
	margin: 1px;
	padding: 0;
}

div.flL450px {
	text-align: left;
	width: 450px;
	float: left;
	margin: 1px;
	padding: 0;
}

div.flL400px {
	text-align: left;
	width: 398px;
	float: left;
	margin: 1px;
	padding: 0;
}
div.flL365px {
	text-align: left;
	width: 365px;
	float: left;
	margin: 1px;
	padding: 0;
}
div.flL360px {
	text-align: left;
	width: 360px;
	float: left;
	margin: 1px;
	padding: 0;
}
div.flL350px {
	text-align: left;
	width: 350px;
	float: left;
	margin: 1px;
	padding: 0;
}



div.flL320px {
	text-align: left;
	width: 320px;
	float: left;
	margin: 1px;
	padding: 0;
}

div.flL300px {
	text-align: left;
	width: 300px;
	float: left;
	margin: 1px;
	padding: 0;
}

div.flL290px {
	text-align: left;
	width: 290px;
	float: left;
	margin: 1px;
	padding: 0;
}

div.flL250px {
	text-align: left;
	width: 250px;
	float: left;
	margin: 1px;
	padding: 0;
}

div.flL180px {
	text-align: left;
	width: 180px;
	float: left;
	margin: 1px;
	padding: 0;
}


div.flR250px {
	text-align: right;
	width: 250px;
	float: left;
	margin: 1px;
	padding: 0;
}
div.flR240px {
	text-align: right;
	width: 240px;
	float: left;
	margin: 1px;
	padding: 0;
}

div.flL220px {
	text-align: left;
	width: 220px;
	float: left;
	margin: 1px;
	padding: 0;
}

div.flL200px {
	text-align: left;
	width: 200px;
	float: left;
	margin: 1px;
	padding: 0;
}

div.flL230px {
	text-align: left;
	width: 230px;
	float: left;
	margin: 1px;
	padding: 0;
}

div.flL240px {
	text-align: left;
	width: 240px;
	float: left;
	margin: 1px;
	padding: 0;
}

div.flLC220px {
	text-align: center;
	width: 220px;
	float: left;
	margin: 1px;
	padding: 0;
}

div.flL100px {
	text-align: left;
	width: 100px;
	float: left;
	margin: 1px;
	padding: 0;
}

div.flL150px {
	text-align: left;
	width: 150px;
	float: left;
	margin: 1px;
	padding: 0;
}
div.flL165px {
	text-align: left;
	width: 165px;
	float: left;
	margin: 1px;
	padding: 0;
}

div.flL175px {
	text-align: left;
	width: 175px;
	float: left;
	margin: 1px;
	padding: 0;
}

div.flL200pxb {
	text-align: left;
	width: 200px;
	float: left;
	margin: 2px;
	padding: 0;
	border: 0px solid gray;
}

div.flL140px {
	text-align: left;
	width: 140px;
	float: left;
	margin: 1px;
	padding: 0;
}

div.flL150px {
	text-align: left;
	width: 150px;
	float: left;
	margin: 1px;
	padding: 0;
}

div.flL125px {
	text-align: left;
	width: 125px;
	float: left;
	margin: 1px;
	padding: 0;
}

div.flL110px {
	text-align: left;
	width: 110px;
	float: left;
	margin: 1px;
	padding: 0;
}


div.flL30px {
	text-align: left;
	width: 30px;
	float: left;
	margin: 1px;
	padding: 0;
}

div.flL20px {
	text-align: left;
	width: 20px;
	float: left;
	margin: 1px;
	padding: 0;
}


div.flL115px {
	text-align: left;
	width: 100px;
	float: left;
	margin: 10px;
	padding: 0;
	height: 90px;
}
div.channeltext {
text-align: center; font-size: .8em; margin: 0px auto;>
}
div.flL90px {
	text-align: left;
	width: 90px;
	float: left;
	margin: 1px;
	padding: 0;
}

div.flL105px105px {
	text-align: center;
	width: 105px;
	float: left;
	margin: 1px;
	padding: 0;
	height: 115px;
	font-size: .8em;
	line-height: .8em;
}

div.flL90px50px p {
font-size: .9em;
}



div.frL350px-card {
	text-align: left;
	width: 350px;
	float: left;
	margin: 15px 0 0 8px;
	padding: 10px;
	background-color: white;
	filter: alpha(opacity = 75);
	-moz-opacity: .75;
	opacity: .75;
	border: 1px solid gray;
}

div.L550px-card {
	text-align: left;
	width: 550px;
	margin: 10px;
	padding: 10px;
	background-color: white;
	border: 1px solid gray;
}

div.L550px-cardsc {
	text-align: left;
	width: 620px;
	height: 350px;
	overflow: scroll;
	margin: 10px;
	padding: 10px;
	background-color: white;
	border: 1px solid gray;
}

div.L650px-card {
	text-align: left;
	width: 650px;
	margin: 10px;
	padding: 10px;
	background-color: white;
	border: 1px solid gray;
}


div.flL450px-card {
	float:left;
	text-align: left;
	width: 450px;
	margin: 10px;
	padding: 10px;
	background-color: white;
	border: 1px solid gray;
}

div.flL400px-card {
	float:left;
	text-align: left;
	width: 390px;
	margin: 10px;
	padding: 10px;
	background-color: white;
	border: 1px solid gray;
}



div.L700px-card {
	text-align: left;
	width: 650px;
	margin: 10px;
	padding: 10px;
	background-color: white;
	border: 1px solid gray;
	
}

div.L713px-nobcard {
	text-align: left;
	width: 713px;
	margin: 5px;
	padding: 10px;

	
}

div.L713px-nobWcard {
	text-align: left;
	width: 713px;
	margin: 5px;
	padding: 10px;
background-color: white;
	
}


div.L713px-Wcard {
	text-align: left;
	width: 713px;
	margin: 5px;
	padding: 10px;
	background-color: white;
	border: 1px solid gray;
	
}

div.L713px-card {
	text-align: left;
	width: 713px;
	margin: 5px;
	padding: 10px;
	background-color: white;
	border: 1px solid gray;
}




div.L600px {
	clear: both;
	text-align: left;
	width: 600px;
	margin: 10px;
	padding: 10px;
}

div.placeholder {
	text-align: left;
	width: 650px;
	margin: 10px;
	padding: 10px;
	
	
}


div.twocol {
	text-align: left;
	width: 280px;
	margin: 7px;
	float: left;
	padding: 0;
}

span .small {
	font-size: .75em;
	font-weight: 100;
	letter-spacing: 0em;
}

div.rowtrans {
	clear: both;
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;
}

div.rowblue {
	color: white;
	clear: both;
	width: 100%;
	height: 18px;
	margin: 6px 0;
	padding: 2px 0;
	background-color: black;
}


div.rowgray {
	clear: both;
	width: 100%;
	height: 18px auto;
	margin: 6px 0;
	padding: 2px 0;
	background-color: #efefef;
}

div.rowwhite {
	clear: both;
	width: 100%;
	height: 18px auto;
	margin: 6px 0;
	padding: 2px 0;
	background-color: white;
}

div.subtotal {
	clear: both;
	border-top: 2px solid gray;
	font-weight: bold;
	width: 100%;
	margin: 3px 0;
	padding: 0;
	background-color: white;
}


div.one2oneltgry {
color: #333333;
	position: absolute;
	text-align: left;
	width: 246px;
	height: 139px;
	left: 0;
	margin-left: 1px;
	padding: 0;
	background-image: url(bus/images/homepage/ltgrybanner.jpg);  }
	
div.one2oneltgry a {
color: #4faa44;
	font-size: .85em;
	text-decoration: none;
	 }
	 
	div.one2oneltgry p {
margin-left: 3px;
	}
	
div.one2onedkgry {
	color: white;
	position: absolute;
	text-align: left;
	width: 246px;
	height: 139px;
	left: 248px;
	margin-left: 1px;
	padding: 0;
	background-image: url(bus/images/homepage/dkgrybanner.jpg); }
	
div.one2onedkgry a {
	color: #87f36b;
	font-size: .85em;
	text-decoration: none;
	}
	
div.one2onedkgry p {
margin-left: 3px;
	}


div.one2onedkblu {
	color: white;
	position: absolute;
	text-align: left;
	width: 246px;
	height: 139px;
	left: 496px;
	margin-left: 1px;
	padding: 0;
	background-image: url(bus/images/homepage/goldbanner.jpg); }
	

	
div.one2onedkblu a{
	color: #87f36b;
	font-size: .85em;
	text-decoration: none;
	}


div.one2onedkblu p {
margin-left: 3px;
	}


#botrow {
	position: absolute;
	bottom:8px;
	left: 3px;
	text-align: left;
	height: 139px;
	padding: 0;
	margin: 0px;
	width: 746px;
}

#bot2colab {
	position: absolute;
	bottom:0px;
	left: 249px;
	text-align: left;
	height: 139px;	
	padding: 0;
	margin: 0px;
	width: 494px;
	}

div.empty {
	position: relative;
	text-align: left;
	height: 139px;	
	padding: 0;
	margin: 1px;
	width: 246px;
	float: left;
	}

div.bot1colflgray {
	position: relative;
	text-align: left;
	height: 139px;	
	padding: 0;
	margin: 1px;
	width: 246px;
	float: left;
	background-image: url(res/images/homepage/gray-gradient.jpg);
	}
div.bot1colflblue{
	position: relative;
	text-align: left;
	height: 139px;	
	padding: 0;
	margin: 1px;
	width: 247px;
	float: left;
	background-color: #063a69;
	}


div.bot1colfl {
	position: relative;
	text-align: left;
	height: 139px;	
	padding: 0;
	margin: 1px;
	width: 246px;
	float: left;
	}

#botrow h1.blue {
	font-size: 1.35em;
	color: #073a69;
	font-weight: 400;
	width: 75%;

}

#botrow h1.blue a, #botrow h1.blue a:hover, #botrow h1.blue a {
	color: #073a69;
	font-weight: 400;
	text-decoration: none;
}

#botrow h1.grn {
	font-size: 1.35em;
	color: #87f36b;
	font-weight: 400;
	width: 75%;
}

#botrow h1.grn a, #botrow h1.grn a:hover, #botrow h1.grn a {
	color: #87f36b;
	font-weight: 400;
	text-decoration: none;
}

#toprow {
	position: absolute;
	left: -2px;
	top: 0px;
	left: 0;
	text-align: left;
	height: 130px;	
	padding: 10px;
	margin: 5px auto;
	width: 738px;
	font-size: 1.3em;
	}

#toprowall {
	position: absolute;
	left: 0px;
	top: 0px;
	left: 0;
	text-align: left;
	height: 360px;	
	padding: 0px;
	margin: 0;
	width: 738px;
	font-size: 1.3em;
	float: left;
	background-color: white;
	}

#toprow1colfl {
	position: absolute;
	left: -2px;
	top: 0px;
	left: 0;
	text-align: left;
	height: 260px;	
	padding: 10px;
	margin: 0;
	width: 230px;
	font-size: 1.3em;
	float: left;
	}

#toprow2colfl {
	position: absolute;
	left: -2px;
	top: 0px;
	left: 0;
	text-align: left;
	height: 130px;	
	padding: 10px;
	margin: 0;
	width: 485px;
	font-size: 1.3em;
	float: left;
	}

#midtop1colfl {
	position: absolute;
	bottom:140px;
	left: 249px;
	text-align: left;
	height: 350px;	
	padding: 0;
	margin: 0px;
	width: 246px;

	}

#mid1colpos1 {
	position: absolute;
	bottom:140px;
	left: 0px;
	text-align: left;
	height: 167px;	
	padding: 0;
	margin: 0px;
	width: 246px;

	}
	
#mid1colpos2 {
	position: absolute;
	bottom:140px;
	left: 248px;
	text-align: left;
	height: 167px;	
	padding: 0;
	margin: 0px;
	width: 246px;
	}

#midrow {
	position: absolute;
	bottom:140px;
	left: 249px;
	text-align: left;
	height: 242px;	
	padding: 0;
	margin: 0px;
	width: 492px;
	border: 0px solid yellow;
	}


#mid2colfl {
	position: absolute;
	bottom:140px;
	left: 1px;
	text-align: left;
	height: 242px;	
	padding: 0;
	margin: 0px;
	width: 246px;
	background-image: url(bus/images/homepage/middkgray.jpg);
	}
	

#grid {
	position: relative;
	float: left;
	height: 491px;
	text-align: left;
	width: 744px;
	margin: 0px;
	padding: 0px;
	border: 0px solid yellow;
}


div.smboxinner {
	position: relative;
	text-align: left;
	width: 237px;
	height: 129px;
	margin: 5px;
	padding: 0;
	border: solid 0px white; }
	
div.smboximage {
	position: relative;
	float: left;
	text-align: left;
	width: 55px;
	height: 115px;
	margin: 0px;
	padding: 0;
	border: solid 0px white; }
	
div.smboxright {
	position: relative;
	float: right;
	text-align: left;
	width: 174px;
	height: 115px;
	margin: 0px;
	padding: 0;
	border: solid 0px white; }

.portrait {
float: left;
width: 150px;
height: 220px;
background:white;
text-align: center;
color:gray; border: 0px gray solid;  padding: 0px; margin: 8px; font-family:Arial, Helvetica, sans-serif; font-weight: 100;
}

.subtext {font-size: .85em; margin: 0px; font-weight: 100;}

p.innerwhite { color: white;  margin: 5px; padding: 0px; text-align: right;}
div.moviebox {border: 1px solid gray; float: left; width: 151px; height: 290px; margin: 4px; padding: 0;}
p.premiertext {font-size: 12px; text-align:center; font-weight: bold; width: 100%;}
img.kriswardhp {float: right; margin: 18px 0px 0px 10px; padding: 0px;}

form.search {color: white; margin-left: 8px; margin-top: 5px; margin-bottom: 12px; padding: 0;}
form.search input { vertical-align: middle; }
input.button {background: transparent url(images-common/css-backgrounds/button-go.gif) no-repeat center top;

color: white; font-weight: bold; font-size: 13pt; width: 24px; height: 24px; border: 0;   cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */}



	
/*forms*/div.response {color: #0046d5; margin: 10px auto; padding: 5px;  background-color: #ffffcc;}
/*forms*/#response {color: #0046d5; margin: 10px auto; padding: 5px;   background-color: #ffffcc; display: none;}
label.formone {float:left; width: 12em; margin: 5px; padding: 0; text-align:right; }
label.formtwo {float:left; width: 3em; margin: 5px 5px 5px 160px; padding: 0; text-align:right;}
label.formthree {float:left; width: 3em; margin:5px; padding: 0; text-align:right;}
label.formfive {float:left; width: 7em; margin: 5px; padding: 0; text-align:left;}
label.formfour {float:left; width: 12em; margin: 5px; padding: 0; text-align:left;}
textarea.formone  {float: left; width: 19em; margin: 5px; padding: 0;  text-align:left; }
input.formone  {float: left; width: 19em; margin: 5px; padding: 0;  text-align:left; }
input.formoneC  {float: left; background-color: #ffffcc; width: 19em; margin: 5px; padding: 0;  text-align:left; }
input.formtwo  {float: left;  width: 3em; margin: 5px; padding: 0;  text-align:left; }
input.formfour2 {float: left; width: 1em; margin: 2px; padding: 0;  text-align:right; }
fieldset {margin:15px; padding:10px;}
input.button2 {margin-left: 30em;}
.formsbutton {clear: both; margin: 0em 0em 0em 29em; padding: 0;}
.boxform2col {
	border: solid 0 #0a59a4;
	float: left;
	color: #333333;
	text-align: left;
	width: 19em;
	position: relative;
	visibility: visible;
	margin: 5px;
	padding: 0; }
.boxform3col {
	border: solid 0 #0a59a4;
	float: left;
	color: #333333;
	text-align: left;
	width: 12em;
	position: relative;
	visibility: visible;
	margin: 2px;
	padding: 0;
 }
.mailform {
	margin-left: 5px;
	margin-top: 5px;
	padding: 0;
	color: #333333;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 1.5em; }
.directoryform {
	color: #333333;
	text-decoration: none;
	font-size: 0.9em;
	float: left;
	margin: 0.5em;
	line-height: 2.5em; }


#button1 {position: absolute; top: 168px; left: 667px;  width: 70px; height: 40px;}
#button1 a {display: block; width:100%; height:40px; background-image: url(/res/images/wireless/but-attf160off.jpg);}
#button1 a:hover  {background-image: url(/res/images/wireless/but-attf160on.jpg); }



#button2 {position: absolute; top: 206px; left: 667px;  width: 70px; height: 40px;}
#button2 a {display: block; width:100%; height:40px; background-image: url(/res/images/wireless/but-pantechcrosoff.jpg);}
#button2 a:hover  {background-image: url(/res/images/wireless/but-pantechcroson.jpg); }



#v3 {position: absolute; top: 243px; left: 667px;  width: 70px; height: 40px;}
#v3 a {display: block; width:100%; height:40px; background-image: url(/res/images/wireless/b-v3-off.jpg);}
#v3 a:hover  {background-image: url(/res/images/wireless/b-v3-on.jpg); }

div.location {border: 1px solid gray; width: 200px; float: left; height: 142px; margin: 10px; padding: 0px;}
div.location h3 { width: 98%; font-size: 12px; color: #0a59a4; background-color: #cccccc; margin: 0; padding: 2px;}
div.location h4 {font-size: 11px; font-weight: 100; margin: 0; padding: 2px;}


#acti {position: absolute; top: 36px; left: 393px;  width: 360px; height: 25px; z-index:1;}
#acti a {display: block; width:100%; height:25px; background-image: url(/res/images/wireless/activation-banner-sm.jpg);}
#acti a:hover  {background-image: url(/res/images/wireless/activation-banner-smhi.jpg); }


#loc {text-align: right; color: white; font-size: 11px; position: absolute; top: 57px; right: 15px; width: 250px; margin: 0; padding: 0;}

div.plancontainer {position: relative; width: 100%; margin: 22px 0 0 0; padding: 0; border: 1px solid gray;}

p.plandisclaimer {width: 95%; margin: 10px 5px; padding: 0; line-height: 1.1em; font-size: .85em; color: Gray;}

div.plantitle {width: 97%; padding: 0px; line-height: 21px; height: 22px; margin: 9px auto;
padding: 0; color: #063a69; font-weight: bold;}

div.planmonthly {position: absolute; top: 11px; right: 11px; height: 17px; width: 155px;}

span.planprice {position: absolute; left: 0; font-size: 13px; color: #063a69; font-weight: bold;}

span.planpricenumber {position: absolute; right: 0; font-size: 13px;
color: #f17303; font-weight: bold;}



i.planfirstdisclaimer {display: block; margin: 10px 0px; font-size: .85em;}

div.plandescription {width: 72%; margin: 10px 0 0 12px; padding: 0;}

p.plandetaildescription {color: #063a69; font-size: 1em; line-height: 1.2em;}





div.iphone {position: relative; width: 97%; margin: 22px auto; padding: 0; border: 1px solid gray;}
div.plantitle {width: 97%; padding: 0px; line-height: 21px; height: 22px; margin: 9px auto;
padding: 0; color: #0a94d6; font-weight: bold;}

div.iphone div.pricing {position: absolute; z-index: 10;top: 90px; left: 450px; height: 50px; width: 150px;}
div.iphone span.price {position: absolute; z-index: 10; right: 0; top: 18px; font-size: 20px; line-height: 24px; color: #0a94d6;}
div.iphone span.pricedescrip {position: absolute; z-index: 10;  top: 0; right:0; font-size: 10px; color: gray;}

div.iphone div.plandescription {color: #5d5d5d; width: 62%; margin: 10px 0 0 12px; padding: 0;}
div.iphone div.plandescription p.plandescriptionsub {font-size: .85em; margin: 7px 0;}

div.iphone div.plandescription ul {margin: 3px 25px; padding: 0;}
div.iphone div.plandescription ul li {list-style-type: disc;}

img.iphone {position: absolute; right: 15px; top: 20px; z-index: 0;}

/* Portlet BottomUp Gradient Gray css */
div.portbox-graybotupgrad {background-color: #ececec; color: #391a08; display: block; position: relative; width: 100%; border:0px solid #391a08; margin: 0px 0px 4px 0px; padding: 0;}
div.portbox-graybotupgradHeader {position: relative; color: white;  width: 100%; font-size: 1.05em; font-weight: 500; line-height: 1.3em; height:5px;}
div.portbox-graybotupgradHeader div.left { background: url(/res/images/modulegraphics/graybotupgrad-bg/graybotupgrad-topcornerL.jpg); background-repeat:no-repeat; position: absolute; width: 8px; height: 5px; left:0; top: 0;}
div.portbox-graybotupgradHeader div.right {background: url(/res/images/modulegraphics/graybotupgrad-bg/graybotupgrad-topcornerR.jpg); background-repeat:no-repeat; position: absolute; background-position: top right; width: 8px; height: 5px; right:0; top:0;}
div.portbox-graybotupgradHeader div.center {background: url(/res/images/modulegraphics/graybotupgrad-bg/graybotupgrad-centerT.jpg); background-repeat:repeat-x;  position: absolute;  height: 5px; left:8px; width: 620px; right: 8px; top:0;}
div.portbox-graybotupgradHeader toggle {width: 20px; height: 20px; background-color: black; position: absolute; right: 2px; top: 2px;}
div.portbox-graybotupgradBody {position:relative; height: 190px; width:100%; margin: 0px;  display: block;}
div.portbox-graybotupgradBody div.left {background: url(/res/images/modulegraphics/graybotupgrad-bg/graybotupgrad-left.jpg); height: 190px; background-repeat:repeat-y; position: absolute; width: 9px; left:0; top:0px;}
div.portbox-graybotupgradBody div.right {background: url(/res/images/modulegraphics/graybotupgrad-bg/graybotupgrad-right.jpg); background-position: top right; height: 190px; background-repeat:repeat-y; position: absolute; width: 9px;  right:0; top:0px;}
div.portbox-graybotupgradBody div.center {background-color: #ececec; position: absolute;  left:8px; right: 8px; height: 80px; top:0px;}
div.portbox-graybotupgradFooter {clear:both; background: url(/res/images/modulegraphics/graybotupgrad-bg/graybotupgrad-bottomonly.jpg); background-repeat:repeat-x; position: relative; width: 100%; top:0px; font-size: 1.2em; line-height: 1.3em;}
div.portbox-graybotupgradFooter div.left {background: url(/res/images/modulegraphics/graybotupgrad-bg/graybotupgrad-bottomcorner.jpg); background-repeat:no-repeat; position: absolute; width: 9px; height: 9px; left:0; top: 0;}
div.portbox-graybotupgradFooter div.right {background: url(/res/images/modulegraphics/graybotupgrad-bg/graybotupgrad-bottomcornerR.jpg); background-position: top right; background-repeat:no-repeat; position: absolute; width: 9px; height: 9px; right:0; top:0;}
div.portbox-graybotupgradFooter div.center {background: url(/res/images/modulegraphics/graybotupgrad-bg/graybotupgrad-centerB.jpg); background-repeat:repeat-x; position: absolute; width: 620px;  height: 9px; left:8px; right: 8px; top:0;}
#bdygraybotupgrad {color: #5a5a5c; position: absolute; z-index: 1; margin: 0; padding: 0; width: 98%;}
#bdygraybotupgrad div {color: #5a5a5c;  margin: 0; padding: 0; width: 98%;}

                                        
/* Portlet Simple Pastel Blue css */

div.pastel-blue {background-color: #d9ebf7; font: arial; font-size: .9em;  color: black; display: block; position: relative; width: 100%; border:0px solid #391a08; margin: 0px 0px 4px 0px; padding: 0;}
div.pastel-blue p {font-size: .8em;}

div.pastel-blueHeader {position: relative; color: white;  width: 100%; font-size: 1.05em; font-weight: 500; line-height: 1.3em; height:5px;}
div.pastel-blueHeader div.left { background: url(/res/images/modulegraphics/pastelSeries/ltblue/ltblue-topcornerL.jpg); background-repeat:no-repeat; position: absolute; width: 12px; height: 12px; left:0; top: 0;}
div.pastel-blueHeader div.right {background: url(/res/images/modulegraphics/pastelSeries/ltblue/ltblue-topcornerR.jpg); background-repeat:no-repeat; position: absolute; background-position: top right; width: 12px; height: 12px; right:0; top:0;}
div.pastel-blueHeader div.center {background: url(/res/images/modulegraphics/pastelSeries/ltblue/ltblue-centerT.jpg); background-repeat:repeat-x;  position: absolute;  height: 5px; left:8px; width: 620px; right: 8px; top:0;}
div.pastel-blueHeader toggle {width: 20px; height: 20px; background-color: black; position: absolute; right: 2px; top: 2px;}
div.pastel-blueBody {position:relative;height: 206px; width:100%; margin: 0px;  display: block;}
div.pastel-blueBody div.left {background: url(/res/images/modulegraphics/pastelSeries/ltblue/ltblue-left.jpg); height: 290px; background-repeat:repeat-y; position: absolute; width: 9px; left:0; top:0px;}
div.pastel-blueBody div.right {background: url(/res/images/modulegraphics/pastelSeries/ltblue/ltblue-right.jpg); background-position: top right; height: 190px; background-repeat:repeat-y; position: absolute; width: 9px;  right:0; top:0px;}
div.pastel-blueBody div.center { position: absolute;  left:8px; right: 8px; height: 80px; top:0px;}
div.pastel-blueFooter {clear:both; background: url(/res/images/modulegraphics/pastelSeries/ltblue/ltblue-bottomonly.jpg); background-repeat:repeat-x; position: relative; width: 100%; top:0px; font-size: 1.2em; line-height: 1.3em;}
div.pastel-blueFooter div.left {background: url(/res/images/modulegraphics/pastelSeries/ltblue/ltblue-bottomcornerL.jpg); background-repeat:no-repeat; position: absolute; width: 12px; height: 12px; left:0; top: 0;}
div.pastel-blueFooter div.right {background: url(/res/images/modulegraphics/pastelSeries/ltblue/ltblue-bottomcornerR.jpg); background-position: top right; background-repeat:no-repeat; position: absolute; width: 12px; height: 12px; right:0; top:0;}
div.pastel-blueFooter div.center {background: url(/res/images/modulegraphics/pastelSeries/ltblue/ltblue-centerB.jpg); background-repeat:repeat-x; position: absolute; width: 620px;  height: 12px; left:8px; right: 8px; top:0;}

/* Portlet Simple Pastel pink css */
div.pastel-pink {background-color: #fdeadc;font: arial; font-size: .9em;  color: black; display: block; position: relative; width: 100%; border:0px solid #391a08; margin: 0px 0px 4px 0px; padding: 0;}
div.pastel-pink p {font-size: .8em;}

div.pastel-pinkHeader {position: relative; color: white;  width: 100%; font-size: 1.05em; font-weight: 500; line-height: 1.3em; height:5px;}
div.pastel-pinkHeader div.left { background: url(/res/images/modulegraphics/pastelSeries/ltpink/ltpink-topcornerL.jpg); background-repeat:no-repeat; position: absolute; width: 12px; height: 12px; left:0; top: 0;}
div.pastel-pinkHeader div.right {background: url(/res/images/modulegraphics/pastelSeries/ltpink/ltpink-topcornerR.jpg); background-repeat:no-repeat; position: absolute; background-position: top right; width: 12px; height: 12px; right:0; top:0;}
div.pastel-pinkHeader div.center {background: url(/res/images/modulegraphics/pastelSeries/ltpink/ltpink-centerT.jpg); background-repeat:repeat-x;  position: absolute;  height: 5px; left:8px; width: 620px; right: 8px; top:0;}
div.pastel-pinkHeader toggle {width: 20px; height: 20px; background-color: black; position: absolute; right: 2px; top: 2px;}
div.pastel-pinkBody {position:relative; background-color: #fdeadc; height: 206px; width:100%; margin: 0px;  display: block;}
div.pastel-pinkBody div.left {background: url(/res/images/modulegraphics/pastelSeries/ltpink/ltpink-left.jpg); height: 290px; background-repeat:repeat-y; position: absolute; width: 9px; left:0; top:0px;}
div.pastel-pinkBody div.right {background: url(/res/images/modulegraphics/pastelSeries/ltpink/ltpink-right.jpg); background-position: top right; height: 190px; background-repeat:repeat-y; position: absolute; width: 9px;  right:0; top:0px;}
div.pastel-pinkBody div.center { position: absolute;  left:8px; right: 8px; height: 80px; top:0px;}
div.pastel-pinkFooter {clear:both; background: url(/res/images/modulegraphics/pastelSeries/ltpink/ltpink-bottomonly.jpg); background-repeat:repeat-x; position: relative; width: 100%; top:0px; font-size: 1.2em; line-height: 1.3em;}
div.pastel-pinkFooter div.left {background: url(/res/images/modulegraphics/pastelSeries/ltpink/ltpink-bottomcornerL.jpg); background-repeat:no-repeat; position: absolute; width: 12px; height: 12px; left:0; top: 0;}
div.pastel-pinkFooter div.right {background: url(/res/images/modulegraphics/pastelSeries/ltpink/ltpink-bottomcornerR.jpg); background-position: top right; background-repeat:no-repeat; position: absolute; width: 12px; height: 12px; right:0; top:0;}
div.pastel-pinkFooter div.center {background: url(/res/images/modulegraphics/pastelSeries/ltpink/ltpink-centerB.jpg); background-repeat:repeat-x; position: absolute; width: 620px;  height: 12px; left:8px; right: 8px; top:0;}


/* Portlet Simple Pastel green css */
div.pastel-green {background-color: #edf6e3; font: arial; font-size: .9em;  color: black; display: block; position: relative; width: 100%; border:0px solid #391a08; margin: 0px 0px 4px 0px; padding: 0;}
div.pastel-green p {font-size: .8em;}

div.pastel-greenHeader {position: relative; color: white;  width: 100%; font-size: 1.05em; font-weight: 500; line-height: 1.3em; height:5px;}
div.pastel-greenHeader div.left { background: url(/res/images/modulegraphics/pastelSeries/ltgreen/ltgreen-topcornerL.jpg); background-repeat:no-repeat; position: absolute; width: 12px; height: 12px; left:0; top: 0;}
div.pastel-greenHeader div.right {background: url(/res/images/modulegraphics/pastelSeries/ltgreen/ltgreen-topcornerR.jpg); background-repeat:no-repeat; position: absolute; background-position: top right; width: 12px; height: 12px; right:0; top:0;}
div.pastel-greenHeader div.center {background: url(/res/images/modulegraphics/pastelSeries/ltgreen/ltgreen-centerT.jpg); background-repeat:repeat-x;  position: absolute;  height: 5px; left:8px; width: 620px; right: 8px; top:0;}
div.pastel-greenHeader toggle {width: 20px; height: 20px; background-color: black; position: absolute; right: 2px; top: 2px;}
div.pastel-greenBody {position:relative;height: 206px; width:100%; margin: 0px;  display: block;}
div.pastel-greenBody div.left {background: url(/res/images/modulegraphics/pastelSeries/ltgreen/ltgreen-left.jpg); height: 290px; background-repeat:repeat-y; position: absolute; width: 9px; left:0; top:0px;}
div.pastel-greenBody div.right {background: url(/res/images/modulegraphics/pastelSeries/ltgreen/ltgreen-right.jpg); background-position: top right; height: 190px; background-repeat:repeat-y; position: absolute; width: 9px;  right:0; top:0px;}
div.pastel-greenBody div.center { position: absolute;  left:8px; right: 8px; height: 80px; top:0px;}
div.pastel-greenFooter {clear:both; background: url(/res/images/modulegraphics/pastelSeries/ltgreen/ltgreen-bottomonly.jpg); background-repeat:repeat-x; position: relative; width: 100%; top:0px; font-size: 1.2em; line-height: 1.3em;}
div.pastel-greenFooter div.left {background: url(/res/images/modulegraphics/pastelSeries/ltgreen/ltgreen-bottomcornerL.jpg); background-repeat:no-repeat; position: absolute; width: 12px; height: 12px; left:0; top: 0;}
div.pastel-greenFooter div.right {background: url(/res/images/modulegraphics/pastelSeries/ltgreen/ltgreen-bottomcornerR.jpg); background-position: top right; background-repeat:no-repeat; position: absolute; width: 12px; height: 12px; right:0; top:0;}
div.pastel-greenFooter div.center {background: url(/res/images/modulegraphics/pastelSeries/ltgreen/ltgreen-centerB.jpg); background-repeat:repeat-x; position: absolute; width: 620px;  height: 12px; left:8px; right: 8px; top:0;}


/* Portlet Simple Pastel graycss */
div.pastel-gray {background-color: #f4f4f2; font: arial; font-size: .9em;  color: black; display: block; position: relative; width: 100%; border:0px solid #391a08; margin: 0px 0px 4px 0px; padding: 0;}
div.pastel-gray p {font-size: .8em;}

div.pastel-grayHeader {position: relative; color: white;  width: 100%; font-size: 1.05em; font-weight: 500; line-height: 1.3em; height:5px;}
div.pastel-grayHeader div.left { background: url(/res/images/modulegraphics/pastelSeries/ltgray/ltgray-topcornerL.jpg); background-repeat:no-repeat; position: absolute; width: 12px; height: 12px; left:0; top: 0;}
div.pastel-grayHeader div.right {background: url(/res/images/modulegraphics/pastelSeries/ltgray/ltgray-topcornerR.jpg); background-repeat:no-repeat; position: absolute; background-position: top right; width: 12px; height: 12px; right:0; top:0;}
div.pastel-grayHeader div.center {background: url(/res/images/modulegraphics/pastelSeries/ltgray/ltgray-centerT.jpg); background-repeat:repeat-x;  position: absolute;  height: 5px; left:8px; width: 620px; right: 8px; top:0;}
div.pastel-grayHeader toggle {width: 20px; height: 20px; background-color: black; position: absolute; right: 2px; top: 2px;}
div.pastel-grayBody {position:relative;height: 206px; width:100%; margin: 0px;  display: block;}
div.pastel-grayBody div.left {background: url(/res/images/modulegraphics/pastelSeries/ltgray/ltgray-left.jpg); height: 290px; background-repeat:repeat-y; position: absolute; width: 9px; left:0; top:0px;}
div.pastel-grayBody div.right {background: url(/res/images/modulegraphics/pastelSeries/ltgray/ltgray-right.jpg); background-position: top right; height: 190px; background-repeat:repeat-y; position: absolute; width: 9px;  right:0; top:0px;}
div.pastel-grayBody div.center { position: absolute;  left:8px; right: 8px; height: 80px; top:0px;}
div.pastel-grayFooter {clear:both; background: url(/res/images/modulegraphics/pastelSeries/ltgray/ltgray-bottomonly.jpg); background-repeat:repeat-x; position: relative; width: 100%; top:0px; font-size: 1.2em; line-height: 1.3em;}
div.pastel-grayFooter div.left {background: url(/res/images/modulegraphics/pastelSeries/ltgray/ltgray-bottomcornerL.jpg); background-repeat:no-repeat; position: absolute; width: 12px; height: 12px; left:0; top: 0;}
div.pastel-grayFooter div.right {background: url(/res/images/modulegraphics/pastelSeries/ltgray/ltgray-bottomcornerR.jpg); background-position: top right; background-repeat:no-repeat; position: absolute; width: 12px; height: 12px; right:0; top:0;}
div.pastel-grayFooter div.center {background: url(/res/images/modulegraphics/pastelSeries/ltgray/ltgray-centerB.jpg); background-repeat:repeat-x; position: absolute; width: 620px;  height: 12px; left:8px; right: 8px; top:0;}