/* CSS Document */

/********************************************************************************
			RESETS
********************************************************************************/

body, div, ul, ol, li, h1, h2, h2, h4, h5, h6, form, input, textarea, label, p, strong, em, table { margin: 0; padding: 0;}
ul, ol { list-style: none;}
h1, h2, h2, h4, h5, h6 { font-size: 100%;}
img { border: 0;}
sup, sub { position: relative ;height: 0; line-height: 1; vertical-align: baseline !important; vertical-align: bottom;}
sup { bottom: .75ex;}
p.price span sup.price { font-size: 30%; bottom: 3ex;}
sub { top: .5ex;}

/********************************************************************************
			GLOBAL STYLES
********************************************************************************/

a { color: #65b445; text-decoration: underline; outline: none;}
a:active { outline: none;}
a:hover { text-decoration: none;}
a.no-link { color: #000000; text-decoration: none;}
a.no-underline { text-decoration: none;}
#content ul.ordered-list { list-style-type: decimal; }
h1 { font: normal bold 25px/105% Helvetica, Arial, sans-serif; color: #65b445; border-bottom: #000000 solid 1px; padding-bottom: 5px; margin-bottom: 15px; clear: both;}
h2 { font: normal bold 18px/125% Helvetica, Arial, sans-serif; color: #000000; margin-bottom: 5px;}
	h2 sup { font-size: 70%;}
h2.green { color: #65b445;}
h2.faq { color: #65b445; margin: 30px 0 0;}
h3 { font: normal bold 14px/105% Helvetica, Arial, sans-serif; color: #000000;}
.green { color: #65b445;}
.white { color:#ffffff;}
.red { color: #f00000;}
.float-left { float: left; margin: 0 10px 10px 0;}
.float-right { float: right; margin: 0 0 10px 10px;}
.no-margin { margin: 0;}
.img-fix { font-size: 1px;} /* what do you know, a fix for IE!! this fixes the extra space created between an img and the element directly after it */
.clear { display: block; clear: both; font-size: 1px; line-height: 1px;}

/********************************************************************************
			BACKGROUNDS
********************************************************************************/

body { background: #000000 url(/images/top-bar-repeat.jpg) repeat-x left 32px; font-family: Helvetica, Arial, sans-serif;}

/********************************************************************************
			WRAPPERS
********************************************************************************/

#background-wrapper { background: url(/images/top-nav-bar.jpg) no-repeat center top; min-height: 750px; height: auto !important; height: 750px;}
#wrapper { background: url(/images/top-nav-bar.jpg) no-repeat center top; width: 960px; margin: auto;}
#left-column { float: left; display: inline; width: 710px; margin-right: 10px;}
#right-column { float: right; display: inline; width: 240px;}
#content-wrapper { width: 710px; margin: 0;}
#content-wrapper-960 { width: 960px; margin-top: 10px;} /* for pages with no right column */

/********************************************************************************
			HEADER
********************************************************************************/

#tagline { font: normal normal 12px/32px Helvetica, Arial, sans-serif; color: #cccccc; text-align: center;}
#header { height: 67px;}

/* zip lookup for order experience (box styles are in modal_popup.css */
#order-zip-check p { font-size: 16px; color: #ffffff;}
#order-zip-lookup { margin-top: 10px;}
	#order-zip-lookup input { float: left; width: 110px; height: 15px; font-size: 15px; text-align: center; padding: 8px 0 10px; margin-right: 5px; border: #000000 solid 1px;}
	#order-zip-lookup .submit { display: block; float: left; background: url(/images/zip-search-submit.png) no-repeat; width: 101px; height: 35px; padding: 0; margin: 0; border: 0;}

/********************************************************************************
			MAIN NAV
********************************************************************************/

table#main-nav-center { margin: auto;}
	#main-nav { height: 60px; margin: auto;}
		#main-nav ul { text-align: center;}
			#main-nav ul li { float: left;}
			#main-nav ul li.main-nav-divider { background: url(/images/main-nav-divider.jpg) no-repeat; width: 2px; height: 60px;}
				#main-nav a { font: normal normal 17px/60px Helvetica, Arial, sans-serif; line-height: 60px; color: #000000; text-decoration: none; padding: 21px 25px 22px 25px;}
				#main-nav a:hover, #main-nav-active a { background: url(/images/main-nav-hover.jpg) repeat-x; color: #ffffff;}

/* navigation on the order experience */
.order#main-nav a { padding: 21px 24px 22px;}

/********************************************************************************
			BANNERS
********************************************************************************/

/* seasonal banners */

.banner_black_friday { margin:-26px 0 4px 0; }

/********************************************************************************
			LEFT COLUMN CONTENT
********************************************************************************/

/* logo,phone and promo area above hero image and countdown banner */
#logo-phone { width: 710px; height: 109px; font: normal normal 25px/100% Helvetica, Arial, sans-serif; color: #8c9793; margin-bottom: 14px; position: relative;}
	a#clear-logo { position: absolute; left: 0; top: 27px;}
	#logo-phone p { position: absolute; left: 250px; top: 27px;}
		#logo-phone .phone { font: normal bold 37px Helvetica, Arial, sans-serif; color: #a4d65a;}
	#logo-phone p#promo { top:70px; font: normal 16px Helvtica, Arial, sans-serif; color: #8c9793; width: 380px; text-align:center;}
		
/* countdown banner */		
#countdown-banner { background: url(/images/countdown-banner.png) no-repeat; width: 710px; height: 50px; margin: 0 0 10px;
					font: normal bold 24px/25px Helvetica, Arial, sans-serif; color: #ffffff; text-transform: uppercase;}
	#countdown-banner p { float: left; padding-top: 15px;}
	#countdown-banner #time { float: left; background: url(/images/countdown-banner-time.png) no-repeat; width: 37px; height: 40px; line-height: 40px; text-align: center; color: #fff000;}

/* countdown banner large */
#countdown-banner-large { background: url(/images/countdown-banner-large.png) no-repeat; width: 710px; height: 135px; margin: 0 0 10px;}
#countdown-banner-large .time-bg { display: inline-block; background: url(/images/countdown-banner-time.png) no-repeat; width: 37px; height: 40px; line-height: 40px; text-align: center; color: #fff000; position: relative;}
	/* left column */
	#countdown-banner-large .left-column { float: left; display: inline; width: 480px; text-align: center; font: normal bold 20px/40px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ffffff; padding-top: 8px;}
	#countdown-banner-large #bonus-offer { font: normal bold 32px/32px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ffffff; padding-bottom: 5px;}
		#bonus-offer span { color: #fff000;}
	/* right column */
	#countdown-banner-large .right-column { float: right; display: inline; width: 220px; font: normal bold 16px/32px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff000; padding: 10px 0 0 10px;}
		#countdown-banner-large #hours { font-size: 12px; line-height: 16px; color: #ffffff;}
		#countdown-banner-large .right-column .phone { font-size: 22px; line-height: 32px;}
		
/* countdown banner thanksgiving */
#countdown-banner-turkey { background: #a60000 url(/images/banner-repeat.png) repeat-x; font: normal bold 20px/40px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ffffff; text-align: center; margin: 0 0 10px; position: relative;}
#countdown-banner-turkey sup { font-size: 35%; height: 0; line-height: 1; position: relative; left: 2px; top: -15px; vertical-align: baseline !important; vertical-align: bottom;}
#countdown-banner-turkey img { position: absolute; left: -35px; top: -40px;}
#countdown-banner-turkey .time-bg { display: inline-block; background: url(/images/countdown-banner-time.png) no-repeat; width: 37px; height: 40px; line-height: 40px; text-align: center; color: #fff000; position: relative;}
	#countdown-banner-turkey #bonus-offer { font: normal bold 32px/36px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ffffff; padding: 5px 0;}
	#countdown-banner-turkey #countdown { padding-bottom: 10px;}
		#bonus-offer span { color: #fff000;}
		
/* countdown banner christmas 101 & 103 */
#countdown-banner-large-holiday { background: #a60000 url(/images/banner-repeat.png) repeat-x; font: normal bold 20px/40px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ffffff; text-align: center; margin: 0 0 10px; position: relative; border-radius: 10px; -moz-border-radius: 10px;}
	.holiday-offer { color: #ffffff; width: 710px; text-align: center; font:normal bold 30px "Helvetica Neue", Helvetica, Arial, sans-serif; padding:10px 0 0 0;}
		.holiday-offer span { color: #fff000;}
		.holiday-offer .legal { color: #fff; font-size:20px; font-weight:normal; }
		.holiday-offer sup { font-size: 35%; height: 0; line-height: 1; position: relative; left: 2px; top: -15px; vertical-align: baseline !important; vertical-align: bottom;}
	.holiday-time-left { font: normal bold 20px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;color: #ffffff; width:710px; display: inline-block; text-align: center; margin: 0 auto; padding: 10px 0;}
	.holiday-time-bg { display: inline-block; background: url(/images/countdown-banner-time.png) no-repeat; width: 37px; height: 40px; line-height: 40px; text-align: center; color: #fff000; position: relative;}
	.holiday-date { float: left; width:710px; display: inline; text-align: center; font: normal bold 20px/24px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ffffff; padding-top: 10px; margin: 0 auto;}
	#countdown-banner-large-holiday img { position: absolute; left: -35px; top: -40px;}
	
/* hero image for 130, 131, 132 - allows for padding below image, other experiences dont need it because its saved in the image */
#hero-image-bottom-padding { padding: 0 0 10px 0;}

/* clear services boxes below hero image */
#clear-service-boxes { width: 710px; height: 130px; margin: 10px 0;}
	#clear-service-boxes img { float: left; display: inline; margin-right: 10px;}
	#clear-service-boxes .no-margin { margin: 0;}
	
/* quote slider for 135 */
#scrollup { background: #000000; position: relative; overflow: hidden; border: 1px solid #808080; height: 75px; width: 708px; margin: 0 auto 6px auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#scrollup .headline { position: absolute; top: 210px; left: 5px; height: 65px; width:700px;}
	
/* main content area */	
#content { background: url(/images/content-repeat.png) repeat-y; font: normal normal 12px/150% Helvetica, Arial, Helvetica, sans-serif; color: #000000; padding: 10px 25px 20px;}
	#content p { margin-bottom: 1em;}
	#content p#limited-time-offer-zip { background: #fe0000 url(/images/callout-bg-red.png) repeat-x left bottom; border: 0; font-size: 17px; line-height: 24px; text-align: left; color: #ffffff;}
	#content p#limited-time-offer { font-size: 17px; line-height: 24px; text-align: center;}
		p#limited-time-offer span { font-size: 21px; font-weight: bold; color: #65b445;}
		p#limited-time-offer-zip span { font-size: 21px; font-weight: bold; color: #ffff00;}
	#content ol { list-style-type: decimal; margin: 1em 0 1em 35px;}
		#content ol ul { list-style-type:disc; margin: 0 0 0 25px;}
	#content ul { list-style-type: disc; margin: 1em 0 1em 35px;}
	#content img.border { border: #000000 solid 1px; padding: 2px; margin-top: 3px;}
	#content img#deals-chart { margin: 0 0 20px 0;}
	#content div.img-caption { width: 225px; font-size: 11px; line-height: 14px; text-align: center;}
		div.img-caption p { background: #f2f2f2; padding: 10px; margin-top: 2px;}
	#content .two-columns { float: left; width: 50%;}
	#content .callout { background: #f2f2f2; border: #bfbfbf solid 1px; padding: 15px; margin-bottom: 1.5em; border-radius: 10px; -moz-border-radius: 10px;}
	#content .callout-red { background: #a60000 url(/images/banner-repeat.png) repeat-x; border: #ff0000 solid 1px; padding: 15px; margin-bottom: 1.5em; border-radius: 10px; -moz-border-radius: 10px;}
		#content .callout-red span { font-size: 17px; line-height: 2; color: #ffffff;}
			#content .callout-red span span { font-size: 40px; line-height: 1;}
			#content .callout-red span span span { color: #fffc00;}
		#content .callout ol { margin: 0 0 0 20px;}
	.coverage-map { display: block; border: #000000 solid 1px; padding: 2px; margin: auto;}
		
	/* home page list with icons */
	ul#mobile-home-voice { margin: 0; padding: 0; list-style: none;}
		li#mobile { background: url(../images/clear-mobile.png) no-repeat left 50%; padding: 0 0 0 70px; margin: 0 0 15px;}
		li#home { background: url(../images/clear-home.png) no-repeat left 50%; padding: 0 0 0 70px; margin: 0 0 15px;}
		li#ispot { background: url(../images/ispot.png) no-repeat left 50%; padding: 0 0 0 70px; margin: 0 0 15px;}
		li#voice { background: url(../images/clear-voice.png) no-repeat left 50%; padding: 0 0 0 70px;}
		
	/* cool way to do columns using lists instead of tables (margin-left pushes the column out, negative margin on .top pulls the column up) */
	#content .cities ul { float: left; list-style: none; margin: 0; width: 33%;}
		#content .cities ul.left-margin { margin-left: 0px;}
	#content .cities li { line-height: 2em;}
	#content .cities li.col2 { margin-left: 125px;} /* this creates the "column" */ 
	#content .cities li.col3 { margin-left: 300px;}
	#content .cities li.top4 { margin-top: -8em;} /* for lists with 4 rows */
	#content .cities li.top5 { margin-top: -10em;} /* for lists with 5 rows */
	#content .cities li.top6 { margin-top: -12em;} /* for lists with 6 rows */
	#content .cities li.top7 { margin-top: -14em;} /* for lists with 7 rows */
	#content .cities li.top8 { margin-top: -16em;} /* for lists with 8 rows */
	#content .cities a { position: relative; font-size: 12px;} /* this enables all links to be clickable */
	#content .cities li span { font-weight: bold; color: #dd0000; padding-left: 6px; font-size: 80%;}
	#content .cities .soon span {color: #01559a;} 
	#content .cities li.title { font-size: 13px; line-height: 1em; font-weight: bold; padding: 10px 0 0 0; background: none;}
	
	/* faq page collapsible text */
	a.expand { color: #000000;}
	div.toggle-container { background: #e6e6e6; width: 570px; padding: 10px;}
		#content div.toggle-container p { margin: 0;}
		
	/* curvy corners */
	#content p.corners { background: #edf7de; padding: 10px; margin: 10px 0; border-radius: 10px; -moz-border-radius: 10px;}
	#content p.corners2 { background: #ffffff; padding: 10px; margin: 10px 0; border-radius: 10px; -moz-border-radius: 10px;}
	#content p.corners.last { margin-bottom: 0;}
	#content p.corners2.last { margin-bottom: 0;}
	
	/* contact form 2 (this is on the page that customers are redirected to if service is not available in their area) */
	#contact-form-2 { background: #cccccc url(/images/contact-form-2-bg.png) no-repeat; padding: 10px 15px 15px; border: #bbbbbb solid 1px; border-radius: 10px; -moz-border-radius: 10px;}
		#contact-form-2 label { float: left; display: block; font-size: 14px; font-weight: bold; color: #000000; padding-left: 1px;}
		#contact-form-2 input { width: 616px; padding: 5px; font-size: 14px; font-weight: bold; border: #bbbbbb solid 1px; margin: 2px 0 10px -1px;}
		#contact-form-2 .two-column { width: 297px; margin-right: 10px;}
		#contact-form-2 .three-column { width: 190px; margin-right: 10px;}
		#contact-form-2 #City, #contact-form-2 #State { width: 191px;}
		#contact-form-2 br.clearfix { height: 1px; font-size: 1px; line-height: 1px; margin: 0; padding: 0; clear: both;}
		#contact-form-2 .submit { display: block; background: url(/images/contact-form-2-submit.png) no-repeat; width: 200px; height: 35px; padding: 0; margin: auto; border: 0; clear: both;}
	
	/* zip lookup for charts page */
	#content-zip-lookup { background: url(/images/content-zip-lookup.png) no-repeat; width: 660px; height: 100px; margin-bottom: 30px; position: relative;}
		#content-zip-lookup p { font-size: 22px; line-height: 26px; font-weight: bold; padding: 25px 0 0 25px; margin: 0;}
		#zip-lookup { position: absolute; top: 32px; right: 30px;}
			#zip-lookup input { float: left; width: 110px; -width: 105px; height: 15px; font-size: 15px; text-align: center; padding: 8px 0 10px; margin-right: 5px; border: #000000 solid 1px;}
			#zip-lookup .submit { display: block; float: left; background: url(/images/zip-lookup-submit.png) no-repeat; width: 101px; height: 35px; padding: 0; margin: 0; border: 0; cursor: pointer;}
	#left-column .formError { background: #d50000; font: normal bold 12px Arial, Helvetica, sans-serif; color: #ffffff; padding: 5px; text-align: center; margin-bottom: 5px; border: #ffffff solid 1px;}
	
	/* deals chart on pricing and plans page */
	table#deals-chart-headers { background: url(/images/deals-chart/deals-chart-col-headers.png) no-repeat; font: normal bold 14px/100% Helvetica, Arial, sans-serif; color: #ffffff;}
	table.deals-chart { background: #000000; border-radius: 10px; -moz-border-radius: 10px; font: normal normal 12px/135% Helvetica, Arial, sans-serif; color: #ffffff; margin-bottom: 1em; border-collapse: collapse;}
		
		/* cell borders */
		.deals-chart td { border: #ffffff solid 1px; padding: 10px;}
		.deals-chart td.padding-bottom { padding: 0 0 10px;}
		.deals-chart td.padding-none { padding: 0;}
		td.border-left-right-bottom { border-style: none solid solid solid;}
		td.border-right-bottom { border-style: none solid solid none;}
		td.border-right { border-style: none solid none none;}
		td.border-bottom { border-style: none none solid none;}
		td.border-none { border-style: none;}
		
		/* corners */
		.deals-chart .top-left { background: url(/images/top-left-corner-black.png) no-repeat left top;}
		.deals-chart .top-right { background: url(/images/top-right-corner-black.png) no-repeat right top;}
		.deals-chart .bottom-left { background: url(/images/bottom-left-corner-black.png) no-repeat left bottom;}
		.deals-chart .bottom-right { background: url(/images/bottom-right-corner-black.png) no-repeat right bottom;}
		
		/* type styles for chart content (there are alot!) */
		#content table.deals-chart p { margin-bottom: 0;}
		.deals-chart .col-1 .green { font-size: 13px; font-weight: bold; color: #a4d65a; padding-bottom: 5px;}
		.col-1.highlight { vertical-align: top;}
		.col-1 .banner { background: #d30000; font-size: 13px; font-weight: bold; font-style: italic; color: #ffffff; padding: 0 2px; margin-bottom: 10px !important; text-align: center;}
		.col-1 .green-big { font-size: 28px; font-weight: bold; color: #a4d65a;}
			.col-1 .green-big span { font-size: 50px; line-height: 60px;}
		.col-1 .green-small { font-size: 11px; color: #a4d65a;}
		.col-2 .green { font-size: 13px; font-weight: bold; color: #a4d65a; padding-bottom: 5px;}
		.col-2 .white { font-size: 12px; line-height: 14px; margin-bottom: 10px !important;}
		.col-3 .green { font-size: 10px; font-weight: bold; color: #a4d65a;}
		.col-3 .white { font-size: 10px; font-weight: bold;}
		.col-3 img { margin: 3px 0;}
		.col-4 .green { color: #a4d65a;}
		.col-1 div,
		.col-4 div { position: relative;}
		.col-4 .price .dollar-sign { font-size: 22px; position: relative; top: -7px;}
		.col-4 .price { font-size: 38px; line-height: 38px; font-weight: bold;}
		.col-4 img.strike-through { position: absolute; left: 0; top: 0;}
		.col-4 .per-month { font-size: 20px;}
		.col-4 .promo { font-size: 11px; line-height: 1; margin-top: -5px;}
		.col-4 .float-right { margin: 0 0 5px;}
		.col-4 .instructions { font-size: 13px; font-weight: bold; color: #ffffff; text-align: center;} /* only shows up if zip code has not been entered yet */
		.deals-chart .order-now { display: block; width: 153px; height: 35px; background: url(/images/deals-chart/order_now.png) no-repeat; margin: auto; clear: both;}
		.deals-chart .order-now:hover { background-position: 0 -35px;}
	
	/* green call to action box */
	#cta-box { background: #88cb3f; width: 710px; margin: 10px 0 0;}
	#cta-box p { font: normal normal 16px/150% Helvetica, Arial, sans-serif; text-align: center;}
	#cta-box #call-now { font-size: 26px; font-weight: bold;}
	
	#content .geo-states-table { width: 500px; border: 0; font: normal normal 12px/150% Helvetica, Arial, Helvetica, sans-serif; color: #000000;}
	
	/* order chart */
	#order-chart-wrapper { position: relative; margin-bottom: 75px;}
	#order-chart { position: relative; font-size: 11px; line-height: 14px;}
		#order-chart .top { background: url(/images/order_chart/order_chart_top.png) no-repeat;}
		#order-chart .dark { background: url(/images/order_chart/repeat_dark.png) repeat-y; border-bottom: #c0c0c0 solid 1px;}
		#order-chart .darker { background: url(/images/order_chart/repeat_darker.png) repeat-y; border-bottom: #c0c0c0 solid 1px;}
		#order-chart .light { background: url(/images/order_chart/repeat_light.png) repeat-y;}
			#order-chart .light td { border-bottom: #c0c0c0 solid 1px;}
		#order-chart .lighter { background: url(/images/order_chart/repeat_lighter.png) repeat-y; border-bottom: #c0c0c0 solid 1px;}
		#order-chart .corner-bottom-left { position: absolute; left: 0; bottom: 0 !important; bottom: -1px;}
		#order-chart .corner-bottom-right { position: absolute; right: 0; bottom: 0 !important; bottom: -1px;}
		#order-chart .voice { position: relative; padding-right: 35px;}
		#order-chart .voice-burst { position: absolute; right: -25px !important; right: -15px; top: -20px;}
		#order-chart input { margin-right: 3px;}
		#order-chart .dark div { position: relative; padding-bottom: 20px;}
		#order-chart .submit { position: absolute; bottom: -28px !important; bottom: -8px; display: block; width: 151px; height: 35px; background: url(/images/order_chart/order_button_small.png) no-repeat;
							   border: none; margin: 0; cursor: pointer;}
		#order-chart .submit:hover { background-position: 0 -35px;}
		
		/* font styles for order chart */
		#order-chart h3 { margin: 0;}
			#order-chart h3 span { font-size: 20px;}
		#order-chart .dark { font-size: 12px; line-height: 20px;}
			#order-chart .dark strong { font-size: 13px;}
		#order-chart .price { position: relative; top: 10px; font-weight: bold; font-size: 44px; line-height: 1.20; color: #65b445;}
		#order-chart .price .dollar-sign { position: relative; top: -5px; font-size: 27px; line-height: 1.05;}
		#order-chart .per-month { display: block; font-weight: normal; font-size: 15px; line-height: 1.05; color: #65b445;}
	
		/* featured table sitting on top of order chart */
		#featured { position: absolute; left: 516px; top: 0; background: #ffffff url(/images/order_chart/featured_top.png) no-repeat; font-size: 13px; z-index: 999;}
			#featured td { border: #c0c0c0 solid 1px; border-bottom: none; padding-top: 12px; padding-bottom: 12px;}
			#featured .top td { border: none; padding-top: 0; padding-bottom: 0;}	
			#featured .dark { background: #e4e4e4;}
			#featured .darker { background: #d9d9d9;}
			#featured .light { background: #f8f8f8;}
			#featured .bottom td { background: #e4e4e4 url(/images/order_chart/featured_bottom.png) no-repeat left bottom; border: none; padding: 0;}
			#featured input { margin-right: 3px;}
			#featured .dark div { position: relative; padding-bottom: 30px;}
			#featured tr td div { margin: 0 0 0 9px;}
			#featured .burst { position: relative;}
			#featured .burst img { position: absolute; right: -25px; top: 0;}
			#featured .submit { position: absolute; left: 0; bottom: -45px !important; bottom: -20px; display: block; width: 191px; height: 55px;
								background: url(/images/order_chart/order_button_large.png) no-repeat; border: none; cursor: pointer;}
			#featured .submit:hover { background-position: 0 -55px;}
			
			/* font styles for featured table */
			#featured .darker { font-size: 11px;}
			#featured h3 { margin: 0 0 5px; font-size: 16px;}
				#featured h3 span { font-size: 18px;}
					#featured h3 span span { font-size: 24px;}
			#featured .dark { font-size: 12px; line-height: 20px;}
				#featured .dark strong { font-size: 13px;}
			#featured .price { position: relative; top: 13px; font-weight: bold; font-size: 53px; line-height: 1.05; color: #65b445;}
			#featured .price .dollar-sign { position: relative; top: -5px; font-size: 35px; line-height: 1.05;}
			#featured .per-month { display: block; padding: 3px 0 10px; font-weight: normal; font-size: 19px; line-height: 1.05; color: #65b445;}
			
	/* order summary */
	#order-summary { float: right; width: 220px; margin: 20px 0 0;}
		#order-summary h2 { margin: 0;}
		#order-summary #package { border: #dddddd solid 1px; border-left: none; border-right: none; padding: 10px 0 0; margin: 10px 0;}
			#package h4 { margin: 0 0 5px;}
			#package .options { display: block; background: #f2f2f2; padding: 5px 5px 5px 10px; margin-bottom: 5px; font-size: 11px;}
			#package .price { font-weight: bold; margin: 5px 0; font-size: 44px; line-height: 1; color: #65b445;}
				#package .price .dollar-sign { position: relative; bottom: 3px; padding-right: 2px; font-weight: normal; font-size: 30px;}
				#package .price .per-month { padding-left: 3px; font-weight: normal; font-size: 18px;}
		#order-summary ul { margin: 0 0 0 15px; font-size: 11px;}
			#order-summary li { padding-bottom: 10px;}
			
	/* order breadcrumbs */
	#breadcrumbs { background: #e4e4e4; margin: 0 0 20px; font-size: 15px;}
		#breadcrumbs div { float: left; padding: 15px 0 10px 30px;}
		#breadcrumbs #step-1 { width: 150px;}
		#breadcrumbs #step-2 { width: 180px;}
		#breadcrumbs #step-3 { width: 490px;}
		#breadcrumbs .active { font-weight: bold; background: #d1cdcd;}	
		
	/* horizontal pricing chart TEST */
	a.expand-plans { text-decoration: none !important; display: block;}
	.home-internet-main { background: url(/images/plans/button-up-home-internet-main.png) no-repeat;}
	.home-internet-main-down { background: url(/images/plans/button-down-home-internet-main.png) no-repeat;}
	.mobile-internet-main { background: url(/images/plans/button-up-mobile-internet-main.png) no-repeat;}
	.mobile-internet-main-down { background: url(/images/plans/button-down-mobile-internet-main.png) no-repeat;}
	.bundle-main { background: url(/images/plans/button-up-bundle-main.png) no-repeat;}
	.bundle-main-down { background: url(/images/plans/button-down-bundle-main.png) no-repeat;}
	.button { width: 660px; display: inline-block; padding: 0; margin: 0 0 10px 0;}
		.button .title { font-size: 30px; font-weight: bold; color: #000000; float: left;}
		.button .button-content { font-size: 14px; line-height: 24px; margin: 23px 0 0 80px; padding: 0; width: 345px; float: left; display: inline; color: #000000;}
		.button .click-here { width: 90px; font-size: 12px; font-weight: bold; color: #d3ef91; margin: 20px 0 0 10px; float: left; display: block; line-height: 15px;}
		.button .price { float: left; width: 115px; height: 75px; margin: 10px 0 0 20px; font-weight: bold; font-size: 47px; color: #ffffff;}
			.button .price .starting-at { color: #ffffff; font-size: 8px; padding:0 0 8px 15px; display: inline-block;}
			.button .price .dollar-sign { position: relative; bottom: 10px; padding-right: 2px; font-weight: normal; font-size: 31px; line-height: 125%; float: left;}
			.button .price .per-month { padding-left: 3px; font-weight: normal; font-size: 15px; line-height: 17px; margin: 0 0 0 -15px;}
		.button .instructions { color: #ffffff; font-weight: bold; width: 100px; height: 75px; margin: 20px 0 0 20px; float: left; line-height: 15px;}
		
	.package { background: url(/images/plans/package-repeat.png) repeat-y; margin: 0 auto 10px auto; width: 640px; position: relative;}
		.package .contents-bg { position: relative; background: url(/images/plans/package-top.png) top no-repeat;}
		.package .contents { width: 475px; display: inline-block; padding: 20px 0 0 31px;}
			#content .package .contents ul { margin: 5px 0 1em 15px; padding: 0;}
			.package .contents li { line-height: 19px;}
		.package .title { font-size: 20px; font-weight: bold; margin: 0 0 20px;}
			.package .title sup { font-size: 55%; font-weight: normal;}
		.package .sub-title { font-family: 17px; font-weight: bold; display: block;}
			.package .sub-title span { font-weight: normal; padding: 0 0 10px; display: block; width: 390px;}
		.package .burst { z-index: 5; position: absolute; top: -10px; right: -25px;}
		.package .product-image { z-index: 6; position: absolute; top: 20px; right: 145px; padding-left: 15px;}
		.package .price { position: absolute; right: 30px; top: 20px; font-weight: bold; font-size: 58px; line-height: 48px;}
			.package .price .starting-at { color: #ffffff; font-size: 8px; padding:0 0 8px 15px; display: inline-block;}
			.package .price .dollar-sign { position: relative; bottom: 0; padding-right: 2px; font-weight: normal; font-size: 38px; line-height: 125%; float: left;}
			.package .price .per-month { padding: 0 0 0 3px; font-weight: normal; font-size: 9px; line-height: 13px; margin: 0 0 0 25px; display: block;}
		.package .cta { font-size: 19px; position: absolute; right: 15px; bottom: 20px; background: none; padding: 0; text-align: left; }
			.package .cta span { font-size: 23px;}
		.package .instructions { font-weight: bold; height: 75px; width: 100px; top: 28px; right: 19px; position: absolute; line-height: 15px; margin: 0; padding: 0;}
		
	/* zip lookup for pricing chart test */
	#pricing-zip-lookup { position: absolute; width: 100px; top: 23px; left: 518px;}
		#pricing-zip-lookup input { width: 100px; -width: 100px; height: 11px; font-size: 11px; text-align: center; padding: 5px 0 6px; margin-right: 5px; border: #bfbfbf solid 1px; line-height: 13px;}
		#pricing-zip-lookup .pricing-submit { display: block; float: left; background: url(/images/plans/button-small-get-pricing.png) no-repeat; width: 101px; height: 26px; padding: 0; margin: 3px 0 0 0; border: 0; cursor: pointer;}
	
	/* directv bundle icons experience 137 */
	.icon-list { display: inline-block; margin: 0 0 10px 0;}
		.callout .icon-list p, .callout .icon-list img { float: left;}
		.callout .icon-list p { width: 500px; margin: 25px 0 0 20px;}
	
	/* competitor comparison charts */
	#competitor_comparison { margin: 1em 0 2em; font-size: 11px; line-height: 1.5; border: #cccccc solid 1px; border-radius: 5px; -moz-border-radius: 5px;}
		
		/* layout & display */
		#competitor_comparison td, #competitor_comparison th { padding: 10px; vertical-align: top;}
		#competitor_comparison th { background: #c5c5c5; vertical-align: middle;}
		#competitor_comparison .spacer { background: #ffffff;}
		#competitor_comparison .even td { background: #e7e7e7;}
		#competitor_comparison .odd td { background: #f1f1f1;}
		#competitor_comparison .top_right { border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0;}
		#competitor_comparison .bottom_right { border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0;}
		#competitor_comparison .bottom_left { border-radius: 0 0 0 3px; -moz-border-radius: 0 0 0 3px;}
		
			/* CLEAR cells */
			#competitor_comparison th.clear { background: #65b445; color: #ffffff;} /* single comparison page */
			#competitor_comparison td.clear,
			#competitor_comparison .clear .clear { background: #e4f8c7; color: #000000;} /* single comparison page */
			#competitor_comparison .clear td { background: #65b445; font-size: 11px; color: #ffffff;} /* clear vs. all page */
			
	/* early termination chart on terms page */
	#cancellation { width: 98%; padding: 0; background: #ffffff;}
		
		#cancellation_chart { margin: 15px 0 0; font-size: 11px; line-height: 1.5; text-align: left; border-collapse: collapse;}
		#cancellation_chart th { padding: 0 0 0 10px; background: #c5c5c5; border: #b5b5b5 solid 1px; font-size: 14px; line-height: 28px; letter-spacing: 0.1;}
		#cancellation_chart td { background: #f2f2f2; padding: 5px 10px; vertical-align: top; border: #b5b5b5 solid 1px;}
		#cancellation_chart .section_title { background: #e5e5e5; font-weight: bold;}
	
/********************************************************************************
			RIGHT COLUMN CONTENT
********************************************************************************/

/* availability box with zip search */
#availability-box { width: 240px;}
	#availability-box-content { background: #464646 url(/images/availability-box-repeat.png) repeat-x; font: normal normal 11px/150% Helvetica, Arial, sans-serif; color: #ffffff;
								padding: 0 10px; border-left: #ffffff solid 1px; border-right: #ffffff solid 1px;}
		#availability-box-content .formError { background: #d50000; font: normal bold 12px Arial, Helvetica, sans-serif; color: #ffffff; padding: 5px; text-align: center; margin-top: 5px; border: #000000 solid 1px;} 
		#availability-box-content .green { color: #a4d65a;}
		#zip-search-form { margin-top: 5px;}
			#zip-search-form input { float: left; width: 109px; -width: 105px; height: 15px; font-size: 15px; text-align: center; padding: 8px 0 10px; margin-right: 5px; border: #000000 solid 1px;}
			#zip-search-form .submit { float: left; display: block; background: url(/images/zip-search-submit.png) no-repeat; width: 101px; height: 35px; padding: 0; margin: 0; border: 0; cursor: pointer;}
		#service-available { margin-bottom: 5px;}
	
/* social buttons */
.social { background: #b4d973; margin: 10px 0; padding: 15px; border: #000000 solid 1px; border-radius: 10px; -moz-border-radius: 10px; text-align: center;}
	.social h2 { margin: 0 0 10px; font-size: 22px;}
	.facebook-like-button iframe { width: 55px !important; overflow: hidden;}
		.fb_edge_comment_widget iframe { width: 401px !important;}
	#___plusone_0 { margin-left: 5px !important; position: relative; top: 3px;}

		
/* red order clear now button */
#button-order-clear-red { margin: 10px 0 0 0; width: 240px; height: 50px;}
	#button-order-clear-red a { background: url(/images/button-order-clear-red.png) top left no-repeat; display: block; width: 240px; height: 50px;}
	#button-order-clear-red a:hover { background: url(/images/button-order-clear-red.png) bottom left no-repeat; }
			
/* call today box with girl in background */			
#call-today-box { width: 240px; margin-top: 10px;}
	#call-today-box-content { background: #000000 url(/images/call-today-girl.jpg) no-repeat; font: normal normal 11px/200% Verdana, Geneva, sans-serif; color: #ffffff;
							  border-left: #ffffff solid 1px; border-right: #ffffff solid 1px; padding: 0 10px;}
		#call-today-box-content .green { display: block; font-size: 33px; line-height: 30px; font-weight: bold; color: #a4d65a; margin-bottom: 10px;}
		#call-today-box-content .phone { font-size: 22px; line-height: 24px; font-weight: bold;}

/* lead gen form */
#lead-gen-form-wrapper { background: #82c138 url(/images/lead-gen-top.png) no-repeat; width: 240px; margin-top: 10px; position: relative;}
	#lead-gen-form-content { font: normal normal 13px/115% Helvetica, Arial, sans-serif; color: #000000; padding: 20px 20px 10px;}
		#lead-gen-form-content #headset { position: absolute; right: 15px; top: -7px;}
		#lead-gen-form-content .black a { display: block; font: normal bold 33px/30px Verdana, Geneva, sans-serif; color: #000000; margin-bottom: 10px;}
		#lead-gen-form-content .phone { display: block; font: normal bold 20px/24px Verdana, Geneva, sans-serif; margin-bottom: 5px;}
		#lead-gen-form-content .promo-code { display: block; background: #2a7d14; border: #ffffff solid 1px; margin-bottom: 1em; font-size: 17px; line-height: 34px; color: #ffffff; text-align: center;
											 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
		#lead-gen-form-content p span { font-size: 16px; font-weight: bold;}
		#lead-gen-form { margin-top: 10px;}
			#lead-gen-form label { font-size: 12px; font-weight: bold;}
				#lead-gen-form label span { font-size: 10px; font-weight: normal; font-style: italic;}
			#lead-gen-form input { width: 188px; padding: 5px; margin: 2px 0 15px 0; border: #000000 solid 1px;}
			#lead-gen-form .submit { display: block; background: url(/images/lead-gen-submit.png) no-repeat; width: 200px; height: 35px; padding: 0; margin: 0 0 10px 0; border: 0;}
		#required-field { font-size: 10px;}

/* horizontal out of service form */
#horizontal-form { background: #f2f2f2; padding: 10px 15px 15px; margin-top: 10px; border: #bbbbbb solid 1px;}
	#horizontal-form label { float: left; display: block; font-size: 13px; font-weight: normal; color: #000000; padding-left: 1px;}
	#horizontal-form label.checkbox { margin-bottom: 10px; }
	#horizontal-form input { width: 616px; padding: 5px; font-size: 13px; font-weight: normal; border: #bbbbbb solid 1px; margin: 2px 0 10px -1px;}
	#horizontal-form input.checkbox { width: auto; padding: 0; margin: 0 5px 0 0; border: 0;}
	#horizontal-form .two-column { width: 297px; margin-right: 10px;}
	#horizontal-form .three-column { width: 190px; margin-right: 10px;}
	#horizontal-form #City, #horizontal-form #State { width: 191px;}
	#horizontal-form br.clearfix { height: 1px; font-size: 1px; line-height: 1px; margin: 0; padding: 0; clear: both;}
	#horizontal-form .submit { display: block; background: url(/images/lead-gen-contact-me.png) no-repeat; width: 200px; height: 35px; padding: 0; margin: auto; border: 0; clear: both;}
	
	/* kart order process */
	#content-wrapper-960 #horizontal-form { float: left; width: 630px; margin: 20px 0 0;}
		#horizontal-form span { font-size: 10px; font-style: italic;}
		#horizontal-form h3 { margin: 20px 0 10px;}
		#horizontal-form .submit-order { display: block; background: url(/images/order_chart/order_button_continue.png) no-repeat; width: 255px; height: 35px; padding: 0; margin: 10px auto 0; border: 0; clear: both; cursor: pointer;}
		#horizontal-form .submit-order:hover { background-position: 0 -35px;}
		#horizontal-form .submit-call-me { display: block; background: url(/images/order_chart/submit-call-me.png) no-repeat; width: 151px; height: 35px; padding: 0; margin: 10px auto 0; border: 0; clear: both; cursor: pointer;}
		#horizontal-form .submit-call-me:hover { background-position: 0 -35px;}

/* testimonial box */
#testimonial-box { width: 220px; -width: 217px; font: normal normal 12px/150% Helvetica, Arial, sans-serif; font-style: italic; color: #ffffff; padding: 0 10px; margin-top: 20px;}
	#testimonial-box span { display: block; font-size: 19px; line-height: 19px; font-weight: bold; font-style: normal; color: #65b445; padding-bottom: 10px; margin-bottom: 10px; border-bottom: #333333 solid 1px;}
	#testimonial-box p { margin-bottom: 1em;}
	#testimonial-box .customer { background: url(/images/testimonial-arrow.png) no-repeat left 40%; font-weight: bold; padding-left: 15px;}

/********************************************************************************
			FOOTER
********************************************************************************/

#footer { width: 960px; font: normal normal 12px/100% Helvetica, Arial, sans-serif; color: #ffffff; text-align: center; padding: 20px 0; clear: both;}
	#secondary-nav { margin-bottom: 10px;}
		#secondary-nav li { display: inline; padding: 0 5px; border-right: #ffffff solid 1px;}
		#secondary-nav li.last { border: none;}
		#secondary-nav a { color: #ffffff; text-decoration: none;}
		#secondary-nav a:hover { text-decoration: underline;}
	#legal { font-size: 10px; line-height: 12px; text-align: left;}
	#legal a { color: #ffffff; text-decoration: none;}
	#footer sup { bottom: .5ex; font-size: 80%;}
	
	#bbb { margin: 10px 0 20px;}

/********************************************************************************
			CLEARING FLOATS HACK!
********************************************************************************/

.clearFloat:after {	content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearFloat { display: inline-block;}

/* Hides from IE-mac \*/

* html .clearFloat { height: 1%;}

.clearFloat { display: block;}

/* End hide from IE-mac */

/********************************************************************************
			CLEARING ELEMENTS THAT CONTAIN FLOATED ELEMENTS
********************************************************************************/

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/********************************************************************************
			GEONATOR
********************************************************************************/

#geo_breadcrumbs { margin-bottom: 15px;}

.covered_state, .covered_state ul, .covered_state ul li { list-style-type: none;}

.covered_state { float: left; width: 20%; margin: 0 0 20px; font-weight: bold;}
	.covered_state ul { margin: 0 !important;}
		.covered_state a { font-weight: normal; font-size: 11px;}
	
.covered_state_item ul, .covered_state_item li { width: auto; list-style-type: none;}

.localCities { width: 100%;}
	.localCities a { font-weight: normal; font-size: 12px;}
	
#geoCityMap { display: block; border: #000000 solid 1px; padding: 2px; margin: auto;}