body {
	background-color: #fff;
	font-family: Arial, helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	color: #040404;
}

a, a:link, a:visited, a:hover, a:active {	
	color: #025EC1; 
}

sup {
	font-size: 70%;
}

/***** SHELL *****/
#container {
	width: 100%;	
	background: url(/swhome/images/bgBlueStripe.gif) repeat-y;
}

#header {
	background: url(/swhome/images/bgHeader.gif) repeat-x;
}	

	#headerinner { width: 780px; }
	
	#logincontainer {
	    float: right;
	    background: url(/swhome/images/rightLoginNotch.gif) no-repeat right top;
	    margin-right: 3px;
	    padding-right: 0;
	}
	
	#logincontainer a#login {
	    display:block;
	    background:url(/swhome/images/leftLoginNotch.gif) no-repeat left top;
	    padding: 2px 20px 7px 56px;
	    text-decoration: none; 
	    color: #335CAD; 
	    font: 15px Arial, Helvetica, sans-serif; 
	    font-weight: bold;
    	}
    	
    #logincontainer div {
	    display: block;
	    background:url(/swhome/images/leftLoginNotch.gif) no-repeat left top;
	    padding: 2px 20px 7px 56px;	     
	    color: #335CAD; 
	    font: 13px Arial, Helvetica, sans-serif; 
	    font-weight: bold;
    	}	
    
    #logincontainer div a {
    	text-decoration: none;
	    font: 12px Arial, Helvetica, sans-serif;
	    text-decoration: underline;
	    color: #335CAD; 
    	}	

	.txtLiBlue { color: #5294F6; }

#topnav {
	clear: both;
	margin-left: 3px;
}
	
	#topnav ul {
		margin: 0;
		padding: 0;
	 	list-style-type: none;	
	}
			
	#topnav ul li {
		 display: inline;
}

#content {
	width: 780px;
	padding: 15px 15px 60px 15px;
}

	#content a { border-bottom: 1px dashed #0063CE; color: #025EC1; text-decoration: none; }
	#leftcol { float: left; width: 142px; }	
	#midcol { float: left; width: 371px; margin-left: 18px; }

		#midcol.wideleft { width: 502px; margin: 0; padding-left: 30px; position: relative; }		
		#midcol a { border-bottom: 1px dashed #0063CE; color: #025EC1; text-decoration: none; }
		#midcolleft { float: left; width:146px; }
		#midcolright { float: left; width:200px; padding-top: 10px; margin-left: 20px;}
	 
	#rightcol { float: left; width: 200px; margin-left: 18px;}

		#rightcol a { border-bottom: 1px dashed #0063CE; color: #025EC1; text-decoration: none; }

#footer {
	background-color: #1c3b71;
	color: #fff;
	font-size: 12px;
	padding: 1px 0 3px 5px;
	clear: both;
}

	#footerinner { width: 790px; }

	#footer a, a:link, a:visited, a:hover, a:active {	color: #fff; text-decoration: underline; }

	#footer img { float: right; padding: 2px 0 0 0; }

/***** END SHELL *****/


/***** HOME LEFT COL *****/
.frmhmlogin {
	color: #787878;
	margin: 0 0 12px 0;
	padding: 0 0 12px 0;
	border-bottom: 2px solid #D9E5FF;
	
}

	.frmhmlogin span {
		display: block;
		margin-bottom: 8px;
		font-size: 12px;
	}

	form.frmhmlogin label {
		color: #335CAD;
		font-size: 11px;
		font-weight: bold;
	}

	.inputfrmhmlogin {
		width: 123px;
		background-color: #FFFEEA;
		margin-bottom: 8px;
	}

	input.btnlogin {
		background-color: #F0F0F0;
		color: #0066CC;
		font-size: 11px;
		font-weight: bold;
		display: block;
		margin-bottom: 8px;
	}

span#hmcustcare {
	display: block;
	color: #040404;
	padding-top: 8px;
	font-size: 12px;
}

span.loginhelp {
	float:right; 
	display:inline; 
	font-size:11px; 
	padding:4px 20px 0 0;
}

/***** END HOME LEFT COL *****/

/***** HOME RIGHT COL *****/
#hmupgradebox {
	background: #FFFEEA url(/swhome/images/bgGreyStripe.gif) top repeat-x;
	border: 1px solid #1E78D2;
	font-size: 13px;
	color: #335CAD;
	font-weight: bold;
	padding: 3px 10px 10px 10px;
	margin-top: 17px;
	width: 185px;
	_width: 205px;
}

	#hmupgradebox img {
		margin-top: 13px;
		display: block;
	}

	#hmupgradebox a {
		color: #448FD4;
		border-bottom: 1px dashed #335CAD;
		text-decoration: none;
	}
	
	#hmupgradebox a.hmbtnupgrade {
		border: none;
		text-decoration: none;
	}
	
	#hmupgradebox h5 {
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 13px;
	}
	
/***** END HOME LEFT COL *****/	

/***** HOME MID COL *****/
.centerpromo {
	background: url(/swhome/images/hmBgCenterPromo.jpg) no-repeat;
	height: 310px;
	position: relative;
}

#cplist1 {
	position: absolute;
	top: 99px;
	left: 57px; 
	color: #0033CC;
	font-size: 15px;
}

#cplist1 ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 160px;
}

#cplist1 ul li {
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 0 0 0 20px;
	margin: 0;
	background-image: url(/swhome/images/bltHmArrow.gif); 
}

#cplist1 ul li.long {
	background-repeat: no-repeat;
	background-position: 0 20%;
	padding: 0 0 0 20px;
	margin: 0;
	background-image: url(/swhome/images/bltHmArrow.gif); 
}

#cplist2 {
	position: absolute;
	top: 175px;
	left: 14px; 
	color: #0033CC;
	font-size: 15px;
}

#cplist2 ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 170px;
}

#cplist2 ul li {
	background-repeat: no-repeat;
	background-position: 0  0;
	padding: 5px 0 2px 25px;
	margin: 0;
	background-image: url(/swhome/images/bltHmCheck.gif); 
}

#cplist2 ul li.long2 {
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 5px 0 0 25px;
	margin: 0;
	background-image: url(/swhome/images/bltHmCheck.gif); 
}

#cplist2 a {
	text-decoration: none;
	color: #0033CC;
	background: url(/swhome/images/hmUnderline.gif) repeat-x bottom;
}

#cpbuttons {
	position: absolute;
	top: 205px;
	left: 220px; 
	text-align: right;
}

#cp300tc {
	position: absolute;
	top: 45px;
	left: 125px; 
}

#cp300tc a {
	border-bottom: none;
}

	#cpbuttons img { margin-bottom: 15px; }	
	
#hmupgradebox2 {
	background-color: #FFFEEA;
	border: 1px solid #1E78D2;
	font-size: 13px;
	color: #335CAD;
	font-weight: bold;
	top: 320px;
	width: 371px;
	position: absolute;
}	

	#hmupgradebox2hdr {
		background-color: #497acf;
		color: #ffffff;
		font-size: 15px;
		padding: 2px 2px 2px 7px;
	}
	
	#hmupgradebox2 p {
		padding: 5px 7px; 
		margin: 0;
	}

/***** END HOME MID COL *****/

/***** LEFT COL NAV *****/

#leftcol a {
	border: none;
}

#leftcolinner {
	padding: 25px 0 0 0;
}

#leftcol h4 {
	font-size: 14px;
	color: #025EC1;
	font-weight: bold;
	border-bottom: 1px solid #C6D6FF;
	margin: 0 0 4px 0;
	padding: 0 0 2px 0;
}

#leftcolnav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#leftcolnav ul li {
	background-repeat: no-repeat;
	background-position: 0  35%;
	padding: 0 0 4px 10px;	
	background-image: url(/swhome/images/bltArrowRight.gif); 
}

#leftcolnav ul li#withsub {
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding: 0 0 4px 10px;	
	background-image: url(/swhome/images/bltArrowDown.gif); 
}

#leftcolnav ul li#last {
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding: 0 0 4px 10px;	
	background-image: url(/swhome/images/bltArrowDown.gif); 
	border-bottom: 1px solid #C6D6FF;
}

#leftcolnav ul li#lastnosub {
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 0 0 4px 10px;	
	background-image: url(/swhome/images/bltArrowRight.gif); 
	border-bottom: 1px solid #C6D6FF;
}

#leftcolnav ul li.long {
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 0 0 4px 10px;	
	background-image: url(/swhome/images/bltArrowRight.gif); 
}

#leftcolnav ul li.tounited {
	background-repeat: no-repeat;
	background-position: 0 67%;
	padding: 3px 0 0 10px;	
	background-image: url(/swhome/images/bltArrowUp.gif); 
}

#leftcolnav ul li a {
	color: #025EC1;
	text-decoration: none;
	font-size: 12px;
}

#leftcolnav ul li a:hover {
	border-bottom: 1px dashed #025EC1;
}

#leftcolnav ul li.active {
	background-color: #F3F7FF;
}

#leftcolsubnav ul {
	list-style-type: none;
	padding: 0;
	margin: 4px 0 0 1px;
}

#leftcolsubnav ul li {
	background-repeat: no-repeat;
	background-position: 0 35%;
	padding: 0 0 3px 8px;	
	background-image: url(/swhome/images/bltArrowRight.gif); 
}

	#leftcolsubnav ul li a {
		color: #025EC1;
		text-decoration: none;
		font-size: 12px;
	}
	
	#leftcolsubnav ul li a:hover {
		border-bottom: 1px dashed #025EC1;
	}

/***** END LEFT COL NAV *****/

/***** TEXT TREATMENTS *****/
h1 {
	margin: 0 0 7px 0;
	padding: 0;
	color: #335CAD;
	font-size: 16px;
}

h2.pghdr {
	margin: 0 0 5px 0;
	padding: 0;
	color: #335CAD;
	font-size: 21px;
	font-weight: normal;
}

.pgsubhdr {
	color: #335CAD;
	font-size: 16px;
	font-weight: bold;
}

.pgsubhdr2 {
	color: #335CAD;
	font-size: 12px;
	font-weight: bold;
}

.spcheader {
	font-size: 20px;
	color: #003399;
	font-weight: bold;
	padding-bottom: 8px;
}

.spcheader2 {
	font-size: 14px;
	color: #00319C;
}

.spcheader3 {
	font-size: 18px;
	color: #00319C;
}

.spcheader4 {
	font-size: 14px;
	color: #00319C;
	font-weight: bold;
}

.spclnk {
	text-decoration: underline; 
	color:#025EC1;
	font-size:12px;
	border-bottom: none;
}

.txtRed {
	color: #EF2A33;
}

.txtGrey {
	color: #505253;
}

.txtLiGrey {
	color: #b7babe;
}

.txtBlue {
	color: #335CAD;
}

.txtWhite {
	color: #fff;
}

.txtLg {
	font-size: 16px;
	font-weight: normal;
}

.txtMid {
	font-size: 12px;
	font-weight: normal;
}

.txtSml {
	font-size: 11px;
}

.featlist ul {
	list-style-type: none;
	padding: 0;
	margin: 10px 7px;
}

.featlist ul li {
	background-repeat: no-repeat;
	background-position: 0 40%;
	padding: 0 0 4px 15px;	
	background-image: url(/swhome/images/bltDiamond.gif); 
}

.featlist ul li.long {
	background-repeat: no-repeat;
	background-position: 0 4%;
	padding: 0 0 4px 15px;	
	background-image: url(/swhome/images/bltDiamond.gif); 
}

.faqlist ul {
	padding: 0;
	margin: 0 0 25px 15px;
}

.faqlist ul li {
	padding-bottom: 5px;	 
}

.rcollist ul {
	list-style-type: none;
	padding: 0;
	margin: 5px 0 15px 7px;
}			
.rcollist ul li {
	background-repeat: no-repeat;
	background-position: 0 40%;
	padding: 0 0 4px 18px;	
	background-image: url(/swhome/images/bltDiamondblue.gif); 
}


/***** END TEXT TREATMENTS *****/

/***** TABLES *****/ 

#tblcomparison {
	border: 1px solid #C2D6FF;
	border-collapse: collapse;
	margin-top: 10px;
}
	#tblcomparison th { border: none; }
	#tblcomparison td { border-right: 1px solid #C2D6FF; border-bottom: 1px solid #C2D6FF; font-size: 13px; }
	#tblcomparison td.comppoint { padding: 8px; }
	#tblcomparison td.compcheck { background-color: #F0F5FF; text-align: center; vertical-align: middle; }
	#tblcomparison td.compcost { padding: 5px; background: #FFFEEA url(/swhome/images/bgGreyStripe2.gif top repeat-x; font-size: 16px; text-align: center; vertical-align: middle; }
	#tblcomparison td.compcosttxt { padding: 5px 20px 5px 3px; background: #FFFEEA url(/swhome/images/bgGreyStripe2.gif) top repeat-x; font-size: 16px; text-align: right; vertical-align: middle; }
		
table.tbljoin { /*** for Join page ***/
	background-color: #F3F7FF;
	font-size: 13px;
}

	table.tbljoin label { float: right; text-align: right; }
	
	#nompcopy {
		    position: absolute;
		    top: 220px; _top: 238px;
		    left: 379px; 
		    width: 152px;
		    background: url(/swhome/images/parRight.gif) no-repeat right top;
		    margin: 0;
		    padding-right: 0;
		}

	#nompcopy a {
		    display:block;
		    background:url(/swhome/images/parLeft.gif) no-repeat left top;
		    padding: 0 0 0 10px;
		    text-decoration: underline; 
		    color: #0367CD; 
		    font: 12px Arial, Helvetica, sans-serif;
		    border: none;
	}
	
table.tblfrm { /*** for general form page ***/
	background-color: #F3F7FF;
	font-size: 13px;
}

	table.tblfrm label { float: right; text-align: right; }	

table.tblinfo { /*** for account info page ***/
	background-color: #F3F7FF;
	font-size: 13px;
}

	table.tblinfo thead th { color: #335CAD; background-color: #fff; text-align: left; padding: 6px;}	
	table.tblinfo td { padding: 6px; vertical-align: top; border-right: 2px solid #fff; }
	table.tblinfo td.tblhrzdiv { background-color: #9DC4ED; padding: 0 }

table.accinfoblueborderbox { /*** for account info page ***/
	border: 1px solid #ceddff;
	margin: 6px 0 20px 0;
}
	table.accinfoblueborderbox td {	color: #000; font-size: 13px; font-weight: normal; }
	
table.accinfobluebgbox { /*** for account info page ***/
	background-color: #f3f6ff;
	border-bottom: 1px solid #ceddff;
	margin: 6px 0 10px 0;
}	

	table.accinfobluebgbox input { color: #335CAD; }
	
table.zfgrid { /*** for zone fares page ***/
	border-top: 1px solid #CEDEFF;
	font-size:13px;
}

table.tblzfgrid { /*** for zone fares page ***/
	border: 1px solid #465b93;
	border-collapse: collapse;
	font-size: 12px;
	font-family: Arial;
}
	table.tblzfgrid th {
		color: #fff;
		border-right: 1px solid #fff;
		background-color: #5c78c4;
		font-weight: normal;
	}
	table.tblzfgrid td {
		border-right: 1px solid #465b93;
		border-bottom: 1px solid #465b93;
		text-align: center;
	}
	table.tblzfgrid td.tblzfgridhdr {
		color: #fff;
		border-right: 1px solid #999999;
		border-bottom: none;
	}

	table.tblzfgrid th.tblzfgridrowhdr { border-bottom: 1px solid #fff;	}
	table.tblzfgrid th.tblzfgridsubhdr { border-right: 1px solid #91aff9; }
	table.tblzfgrid th.tblzfgridsubhdrpeak { border-right: 1px solid #fff; }

	table.tblzfgrid td.tblzfgridsubhdrA { color: #fff; border-right: 1px solid #91aff9;	border-bottom: 1px solid #999999;}
	table.tblzfgrid td.tblzfgridsubhdrApeak { color: #fff; border-right: 1px solid #999999;	border-bottom: 1px solid #999999;}
	table.tblzfgrid td.tblzfgridsubhdrB { color: #fff; border-right: 1px solid #5c78c4;	border-bottom: 1px solid #999999;}
	table.tblzfgrid td.tblzfgridsubhdrBpeak { color: #fff; border-right: 1px solid #999999;	border-bottom: 1px solid #999999;}
	table.tblzfgrid td.tblzfgridsubhdrC { color: #fff; border-right: 1px solid #3a58a2;	border-bottom: 1px solid #999999;}
	table.tblzfgrid td.tblzfgridsubhdrCpeak { color: #fff; border-right: 1px solid #999999;	border-bottom: 1px solid #999999;}
	table.tblzfgrid td.tblzfgridsubhdrD { color: #fff; border-right: 1px solid #7d9be5;	border-bottom: 1px solid #999999;}
	table.tblzfgrid td.tblzfgridsubhdrDpeak { color: #fff; border-right: 1px solid #999999;	border-bottom: 1px solid #999999;}
	table.tblzfgrid td.tblzfgridsubhdrE { color: #fff; border-right: 1px solid #5c78c4;	border-bottom: 1px solid #999999;}
	table.tblzfgrid td.tblzfgridsubhdrEpeak { color: #fff; border-right: 1px solid #999999;	border-bottom: 1px solid #999999;}
	table.tblzfgrid td.tblzfgridsubhdrF { color: #fff; border-right: 1px solid #91aff9;	border-bottom: 1px solid #999999;}
	table.tblzfgrid td.tblzfgridsubhdrFpeak { color: #fff; border-right: 1px solid #999999;	border-bottom: 1px solid #999999;}
	

/***** END TABLES *****/ 
	
/***** BOXES *****/ 

#tc300box {
	border: 1px solid #1E78D2;
	color: #335CAD;
	width: 210px;
	background-color: #FFFEEA;
	text-align: center;
}
	#tc300box span.tc300boxhdr {
		font-size: 18px;
		color: #335CAD;
		line-height: 33px;
	}

	#tc300box ul {
		list-style-type: none;
		padding: 0;
		margin: 5px 0 0 8px;
		text-align: left;
		width: 146px;
		font-size: 15px;		
	}
	
	#tc300box ul li {
		background-repeat: no-repeat;
		background-position: 0 40%;
		padding: 0 0 6px 20px;
		margin: 0;
		background-image: url(/swhome/images/bltArrowRight2.gif); 
	}
	
	#tc300box ul li span {
		border-bottom: 1px dashed #335CAD;
		color: #224ED0;
	} 
	
	#tc300box ul li.long {
		background-repeat: no-repeat;
		background-position: 0 20%;
		padding: 0 0 0 20px;
		margin: 0;
		background-image: url(/swhome/images/bltArrowRight2.gif); 
	}
	
#learnmorebox {
	border: 1px solid #1E78D2;	
	width: 187px;
	height: 42px;
	background: url(/swhome/images/bgBoxLearnMore.gif) no-repeat;
	font-size: 14px;
	padding: 45px 0 0 16px;
}	

	#learnmorebox div { width: 140px }
	
#hvprobbox {
	font-size: 12px;
	border: 1px solid #1E78D2;	
	padding: 15px;
	width: 173px;
}

#currcreditsbox {
	border: 1px solid #1E78D2;	
	color: #335CAD;
	padding: 3px 8px;
}

	#currcreditsbox span { font-weight: bold }

#tcbalancebox {
	background: #FFFEEA url(/swhome/images/bgGreyStripe.gif) top repeat-x;
	border: 1px solid #1E78D2;
	font-size: 14px;
	color: #000;	
	padding: 3px 10px 10px 10px;
	margin-top: 27px;
	width: 185px;
}

	#tcbalancebox h5 {
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 13px;
		color: #335CAD;
	}
	
.featbox {
	border: 1px solid #0063ad;
	background-repeat: repeat-x;
	background-position: 0 60px;
	background-image: url(/swhome/images/bgBlueGrad.gif);
	width: 174px;
}	

#tcWizNav {
	font-size: 11px;
	padding: 10px 0 40px 0 ;
}

	#tcWizNav div {
		float: left; 
		width: 90px; 
		padding: 0 10px 0 0;
	}
	
	#tcWizNav div.tcWizNavActive {
		font-weight: bold;
	}
/***** END BOXES *****/ 

/***** OLD *****/

td#pophdr {
	height: 25px;
	background-color: #6699FF;
	padding-left: 10px;
}

td#popfooter {
	height: 25px;
	vertical-align: middle;
	background-color: #1C3B71;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;

}
input.btnClose {
	color: #0066CC;
	background-color: #fff;
	font: bold 11px Arial, Helvetica, sans-serif;
}

.popup-body-content {
	height:550px;		
	border: 1;
}

.errorText {
	font-family: Arial, Helvetica, sans Serif;
	font-size:12px;
	font-weight:bold;
	color: #CC0000;
	vertical-align:middle;
}

TD#zf1 {
	BACKGROUND: #99abf2; COLOR: #ffffff; FONT-SIZE: 80%; PADDING-LEFT: 4px; TEXT-ALIGN: center
}
TD#zf2 {
	BACKGROUND: #6475bd; COLOR: #ffffff; FONT-SIZE: 80%; PADDING-LEFT: 4px; TEXT-ALIGN: center
}
TD#zf3 {
	BACKGROUND: #42549b; COLOR: #ffffff; FONT-SIZE: 80%; PADDING-LEFT: 4px; TEXT-ALIGN: center
}
TD#zf4 {
	BACKGROUND: #8597de; COLOR: #ffffff; FONT-SIZE: 80%; PADDING-LEFT: 4px; TEXT-ALIGN: center
}

