body {
	background: #fff url("/~/Media/06FA154C07B141219E46114061EA3CED.ashx") 0 0 repeat-x;
}

#homepage a:hover {
	text-decoration: none;
}

#homepage ul li a:hover {
	text-decoration: underline;
}

.img-replace span {
	display: none;
}

.img-replace {
	display: block;
}

div#main {
	width: 980px;
}

#homepage-main {
	float: left;
	width: 788px;
}
#lnkComcastBusiness {
	background: url("/~/Media/41E5BF36F86C449CB1CDDC6919AC0A24.ashx") no-repeat scroll right 4px transparent;
	float: right;
	font-size: 13px;
	margin: 0 20px 0 0;
	padding: 0 10px 0 0;
	position: relative;
	top: 38px;
	z-index: 2;
}

#companyDirectory {
	clear: both;
	background: #f9f8f8 url("/~/Media/0FDE05A88BEE4C6498AED9302E1AB301.ashx") 0 0 repeat-x;
	padding-top: 20px;
	height: 200px;
}

#homepage-footer {
	border-top: 1px solid #ededed;
	clear: both;
	margin-top: 30px;
	padding-top: 35px;
}

#homepage-footer .homepage-column {
	float: left;
	width: 345px;
	height: 120px;
	margin: 0 0 0 20px;
}

#homepage #businessClass {
	width: 200px;
	margin-top: 0px;
}

#homepage-footer ul {
	padding: 0;
	list-style: none;
	margin: 0 0 15px;
}

#homepage-footer li {
	background: url("/~/Media/F835050D166A4764AE4F14E12CD5116A.ashx") no-repeat scroll left 5px transparent;
	padding-left: 15px;
	margin-bottom: 5px;
	color: #444444;
	line-height: 16px;
}

#homepage #whyXfinity ul {
	margin-bottom: 5px;
}

#homepage-footer .homepage-column h4 {
	font-size: 13px;
	color: #444444;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	
}

#businessClassHeader {
	width: 203px;
	height: 59px;
	background: url("/~/Media/878D899F1F2C4315B9F3C6C6888110B6.ashx") no-repeat;
	position: relative;
	margin-bottom: 15px;
}

#businessClassHeader img.earmark {
	position: absolute;
	top: -14px;
	left: -14px;
}

#homepage #comcastGuarantee {
	background: url("/~/Media/5B53567D003148F790B94701E76001D7.ashx") 0 0 no-repeat;
	width: 260px;
	padding-left: 90px;
	margin-left: 0;
}
#comcastGuarantee a {
	display: block;
	float: left;
	padding-top: 5px;
}




/* start:sidebar */


#homepage-sidebar {
	width: 161px;
	margin: 38px 0 0 31px;
	float: left;
}

#homepage-sidebar h3 {
	color: #444444;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 5px;
}
#homepage-sidebar .sidebar-section {
	margin-bottom: 30px;
}
#homepage-sidebar ul {
	list-style: none;
	color: #ccc;
	padding: 0;
}

#homepage-sidebar ul li {
	background: url("/~/Media/F835050D166A4764AE4F14E12CD5116A.ashx") no-repeat scroll left 5px transparent;
	color: #444444;
	line-height: 16px;
	margin-bottom: 5px;
	padding-left: 15px;
}

#homepage-sidebar a.grey-btn {
	margin-bottom: 15px;
}

#homepage-sidebar .seeAll {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}



/* start:homepage content tabs */


#homepage-tabbed-content {
	background: url("/~/Media/4F72E21821F341ECB7F1E4321228226C.ashx") 0 0 no-repeat;
	width: 788px;
	height: 354px;
	margin-top: 17px;
	position: relative;
	left: -8px;
}
#homepage-tabbed-content.existing-customer {
	background-position: left -364px;
}


#homepage-main ul.homepage-tabs {
	left: 9px;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	position: relative;
	top: 9px;
}

#homepage-main ul.homepage-tabs li {
	float: left;
	width: 226px;
	padding: 12px 0 0;
	margin: 0 4px 0 0;
	text-align: center;
}

#homepage-main ul.homepage-tabs li a {
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}

#homepage-main ul.homepage-tabs li.active a {
	color: #444444;
	text-decoration: none;
	cursor: default;
}






.tab-content {
	position: relative;
	left: 9px;
	top: 50px;
	display: none;
	clear: both;
	padding: 0;
	/*overflow: auto;*/
}



/* New Customer */

#new-customer {
	display: block;
}
#new-customer ul {
	list-style: none;
}

.tab-content h2 {
	color: #c8001d;
	font-size: 23px;
	font-weight: bold;
	text-align: center;
	margin: 0;
}
.tab-content h2.exclusive {
	color: #444444;
	margin-bottom: 18px;
}
.tab-content h2.exclusive span {
	text-transform: uppercase;
	font-size: 12px;
	color: #999999;
	display: block;
	margin: 0 0 5px;
}
#new-customer h3 {
	color: #444444;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	margin: 4px 0 25px;
}


#col-justwant,
#col-double,
#col-triple {
	float: left;
}


/* Just Want */

#col-justwant {
	width: 225px;
	height: 277px;
	border-right: 1px solid #e3e3e3;
}
#col-justwant h2 {
	margin-left: 3px;
}
#col-justwant ul {
	padding: 0 0 0 35px;
	margin: 36px 0 0;
}
#col-justwant li {
	height: 62px;
}
#col-justwant .icon {
	font-size: 13px;
	padding-left: 52px;
	display: block;
	height: 44px;
	font-weight: normal;
}


#col-justwant strong {
	color: #666666;
}

#col-justwant .icon-tv,
#col-justwant .icon-internet,
#col-justwant .icon-voice,
#col-justwant .icon-deals {
	background: url("/~/Media/1B55E6AC460247398921CD26CCF1AA44.ashx") 0 0 no-repeat;
}
#col-justwant .icon-internet {
	background-position: 0 -59px;
}
#col-justwant .icon-voice {
	background-position: 0 -118px;
}
#col-justwant .icon-deals {
	background-position: 0 -177px;
}
#col-justwant .price {
	color: #444444;
	position: relative;
	top: -27px;
	left: 52px;
	font-weight: normal!important;
}
#col-justwant .tiny {
	color: #666666;
	display: block;
	font-size: 9px;
	font-weight: bold;
	left: 52px;
	position: relative;
	top: -23px;
}
#col-justwant .last {
	height: 44px;
}





/* Double Play */

#col-double {
	width: 272px;
	height: 277px;
	border-right: 1px solid #e3e3e3;
	text-align: center;
}





/* Triple Play */

#col-triple {
	width: 264px;
	height: 277px;
	text-align: center;
}




#new-customer .price,
#col-existing-3 .price{
	text-align: left;
	font-weight: bold;
	position: relative;
}
#col-double .price,
#col-triple .price {
	padding: 15px 0 0 66px;
}
#col-existing-3 .price {
	left: 136px;
	position: absolute;
	top: 63px;
}
#col-existing-3 h4 {
	color: #444444;
	font-size: 13px;
	margin: 20px 0 22px;
}
#new-customer .price div,
#col-existing-3 .price div {
	float: left;
	line-height: 12px;
}
#new-customer .dollar,
#new-customer .cost,
#new-customer .month,
#col-existing-3 .dollar,
#col-existing-3 .cost,
#col-existing-3 .month {
	color: #c8001d;
}
#new-customer .dollar,
#col-existing-3 .dollar {
	position: relative;
	top: -14px;
}
#new-customer span.cost,
#col-existing-3 span.cost {
	letter-spacing: -2px;
}
#new-customer sup,
#new-customer sup.cost {
	font-size: 24px;
}
#col-existing-3 sup,
#col-existing-3 sup.cost {
	font-size: 14px;
}
#new-customer .cost {
	font-size: 55px;
}
#col-existing-3 .cost {
	font-size: 44px;
	line-height: 5px;
}
#col-double .period,
#col-triple .period,
#col-existing-3 .period {
	color: #666666;
	display: block;
	font-size: 9px;
	margin: 0 0 0 2px;
	text-align: left;
}
#new-customer .byline {
	display: block;
	font-size: 10px;
	color: #666666;
	margin: 0 0 15px;
	clear: both;
	font-weight: bold;
}
#new-customer .permonth,
#col-existing-3 .permonth {
	margin: 0;
	position: relative;
	top: -14px;
}






#homepage #hero div.pricing {
	float: left;
}

#homepage a.tab-get-started {
	float: right;
}

#homepage a.tab-get-started {
	margin: 15px 20px 0 0;
}

#homepage a.tab-get-started img {
	border:0;
}




/* start:directory */

#homepage div.directory-column {
	margin-left: 20px;
	border-right: 1px solid #dfdfdf;
	width: 170px;
	height: 160px;
	float: left;
	padding: 10px 0;
}

#homepage div.directory-column ul {
	list-style: none;
	font-size: 9px;
	margin: 0 0 40px;
	padding: 0;
}
#homepage div.last {
	border-right: none;
}
#homepage div.directory-column ul li.column-header {
	font-size: 10px;
	text-transform: uppercase;
	color: #5a5a5a;
	font-weight: bold;
}

#homepage div.directory-column ul li {
	margin-bottom: 10px;
}

#homepage div.directory-column ul li a {
	text-transform: uppercase;
}


#col-existing-1,
#col-existing-2,
#col-existing-3 {
	float: left;
	padding: 0 30px;
	border-right: 1px solid #dfdfdf;
	text-align: center;
	width: 195px;
	height: 277px;
}
#col-existing-3 {
	padding: 0;
	width: 257px;
	border-right: none;
	position: relative;
} 
#col-existing-3 img {
	position: relative;
	left: -60px;
}
#col-existing-1 p,
#col-existing-2 p,
#col-existing-3 p {
	color: #444444;
	font-size: 12px;
	line-height: 17px;
}
#col-existing-3 p {
	margin: 0;
}
#existing-customer .cta {
	margin: 10px 0 0;
}
#col-existing-1 a:hover,
#col-existing-2 a:hover,
#col-existing-3 a:hover,
#col-double a:hover,
#col-triple a:hover {
	text-decoration: underline!important;
}

#existing-customer h2 {
	margin-bottom: 20px;
}




/* start:buttons */

#homepage a.grey-btn {
	display: block;
	height: 35px;
	background: url(../../images/homepage/grey_btn_bg.gif);
	color: #464646;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	cursor: pointer;
}

#homepage a.grey-btn span {
	display: block;
	height: 35px;
	padding: 12px 0 0 10px;
	font-weight: bold;
	background: url(../../images/homepage/grey_btn_arrow.gif) 95% 0 no-repeat;
}










/*#homepage #hero {
	overflow: visible;
}*/
#homepage #hero {
	/*margin: 2px 0 0 0;*/
	margin: 1px 0 0;
	position: relative;
	width: 980px;
	height: 340px;
	/*border-bottom: 1px #d9d9d9 solid;*/
	overflow: hidden;
	/*border-top: 1px #d9d9d9 solid;*/
}
#carousel {
	width: 819px;
	height: 340px;
	float: left;
	position: relative;
}
#carouselItems {
	width: 161px;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#carouselItems li,
#carouselItems span.text,
#carouselMarker,
#carousel .btnLearnMore,
#carousel .getItTV,
#carousel .getItInternet,
#carousel .getHelpSupport{
	background: url("/~/Media/DFCFDC4F93214369910290D7D5646E0E.ashx") no-repeat top left;
	height: 68px;
	width: 161px;
	cursor: pointer;
}
#carouselItems {

}
#carouselItems li {
	background-position: left -69px;
	display: block;
	height: 68px;
}
#carouselItems li.last {
	height: 67px;
}
/*#carouselItems #menu_1 {
	background-position: left top;
	height: 69px;
}
#carouselItems #menu_2 {
	background-position: left -69px;
}
#carouselItems #menu_3 {
	background-position: left -137px;
	/*height: 78px;*/
/*}
#carouselItems #menu_4 {
	background-position: left -205 px;
	height: 69px;
}
#carouselItems #menu_5 {
	background-position: left -274px;
	height: 67px;
}*/
#carouselItems img {
	display: block;
	position: relative;
	z-index: 2;
}
.reg,
.trade,
.copy {
	font-size: 6px;
	vertical-align: top;
}
#carouselMarker {
	background-position: top right;
	height: 96px;
	width: 184px;
	position: absolute;
	z-index: 1;
	right: -9px;
	top: -10px;
}
#carousel div {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	cursor: pointer;
}
#carousel img,
#carousel a.bg {
	display: block;
	position: relative;
	z-index: 1;
}
#carousel a {
	position: absolute;
	z-index: 2;
	color: #fff;
	width: 200px;
}
#carousel .details {
	font-size: 11px;
	left: 692px;
	text-decoration: underline;
	top: 323px;
}
#carousel .desc {
	display: none;
	font-size: 15px;
	line-height: 19px;
	width: 320px;
}
#carousel .subtext {
	width: auto;
	line-height: 16px;
	font-size: 9px;
	text-align: center;
}
#carousel_1 .desc {
	display: block;
	top: 133px;
	left: 35px;
	font-size: 16px;
	color: #333333;
}
#carousel_1 .details {
	color: #3459F5;
}
#carousel_1 .subtext {
	left: 254px;
	top: 315px;
	color: #666666;
	width: 370px;
	font-size: 10px;
}
#carousel_2 .desc  {
	top: 164px;
	left: 35px;
}
#carousel_2 .subtext {
	left: 197px;
	line-height: normal;
	top: 311px;
	width: 545px;
}
#carousel_3 .desc  {
	top: 137px;
	left: 35px;
}
#carousel_3 .subtext {
	font-size: 10px;
	left: 258px;
	line-height: normal;
	top: 317px;
	width: 524px;
}
#carousel_4 .desc  {
	top: 100px;
	left: 35px;
	width: 380px;
}
#carousel_4 .subtext {
	font-size: 9px;
	left: 308px;
	line-height: normal;
	top: 317px;
	width: 524px;
}
#carousel_5 .details {
	color: #3459F5;
}
/** First is defaulted to visible **/
#carousel #carousel_1 {
	display: block;
}
#carousel .getItTV,
#carousel .getItInternet,
#carousel .getHelpSupport {
	height: 18px;
	left: 172px;
	top: 266px;
	width: 138px;
}
#carousel .getItInternet {
	background-position: -349px -205px;
	width: 169px;
}
#carousel .getItTV {
	background-position: -349px -177px;
	width: 169px;
	top: 275px;
}
#carousel .getHelpSupport {
	background-position: -349px -232px;
	left: 236px;
	top: 269px;
	width: 138px;
}
#carousel .getItTV span,
#carousel .getItInternet span,
#carousel .getHelpSupport span {
	display: none;
}































