@charset "UTF-8";
/* CSS Document */

#slideContentWrapper {float:left; width:936px; margin-top:10px;}

#TL, #TR, #BL, #BR {float:left; background:no-repeat top left; margin:0px;}

#TL h2, #TR h2, #BR h2{background:no-repeat top left; text-indent:-9999px; margin:10px 0 0 12px; position:relative;}

/* Featured Phones */
#TL {width:618px; margin:0 17px 12px 0; height:320px; background-image:url(../_img/handset/handsetTL.gif);}
#TL.plans {background-image:url(../_img/plans/plansTL.gif);;}
	#TL h2 {background-image:url(../_img/handset/h2_featurephone.gif); width:150px; margin-bottom:0px;}
	#TL ul#features {float:right;}
	#TL ul#features li {height:21px; width:20px; margin-left:0px; display:inline;}
	
	#TL #btn1 {float:right; margin-left: 530px; padding: 0; top: -15px; position: absolute; width: 20px;height: 21px;}  
	#TL #btn2 {float:right; margin-left: 555px; padding: 0; top: -15px; position: absolute; width: 20px;height: 21px;}  
	#TL #btn3 {float:right; margin-left: 580px; padding: 0; top: -15px; position: absolute; width: 20px;height: 21px;} 

/* All Phones */
#TR {width:300px; height:320px; background-image:url(../_img/handset/handsetTR.gif);}
	#TR h2 {background-image:url(../_img/handset/h2_allphones.gif); margin-bottom:5px;}
	
	#TR h2.plans {background-image:url(../_img/plans/h2_allplans.gif); margin-bottom:5px;}
	
	#TR div {width:276px; border-bottom:1px solid #ccc; margin:0 12px 0px 12px; height:72px;}
	#TR div.plan {width:276px; border-bottom:1px solid #ccc; margin:0 12px 0px 12px; height:81px; padding-top:15px;}
	#TR div.last {border:0;}
	
	#TR p {width:190px; float:left; margin:9px 70px 5px 0; line-height:15px;}

	#TR a {font-size:14px; font-weight:bold;}

/* Featured Offer */	
#BL {width:618px; margin:0 17px 0 0;  height:110px;}
	#BL h2 {text-indent:-9999px; float:left;}

#BL div.box {
	width:300px; height:230px; float:left; background:url(../_img/plans/plans_box.gif) no-repeat top left;
}

#BL .first {
		margin-right:18px;
}

#BL h3 {
	margin:15px 0 20px 20px; color:#ff6319; text-transform:uppercase; font-size:16px; font-weight:bold;
}

#BL h3 span {
	color:#37424a;
}
		
#BL .plans {
	background-color:#f3f1e0; border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:6px 10px; width:240px; margin:0 auto; font-size:13px; color:#37424a; line-height:19px;
}

#BL .plans div.type {
	width:165px; float:left;
}

#BL .plans div.price {
	color:#ff6319; font-weight:bold;	
}

#BL .plans div.price span{
	/* text-transform:uppercase; */ font-size:11px; color:#37424a;
}

#BL .bottom {
	position:absolute; bottom:50px; width:300px; margin:0 auto; vertical-align:bottom;
}

#BL .bottom div.copy {float:left; width:200px; padding:20px 0 0 0;}

#BL .bottom p {
	font-weight:bold; font-size:12px; line-height:16px;
}

#BL .bottom img {
	float:left; margin: 10px 10px 0 20px;
}

#BR .plans {
	width:300px; height:230px; float:right; background:url(../_img/plans/plans_box2.gif) no-repeat top left; text-align:center;
}

.more {
	background:url(../_img/home_ab-1009/arrow.png) no-repeat scroll right top transparent; height:22px; padding:1px 27px 3px 0;
}

#BL .bottom a, 
 
#BL .bottom a:visited, 
#BL .bottom a:active {
	color:#ff6319; font-weight:bold; text-transform:uppercase; text-decoration:none; line-height:20px; position:absolute; bottom:5px;
}

#BL .bottom a:hover {text-decoration:underline;}



/* Accessories */
#BR {width:300px; height:110px; background-image:url(../_img/handset/handsetBR.gif);}
	#BR h2 {background-image:url(../_img/handset/h2_accessories.gif);}
	#BR img {margin:7px 12px 0 18px; float:left;}
	#BR p {float:left; clear:right; width:195px; margin:15px 0 5px 0; line-height:15px}
	
	#BR .plans a {width:300px; height:230px; position:inherit; top:0px; left:0px; float:left; z-index:1;}

	

#hdr_standard {color:#37424A; font-size:24px; font-weight:bold; height:30px; margin:15px 0 0 -20px; width:642px; float:left; text-transform:uppercase;}

#coverageMaps {float:left;}

.plansTitle {
height:52px;
margin:0 auto;
padding-bottom:30px;
position:relative;
width:936px;
}

.plansTitle h1 {
float:left;
padding-left:30px;
position:relative;
top:25px;
z-index:11;
}


#subContentWrapper{display:none;}

.largeButton {display:block; float:left; margin:5px 0 0 18px;}

.style1 {background:url(../_img/handset/btn1.png) no-repeat bottom right; width:20px; height:21px; text-indent:-9999px;}
	.style1ON, .style1:hover {background:url(../_img/handset/btn1.png) no-repeat top left; text-indent:-9999px;}

.style2 {background:url(../_img/handset/btn2.png) no-repeat bottom right; text-indent:-9999px; }
	.style2ON, .style2:hover {background:url(../_img/handset/btn2.png) no-repeat top left; text-indent:-9999px;}


.style3 {background:url(../_img/handset/btn3.png) no-repeat bottom right; text-indent:-9999px; }
	.style3ON, .style3:hover {background:url(../_img/handset/btn3.png) no-repeat top left; text-indent:-9999px;}
	
#test {height:1px;}	

.featureMain div{padding:15px 25px 0 295px;}

.featureMain h3{font-size:30px; font-weight:bold; margin:0 0 10px 295px;}

.featureMain p {font-size:14px; line-height:17px; margin:0 0 10px 295px;}

.featureMain a {font-size:14px; font-weight:bold; margin-left:335px;}

.featureMain ul {margin:0px 0 15px 335px; padding:0px; list-style-type:disc;}

.featureMain li {line-height:15px; margin:0 0 6px 0; padding:0; background-image:none; vertical-align:middle;}/* Define dimensions, and hide anything outside of the div wrapper.
   This is so only the first news story displays as the other
   stories are below the wrapper div if Javascript is shut off.*/

div#slideShow{
	width:615px;
	height:288px;
	overflow:hidden;
}

/* Container for the tabs, the width is set so when we float the tabs right they align with the edge of the slideshow */
ol#slideShowCount{
	margin:0px;
	padding:0px;
	width:610px;
	height:21px;
	margin:6px 5px 4px 0;	
}

/* Float the tabs to the right, and give them a background image that looks like a tab. */
ol#slideShowCount li.slide{
	line-height:22px;
	float:right;
	cursor:pointer;
	width:21px;
	height:21px;
	display:block;
	background: transparent url(../_img/handset/tabs.gif) no-repeat 0 0;
	margin:0 0 0 5px;
	color:#ff6319;
}

/* Style the numbers inside of each tab */
ol#slideShowCount li.slide span{
	padding:3px 0 0 7px;
	font-weight:bold;
	font-size:14px;
	height:18px;
}

/* Roll over / selected state for the tab */

/*Shifts background image up, there is a selected state below the regular state in the image */
ol#slideShowCount li.slide:hover,
ol#slideShowCount li.slide.selectedTab{
	background-position:left -21px;
	color:#ffffff;
}