html, body {
	height: 100%;
	font:normal 12px Arial, Helvetica, sans-serif;
}

body {
	text-align: center;
	padding: 0px;
	margin: 0px;
	/* background:#d1dde0 url(../images/background_769x1.gif) center repeat-y; */
	background-color: #F0F0F0;
}

img { border:none; }

#topBar {
	height: 18px;
	background: #333;
}
#topBar .wrap {
	position: relative;
	width: 769px;
	margin: 0 auto;
}
#topBar p.headlines {
	color: #999;
	margin: 0;
	font-size: 10px;
	text-align: left;
	line-height: 18px;
}
#topBar p.headlines a {
	color: #FFF;
	text-decoration: none;
}
#topBar #customerServiceLink{
	margin: 0;
	padding: 0;
}
#topBar #customerServiceLink a {
	display: block;
	position: absolute;
	top: 10px;
	right: -2px;
	width: 155px;
	height: 25px;
	background: url(../images/customerServiceLink-bg.png) no-repeat top left;
	font-size: 9px;
	margin: 0;
	color: #3a89c9;
	text-decoration: none;
	font-weight: bold;
	text-shadow: #FFF 1px 1px 2px;
	padding: 6px 0 0 0;
	z-index: 300;
	cursor: pointer;
}
#topBar #customerServiceBox {
	display: none;
	background: url(../images/greyArrow.png) no-repeat top;
	background-position: 210px 0;
	position: absolute;
	z-index: 500;
	top: 30px;
	right: -20px;
	padding-top: 7px;
}
#topBar #customerServiceBox .boxWrap {
	width: 300px;
	background: #747474;
	padding: 10px;
}
#topBar #customerServiceBox .boxWrap .upgrade,
#topBar #customerServiceBox .boxWrap .service {
	float: left;
}
#topBar #customerServiceBox .boxWrap .service {
	width: 150px;
	border-right: 1px solid #999;
}
#topBar #customerServiceBox .boxWrap .upgrade {
	width: 130px;
}
#topBar #customerServiceBox .boxWrap .upgrade {
	margin-left: 10px;
}
#topBar #customerServiceBox .boxWrap h5 {
	margin: 0 10px 5px 0;
	text-align: left;
	font-size: 10px;
	color: #FFF;
	text-shadow: #666 1px 1px 2px;
}
#topBar #customerServiceBox .boxWrap p {
	margin: 0;
	text-align: left;
	font-size: 9px;
	color: #FFF;
	text-shadow: #666 1px 1px 2px;
}

#topHeader {
	width: 769px;
	margin: auto;
	clear: both;
	position: relative;
	height: 105px;
	z-index: 20;
}

#topHeader #logo {
	width: 184px;
	height: 50px;
	padding: 0;
	margin: 0;
	float: left;
	position: absolute;
	top: 30px;
	left: 6px;
}
#topHeader #rightOfLogo {
	width: 225px;
	height: 30px;
	background: url(../images/phoneArea-bg.png) no-repeat top left;
	position: absolute;
	bottom: -10;
	right: 10px;
	z-index: 9999;
}
#topHeader #rightOfLogo #phoneArea {
	width: 225px;
	position: relative;
}
#topHeader #rightOfLogo #phoneArea p { 
	margin: 0;
	color: #000;
	position: absolute;
	top: 9px;
}
#topHeader #rightOfLogo #phoneArea .phoneTitle {
	left: 10px;
	font-size: 10px;
	line-height: 10px;
	top: 13px;
	text-align: left;
}
#topHeader #rightOfLogo #phoneArea .phone {
	right: 10px;
	text-align: right;
	font-size: 15px;
	line-height: 16px;
	font-weight: bold;
}

#topNav {
	width: 769px;
	*width: 772px; /* IE Hack */
	margin: 0 auto;
	position: relative;
	clear: both;
	color: #CCC;
	background: #333 url(../images/topNav-bg.png) repeat-x top;
	border: 1px solid #666;
	border-bottom: none;
	text-align: left;
	padding: 7px 0px;
	font-size: 11px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	z-index: 5;
}
#topNav a {
	font-weight: bold;
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	margin: 0 10px;
}
#topNav a:hover {
	text-decoration: underline;
}

#phoneBox {
	background: url(../images/form-footer-bg.gif) no-repeat;
	width: 351px;
	height: 90px;
	font-weight: bold;
	margin-top: -9px;
	position: relative;
	margin-left: 37px;
}
#phoneBox .submit {
	position: absolute;
	bottom: 13px;
	right: 20px;
}
#header {
	position: relative;
	padding: 0px;
	margin: 0px;
	margin: auto;
	width: 769px;
	z-index: 5;
}
#header #navigation {
	position: absolute;
	top: 135px;
	left: 10px;
}
#header #phone {
	position: absolute;
	top: 72px;
	left: 405px;
	text-align: left;
}
#header #phone .number {
	font: bold 26px Arial, Helvetica, Sans-Serif; color: #15c4ed;
}
#header #title {
	position: absolute;
	top: 28px;
	left: 235px;
	font: bold 32px Arial, Helvetica, Sans-Serif; color: #15c4ed;
}
#header #navigation ul {
	position: 			relative;
	float:				left;
	list-style-type: 	none;
	padding: 			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
	border:				solid 0px;
	height:				35px;
}
#header #navigation ul li {
	position: 			relative;
	float: left;
	display:			inline;
	height:				35px;
	overflow: hidden;
	text-align: left;
	font: 				bold 13px Arial, Verdana, Sans-Serif;
	padding: 			0px 10px 0px 10px;
	margin:				0px 0px 0px 0px;
	border-right: solid 1px #fff;
}

#header #navigation ul  .end {
	border-right: solid 0px #000;
}

#background {
	position: relative;
	top: 0px;
	left: 0px;
	width: 769px;
	height: 100%;
	z-index: 0;
}

#content {
	z-index: 4;
	position: relative;
	margin: auto auto 50px auto;
	width: 769px;
	text-align: left;
	/* NEW RULES */
	background-color: #FFF;
	border: 1px solid #999;
	border-top: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#contentheader { background:#FFF url(../images/triple_734x200.gif) top left no-repeat; width:734px; height:200px; margin:0 0 5px 0; padding:0; }

#content #main {
	text-align: left;
	position: relative;
	width: 769px;
	padding-top: 1px;
}
#content #main #homePagePromo {
	background:url(../images/homepage_promoBg.jpg) no-repeat;
	height:194px;
	position:relative;
	margin-bottom:10px;
}
#content #main #internetPromo {
	background:url(../images/internet_promoBg.jpg) no-repeat;
	height:194px;
	position:relative;
	margin-bottom:10px;
}
#content #main #cablePromo {
	background:url(../images/cable_promoBg.jpg) no-repeat;
	height:194px;
	position:relative;
	margin-bottom:10px;
}
#content #main #voicePromo {
	background:url(../images/voice_promoBg.jpg) no-repeat;
	height:194px;
	position:relative;
	margin-bottom:10px;
}
#content #main #bundlesPromo {
	background:url(../images/bundles_promoBg.jpg) no-repeat;
	height:194px;
	position:relative;
	margin-bottom:10px;
}

#content #main #homePagePromo h3 {
	position:absolute;
	left:15px;
	top:110px;
	color:#666;
	font-size:18px;
	text-transform:uppercase;
	margin:0;
	padding:0;
}
#content #main #homePagePromo ul {
	position:absolute;
	left:15px;
	top:140px;
}
#content #main #homePagePromo ul, #content #main #homePagePromo ul li {
	height:46px;
	margin:0;
	padding:0;
	float:left;
	list-style-type:none;
}
#content #main #homePagePromo ul li a {
	height:46px;
	width:164px;
	display:block;
	float:left;
	margin-right:6px;
	text-indent:-9999px;
}
#content #main #homePagePromo ul li.cable a { background:url(../images/homepage_promoCable.png) no-repeat }
#content #main #homePagePromo ul li.internet a { background:url(../images/homepage_promoInternet.png) no-repeat }
#content #main #homePagePromo ul li.voice a { background:url(../images/homepage_promoVoice.png) no-repeat }

#content #main #subArea {
	height:240px;
	margin-bottom:10px;
}
#content #main #subArea .content {
	display:inline;
	float:left;
	margin-right:10px;
	width:516px;
}
#content #main #subArea .content #indexSubList .left {
	display:inline;
	float:left;
	margin:10px;
	width:70px;
	clear:left;
}
#content #main #subArea .content #indexSubList .right {
	display:inline;
	float:left;
	margin:10px;
	width:406px;
}
#content #main #subArea .content #indexSubList .right h4 {
	font-size:13.5px;
	text-transform:uppercase;
	margin:0;
	font-weight:bold !important;
}
#content #main #subArea .content #indexSubList .right h4.cable { color:#f08122; }
#content #main #subArea .content #indexSubList .right h4.internet { color:#85bd3e; }
#content #main #subArea .content #indexSubList .right h4.voice { color:#2fafe3; }
#content #main #subArea .content #indexSubList .right ul,
#content #main #subArea .content #indexSubList .right ul li {
	font-size:10px;
	margin: 3px 0 0 10px;
	padding:0;
}

#content #main #subArea .content.subAreaStyle h2,
#content #main #subArea .content.subAreaStyle h3,
#content #main #subArea .content.subAreaStyle p {
	margin:5px 10px 10px 10px;
	color:#666;
}
#content #main #subArea .content.subAreaStyle h2,
#content #main #subArea .content.subAreaStyle h3 {
	font-size:15px;
}
#content #main #subArea .content.subAreaStyle p {
	font-size:11px;
	line-height:18px;
}
#content #main #subArea .content.subAreaStyle ul {
	font-size:13px;
	color:#666;
	line-height:18px;	
}
#content #main #subArea .content.subAreaStyle .subIcon {
	float:right;
	margin:0 10px;
	position:relative;
	top:-10px;
}
#content #main #subArea .content.subAreaStyle.bundles h2 {
	font-size:18px;
}
#content #main #subArea .content.subAreaStyle.bundles p {
	font-size:14px;
	line-height:20px;
}
#content #main #subArea .content.subAreaStyle.bundles ul {
	font-size:15px;
	color:#666;
	line-height:22px;	
}

#content #main #subArea .phoneForm {
	margin-left:10px;
	display:inline;
	float:right;
	width:231px;
	border:1px solid #CCC;
	margin-bottom:10px;
}
#content #main #subArea .phoneForm .title {
	background:#333;
	color:#FFF;
	padding:10px 0 5px 0;
}
#content #main #subArea .phoneForm .title p { margin:0 10px 5px 10px; }
#content #main #subArea .phoneForm .title p.title2 { font-size:14px;font-weight:bold; }
#content #main #subArea .phoneForm .title p.phone { font-size:28px;font-weight:bold; }

#content #main #subArea #formtitle {
	color:#2fafe3;
	font-size:14px;
	margin:10px;
	font-weight:normal;
}
#content #main #subArea #form1 {
	margin-bottom:0;
}
#content #main #subArea #form1 label, #content #main #subArea #form1 input {
	display:block;
}
#content #main #subArea #form1 label { font-size:10px;margin:0 10px 0 10px; }
#content #main #subArea #form1 .one input {	width:200px;margin:0 10px 0 10px; }
#content #main #subArea #form1 .two input {	width:90px;margin:0 10px 0 10px; }
#content #main #subArea #form1 .btn input { float:right; }

#content #main #subArea #form1 .error input { color:red;background:#ffcccc; }

.orangeBG { background:#f08122;color:#FFF;padding:2px 5px; }
.greenBG { background:#85bd3e;color:#FFF;padding:2px 5px; }
.blueBG { background:#2fafe3;color:#FFF;padding:2px 5px; }

#content #main #subAreaBanner { margin-bottom:10px; }

#content #main .bodyCopy p { font-size:12px;color:#666;line-height:16px; }
#content #main .bodyCopy p strong { color:#333; }
#content #main .bodyCopy ul { font-size:12px;color:#333;line-height:16px;margin:5px 0 18px 0;padding:0;list-style-position:inside; }

#circles {
	background: url(../images/circles_115x80.gif) no-repeat;
	padding: 10px 10px 10px 90px;
}

#order {
	background:#f0461e;
	font:bold 24px Arial, Helvetica, Sans-Serif;
	text-align:right;
	width:200px;
	height:40px;
	padding:10px 10px 10px 10px;
}

#triplePlayHead{background:#FFF url(../images/triple_734x200.gif) top left no-repeat; width:734px; height:200px;}
#triplePlayHead h2{padding:17px 0 0 195px; margin:0;}
#triplePlayHead p {padding:0 0 0 195px; margin:0; font: 21px Arial, Helvetica; color:#000;}

#triplePlayHeadOrder{background:#FFF url(../images/triple-order.gif) top left no-repeat; width:734px; height:200px;}
#triplePlayHeadOrder h2{padding:17px 0 0 195px; margin:0;}
#triplePlayHeadOrder p {padding:0 0 0 195px; margin:0; font: 21px Arial, Helvetica; color:#000;}

.field{font-size:12px;color:#000; font-family:Arial, Helvetica;}
.field input{border:solid 1px #666;padding:1px; font-family:Arial, Helvetica;}
.error{font-size:12px;color:#C00;}
.error input{border:solid 1px #C00;background:#FCC url(../images/bgform_error.jpg) center top;padding:1px;}
.error select{border:solid 1px #C00;background:#FCC url(../images/bgform_error.jpg) center top;padding:1px;}
.error textarea{border:solid 1px #C00;background:#FCC url(../images/bgform_error.jpg) center top;padding:1px;}

#triplelist li{padding:0 0 0 155px; margin:0 0 5px 0; font: 21px Arial, Helvetica; color:#000; list-style:none;}
#highspeed{font:bold 22px Arial, Helvetica; color:#ABD600; padding:0; margin:0;}
#digitalcable{font:bold 22px Arial, Helvetica; color:#FF8B00; padding:0; margin:0;}
#digitalvoice{font:bold 22px Arial, Helvetica; color:#00CCF4; padding:0; margin:0;}
.midlist li{padding:0; margin:0; font:12px Arial, Helvetica; color:#000;}
.comcastblack{font:bold 16px Arial, Helvetica; color:#000; padding:0; margin:10px 0 0;}

#mainForm{background:#FFF url(../images/blankformbg.gif) no-repeat; margin:0; padding:0; height:313px}
#mainForm h1{font:bold 21px Arial, Helvetica; color:#FF8A00; margin:0; padding:10px 0 0 22px;}
#mainForm table{padding:10px 0 0 40px; margin:0; *margin:0 0 0 30px;}

#orderForm{background:#FFF url(../images/order-formbg.gif) no-repeat; margin:0; padding:0; width:715px; height:187px}
#orderForm h1{font:bold 21px Arial, Helvetica; color:#ff0109; margin:0; padding:10px 0 0 22px; *margin:0 0 15px 0;}
#orderForm table{padding:15px 0 0 65px; margin:0; *margin:0 0 0 30px;}

#headerHighspeed{background:#FFF url(../images/header-highspeed.gif) top left no-repeat; width:733px; height:180px; margin:0; padding:0;}
#headerHighspeed h2{color:#ACD200; font-size:33px; padding:10px 0 0 195px; margin:0;}
#headerHighspeed p{padding:0 0 0 195px; margin:0; font: 21px Arial, Helvetica; color:#000;}
#headerHighspeed ul li{font-size:18px;}
#highspeedForm{background:#FFF url(../images/blankformbg.gif) no-repeat; margin:0 0 0 5px; padding:0; height:313px; }
#highspeedForm h1{font:bold 21px Arial, Helvetica; color:#ACD200; margin:0; padding:10px 0 0 22px;}
#highspeedForm table{padding:10px 0 0 40px; margin:0; *margin:0 0 0 30px;}

#headerdigitalTV{background:#FFF url(../images/header-tv.gif) top left no-repeat; width:733px; height:180px; margin:0; padding:0;}
#headerdigitalTV h2{color:#FF8D00; font-size:33px; padding:10px 0 0 195px; margin:0;}
#headerdigitalTV p{padding:0 0 0 195px; margin:0; font: 21px Arial, Helvetica; color:#000;}
#headerdigitalTV ul li{font-size:18px;}
#digitaltvForm{background:#FFF url(../images/blankformbg.gif) no-repeat; margin:0 0 0 5px; padding:0; height:313px; }
#digitaltvForm h1{font:bold 21px Arial, Helvetica; color:#FF8D00; margin:0; padding:10px 0 0 22px;}
#digitaltvForm table{padding:10px 0 0 40px; margin:0; *margin:0 0 0 30px;}

#headerPhone{background:#FFF url(../images/header-phone.gif) top left no-repeat; width:733px; height:180px; margin:0; padding:0;}
#headerPhone h2{color:#00CFF0; font-size:33px; padding:10px 0 0 195px; margin:0;}
#headerPhone p{padding:0 0 0 195px; margin:0; font: 21px Arial, Helvetica; color:#000;}
#headerPhone ul li{font-size:18px;}
#phoneForm{background:#FFF url(../images/blankformbg.gif) no-repeat; margin:0 0 0 5px; padding:0; height:313px; }
#phoneForm h1{font:bold 21px Arial, Helvetica; color:#00CFF0; margin:0; padding:10px 0 0 22px;}
#phoneForm table{padding:10px 0 0 40px; margin:0; *margin:0 0 0 30px;}


#serviceContent{font:bold 12px Arial, Helvetica; color:#000;}
#serviceContent h1{color:#FF3829; font-size:19px; padding:10px 0 0 10px; margin:0;}
#serviceContent p{font-weight:normal; padding:10px 0 0 10px; margin:0;}

#tripleplayBottom{background:#FFF url(../images/triple-blank.gif) no-repeat; height:178px; padding:0; margin:0;}
#tripleplayBottom h2{padding:17px 0 0 195px; margin:0;}
#tripleplayBottom p{padding:0 0 0 195px; margin:0; font: 21px Arial, Helvetica; color:#000;}


/* ########## OTHER VARIOUS FONT STYLES ########## */
.bold { font-weight: bold; }
.contentlink { text-decoration: none; color: #000000; cursor: text; }
.cablelink { text-decoration: solid; }
.hideline { text-decoration: none; }

/* colors */
.black { color: #000000; }
.purple { color: #8d48d3; }
.white { color: #FFFFFF; }
.lime { color: #9bcd00; }
.orange { color: #ff770b; }
.blue { color: #15c4ed; }
.yellow { color: #ffe61e; }
.red { color: #f0461e; }
.ltblue { color:#15c4ed; }
.green { color:#4FA009; }

/* sizes */
.xsmall { font: 9px Verdana, Arial, Sans-Serif; }
.small { font: 10px Arial, Helvetica, Sans-Serif; }
.medium { font: 11px Arial, Helvetica, Sans-Serif; }
.body { font: 12px Arial, Helvetica, Sans-Serif; }
.large { font: 14px Arial, Verdana, Sans-Serif; }
.xlarge { font: 18px Arial, Verdana, Sans-Serif; }
.xxlarge { font: 24px Arial, Helvetica, Sans-Serif; 
}

/* background colors */
.bgRed { background: #f0461e; }
h1 { font: 18px Arial, Helvetica, Sans-Serif; }
h2 { font:bold 34px Arial, Helvetica, Sans-Seric; color:#15c4ed; }

#copyright{ font:normal 10px Arial, Helvetica; color:#a0a0a0; margin: 10px; }

/*New State Menu Styles*/
#stateMenu {font-size:10px;color:#acacac;padding-bottom:3px;width:745px;margin:0 auto;text-align:left;}
#stateMenu a {text-decoration:none;color:#acacac;font-size:10px;}
/*End New State Menu Styles*/

.rbroundbox {background:url(../images/nt.gif) repeat;}
.rbtop div {background:url(../images/tl.gif) no-repeat top left;}
.rbtop {background:url(../images/tr.gif) no-repeat top right;}
.rbbot div {background:url(../images/bl.gif) no-repeat bottom left;}
.rbbot {background:url(../images/br.gif) no-repeat bottom right;}
.rbtop div, .rbtop, .rbbot div, .rbbot {width:100%; height:7px; font-size:1px;}
.rbcontent {margin:0 7px;}
.rbroundbox {width:100%; margin:1em auto;}

.two-col {
	float: left;
	width: 50%;
	font-weight: bold;
	font-size: 13px;
	margin: 8px auto 0 auto;
	*list-style:inside;
	*margin-bottom:10px;
}
.clear { clear: both; }


/* ----------------------------
	GEO PAGE STYLES
---------------------------- */
#geoBubble {
	background: url(../images/geo-bubble-fullBg.png) repeat-x top center;
	height: 27px;
	position: absolute;
	top: 25px;
	left: 190px;
}
#geoBubble p {
	background: url(../images/geo-bubble-leftBg.png) no-repeat top left;
	margin: 0;
	height: 27px;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #666;
	
}
#geoBubble p span {
	background: url(../images/geo-bubble-rightBg.png) no-repeat top right;
	height: 27px;
	display: block;
	padding: 4px 10px 0 10px;
	width: auto !important;
}
* html #geoBubble {
	width: 250px;
}
* html #geoBubble.state {
	width: 120px;
}

/*New Geo Menu Styles*/
#locations{width:745 px;height:150px;border:1px solid #999;overflow:auto;}
#locations a {width:115px;font-size:10px;color:#333;display:inline-block;}

/*New Saveology Logo Styles*/
#saveology{text-align:center;padding-top:10px;margin:0;}