/**
 * Comcast Central Welcome Stylesheet
 *
 * @author Michael Adamek
 * @version 0.1
 *
 * 
 *
 *
 */
 
/* ------------------------------ Default ---------------------------------- */
 
.sprite {
	background: url(http://media2.comcast.net/anon.comcastonline2/support/helpandsupport/welcome/images/central_welcome/sprite_welcome.png) no-repeat 0 0;
}

.ir {
	display: block;
	overflow: hidden;
	text-indent: -1000em;
}

sup {
	font-size: smaller;
	font-weight: normal;
	vertical-align: super;
}

/* ------------------------------ Weclome Header ---------------------------------- */

#centralWelcome {
	background: url(http://media2.comcast.net/anon.comcastonline2/support/helpandsupport/welcome/images/central_welcome/header_welcome.jpg) no-repeat center 25px;
    height: 288px;
    margin: 0 0 10px;
    position: relative;
}

#centralWelcome h1 {
	/* empty */
}

#centralWelcome p {
	color: #999;
    font-size: 15px;
    left: 470px;
    line-height: 22px;
    position: absolute;
    top: 105px;
    width: 430px;
}

#centralWelcome ul {
    left: 470px;
    overflow: hidden;
    padding: 5px 0 0;
    position: absolute;
    top: 185px;
    width: 350px;
}

#centralWelcome ul li {
    float: left;
    font-size: 15px;
    line-height: 26px;
    padding: 0 47px 0 0;
    width: 125px;
}


/* ------------------------------ Welcome Content Wrapper ---------------------------------- */

#centralWelcomeContent{
    float: left;
    font-size: 14px;
    width: 701px;
}    

/* ------------------------------ Welcome Module ---------------------------------- */

.welcomeModule {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    clear: both;
    float: left;
    margin: 5px 0 25px;
    width: 698px;
}

.moduleHeader {
    background-position: -9px -171px;
    height: 32px;
}

.moduleHeader h2 {
    height: 25px;
    margin: 0 20px;
    width: 200px;
}

.moduleContent {
	height: 350px; 
}

.moduleContent img {
	float: left;
}

.moduleContent div {
	float: left;
	width: 345px;
}

.moduleContent div h3 {
    height: 60px;
    margin: 40px 0 0;
    width: 250px;	
}

.moduleContent div p {
	color: #444;
	font-size: 13px;
	line-height: 18px;
}

.moduleContent div ul {
	width: 270px;
}

.moduleContent div ul li {
	padding: 10px 0 0;
}

.moduleContent div ul li a {
    background-position: -7px -42px;
    display: block;
    float: none;
    font-size: 15px;
    padding: 0 0 5px 25px;
}

.moduleContent div ul li a span {
	color: #ebaa00;
}

.moduleContent div ul li a:visited {
    background-position: -688px -417px !important;
}

.moduleContent div ul li .phoneLink {
    background-position: -7px -15px;
}

.moduleContent div ul li .phoneLink:visited {
    background-position: -689px -379px !important;
}

.moduleFooter {
    background-position: -9px -203px;
    height: 130px;
}

.moduleFooter h4 {
    background-position: 23px -485px;
    height: 25px;
    margin: 0;
    padding: 15px 30px 0;
    width: 120px;
}

.moduleFooter ul {
    float: left;
    overflow: hidden;
    padding: 15px 0 0 30px;
    width: 195px;
} 

.moduleFooter ul.firstColumn {
	width: 175px;
}

.moduleFooter ul.secondColumn {
	width: 200px;
}

.moduleFooter ul.thirdColumn,
.moduleFooter ul.lastColumn {
	width: auto;
}

.moduleFooter ul li {
    float: none;
    padding: 0 0 15px;
    width: auto;
}

.moduleFooter ul li a {
    background-position: -10px -118px;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 0 0 0 15px;
}

.moduleFooter ul li a span {
	color: #ebaa00;
}

#yourAccount .moduleHeader h2 {
    background-position: -9px -384px;
}

#yourAccount .moduleContent img {
	padding: 30px 55px 0;
}

#yourAccount .moduleContent div h3 {
    background-position: -8px -534px;
    margin-top: 48px;
}

#xfinityTV .moduleHeader h2 {
    background-position: -9px -407px;
}

#xfinityTV .moduleContent {
	height: 380px;
}

#xfinityTV .moduleContent div {
    padding: 40px 0 0 30px;
    width: 300px;
}

#xfinityTV .moduleContent div h3 {
    background-position: -8px -610px;
    margin-top: 0;
}

#xfinityTV .moduleContent img {
	float: right;
	padding: 40px 0 0;
}

#xfinityInternet .moduleHeader h2 {
    background-position: -9px -429px;
}

#xfinityInternet .moduleContent {
	height: 355px;
}

#xfinityInternet .moduleContent img {
	padding: 45px 65px 0 0;
}

#xfinityInternet .moduleContent div {
	width: 325px;	
}

#xfinityInternet .moduleContent div h3 {
    background-position: -8px -680px;
    margin-top: 40px;
}

#xfinityVoice .moduleHeader h2 {
    background-position: -9px -451px;
}

#xfinityVoice .moduleContent div {
    padding: 40px 0 0 30px;
    width: 300px;
}

#xfinityVoice .moduleContent {
	height: 320px;
}

#xfinityVoice .moduleContent div h3 {
    background-position: -8px -757px;
    height: 28px;
    margin-top: 0;
    width: 300px;
}

#xfinityVoice .moduleContent img {
	float: right;
	padding: 40px 0 0;
}

#xfinityVoice .moduleFooter {
	background-position: -9px -790px;
	height: 158px;
}

/* ------------------------------ Access Services ---------------------------------- */

#centralServices {
    clear: both;
    float: left;
    margin: 30px 0 0;
    position: relative;
    width: 100%;
}

#centralServices img {
    float: left;
    margin: 0 55px 0 30px;
}

#centralServices h2 {
	color: #333;
    font-size: 18px;
    margin: 5px 0 0;
}

#centralServices p {
	color: #444;
	margin-top: 0;
}

#centralServices ul {
   float: left;
   margin: 0 0 20px;
}

#centralServices ul li {
	/* empty */
}

#centralServices ul li a {
	display: block;
	font-size: 15px;
	line-height: 34px;
    padding: 0 0 0 30px;
}

#centralServices ul li .regLink {    
	background-position: -5px -38px;
}

#centralServices ul li .phoneLink {
    background-position: -5px -9px;
}

/* ------------------------------ Comcast Support ---------------------------------- */

#centralSupport {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    clear: both;
    float: left;
    overflow: hidden;
    padding: 15px 0 20px;	
    width: 100%;
}

#centralSupport h2 {
	color: #333;
	font-size: 18px;
}

#centralSupport div {
	border-right: 1px dotted #dfdfdf;
    float: left;
    padding: 0 16px 0 10px;
    width: 215px;
}

#centralSupport div.first {
	padding-left: 0;
}

#centralSupport div.last {
	border-right: 0 none;
	padding-right: 0;
}

#centralSupport h3 {
	font-size: 13px;
}

#centralSupport p {
	color: #444;
	font-size: 12px;
}

/* ------------------------------ Get Help ---------------------------------- */

#centralHelp {
	clear:both;
	float: left;
	width: 100%;
}

#centralHelp a.button {
    background-position: -278px -8px;
    display: block;
    float: left;
    height: 34px;
    margin: 20px 0;
    width: 171px;
}

#centralHelp a.button:hover {
    background-position: -278px -50px;
}

#centralHelp a.button:active {
    background-position: -278px -89px;
}

#centralHelp ul {
    float: left;
    margin: 15px 20px;
    overflow: hidden;
    width: 350px;
}

#centralHelp ul li {
	display: block;
    float: left;
    margin: 15px 0 0;

}

#centralHelp ul li a {
	display: block;
    font-size: 11px;
    line-height: 18px;
    padding: 0 0 0 30px;
}

#centralHelp ul li .emailLink {
    background-position: 1px -342px;
    border-right: 1px solid #dfdfdf;
    padding-right: 10px;    
}

#centralHelp ul li .emailLink:visited {
    background-position: -680px -496px !important;
}    

#centralHelp ul li .locateLink {
    background-position: -1px -97px;
}

#centralHelp ul li .locateLink:visited {
    background-position: -680px -476px !important;
}

/* ------------------------------ Get the Apps ---------------------------------- */

#getApps {
	background: url(http://media2.comcast.net/anon.comcastonline2/support/helpandsupport/welcome/images/central_welcome/header_apps.jpg) no-repeat center 0;
	height: 100%;
	*height: 2650px; /* IE6 Hack */
	position: relative;
}

#getApps h3 {
	/* empty */
}

#getApps p {
	color: #444;
	font-size: 13px;
	line-height: 18px;
	padding: 225px 0 0;
	text-align: center;
	width: 250px;
}

#getApps ul {
	border-top: 1px solid #ebebeb;
	background: #f3f9ff;
	height: 45px;
	overflow: hidden;
}

#getApps ul li {
	/* empty */
}

#getApps ul li a {
    background-position: 20px -36px;
    font-size: 15px;
    line-height: 41px;
    margin: 5px 0 0 10px;
    padding: 8px 0 0 50px;
    text-align: center;
}

#getApps ul li a:visited {
    background-position: -661px -411px !important;
}