﻿* { margin: 0; padding: 0 }
p { text-align: left; margin: 15px 0 }
p, ul { font-size: 13px; line-height: 1.4em;padding:0; margin:0; } 
/*p a, li a { color: #39c; text-decoration: none }*/
p.intro { border-bottom: 1px solid #888; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
p#cross-links { text-align: center }
p#cross-links { border-bottom: 1px solid #888; margin-bottom: 30px; padding-bottom: 30px }
noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }
a:focus { outline:none }
img { border: 0 }
h3 {  margin-bottom: 5px; padding-bottom: 3px; text-align: left ; font-style:italic; color:#fff;}
.incentives h4
{
	text-align: left ; font-weight:normal;
}
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px;
}
		
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin:  0;
	background:url(/images/wizard/background.png) no-repeat;
	padding:0px;
	width:1008px;
	height:500px;
	font-family:"Trebuchet MS";behavior: url(iepngfix.htc);
}

	/*		* html .slider-wrap 
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wizard/background.png", sizingMethod="crop");
}*/

		/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 		
			margin: auto;
			width: 950px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 360px;
			clear: both;
}
		
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 950px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: 0;
	height:58px;
	padding:0px;
	overflow:hidden;
	background:url("/images/wizard/Wizard_steps_background.png") no-repeat center;
}

* html .stripNav
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wizard/Wizard_steps_background.png", sizingMethod="crop");
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav ul li {
	float: left;
	width:192px;
	display:block;
}

.stripNav ul li.tab1{	width:225px;	}
.stripNav span.title {
width:80px;
font: 24px bold "Trebuchet MS";
color: #2a7394;
float:left;
width:160px;
margin:15px 0 0 15px;
padding-left:26px;
text-align:left;
}
.stripNav li a,.stripNav li a:link,.stripNav li a:active,.stripNav li a:visited
{ 
font: 24px bold "Trebuchet MS";
text-align: center;
line-height: 58px; 
color: #fff;
text-decoration: none;
display: block;
padding: 0 18px;
text-transform:uppercase;
text-decoration:none;
margin-top:-2px;
}

.stripNav li a:hover {
background:url("/images/wizard/highlight.png") no-repeat right;
}
	
* html .stripNav li a:hover 
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wizard/highlight.png", sizingMethod="crop");
}
	.stripNav li a.inactive:hover {
		background:url("") no-repeat right;
	}
	
	.stripNav li a.current {
		background:url("/images/wizard/highlight.png") no-repeat ;
		background-position:right;
		color: #fff;
	}
	
	
* html .stripNav li a.current 
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wizard/highlight.png", sizingMethod="crop");
}
	
	.stripNavL, .stripNavR { /* The left and right arrows */
		padding:0 30px; cursor:pointer; z-index:9999;
	}
	
	.stripNavL a, .stripNavR a {
		display: block;
		height: 50px;
		width: 50px;
	}
	
	div.bottom div{height:65px;}
	
	.stripNavL 
	{
		width:50px;
		clear:left;
		left: 0;
		float:left;
		padding-left:75px;
	}

	
	div.bottom div.middle{
		float:left;
	}
	
	div.bottom div.middle img
	{
		margin:10px 0 0 300px;
	}
	
	.stripNavR 
	{
		float:right;
		width:50px;
		padding-right:75px;
	}

.stripNavL a{
		float:left;
	background: url("/images/wizard/left.png") no-repeat center; 
		width:61px;
		height:63px;
}
		* html .stripNavL a
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wizard/left.png", sizingMethod="crop");
}
.stripNavR a{
		float:right;
		width:61px;
		height:63px;
		background: url("/images/wizard/right.png") no-repeat center; 
}
			* html .stripNavR a
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wizard/right.png", sizingMethod="crop");
}
.rightCol
{
float:left;
width:420px;
}
table.form{width:525px}
table.form td
{
	font-family:Verdana,"Trebuchet MS", Arial;font-size:11px !important; text-align:left;
	color:#2a7394;
	font-size:12px;
	font-weight:normal;
	float:left;
	vertical-align:middle;
}
table.form td.leftcol{width:250px}
table.form td.rightcol{width:250px}
table.form td select,table.form td input
{
	/*border:solid 2px #888;
	margin:0;
	font: 20px bold "Trebuchet MS";
	float:left;*/
	font-family:Verdana,"Trebuchet MS", Arial;font-size:11px !important; 
}
.forms label
{
	display:inline-block;
	color:#2a7394;
	font-size:15px;
	font-weight:bold;
	width:135px;
	float:left;
	padding-top:10px;
	vertical-align:middle;
}
.forms label.small
{
	display:inline;
	font-size:12px;
	font-weight:normal;
	width:auto;
	float:left;
	vertical-align:middle;
	padding-top:0px;
}

ul.forms select,.forms input.start,.forms input.contractlength,.forms input.searchbox,ul.forms input.cash,.forms .startwrapper input
{
	width:267px;
	border:solid 2px #888;
	margin:0;
	font: 24px bold "Trebuchet MS" !important;
	float:left;
}

ul.forms select.carriers{width:267px; float:left;border:solid 2px #888;}

.forms .willing
{
	width:17px;
	height:17px;
	float:left;border:solid 2px #888;
}

.forms li
{
	padding:5px;
	clear:left;
}

.forms  textarea
{
	clear:left;
	width:410px;
	height:210px;
	border:solid 2px #888;
	font-size:16px;
font-weight:bold;
}

.forms .tip
{
	float:left;
	width:34px;
	height:33px;
	padding:0;
	margin:0;
	padding-left:3px;
	background: url("/images/wizard/tip.png") no-repeat center;
}

		* html .forms .tip
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wizard/tip.png", sizingMethod="crop");
}

.forms .validate_error,.forms .error
{
	background: url("/images/wizard/bad.png") no-repeat right;
}
.forms .contractdate,.forms .validate_error,.forms .accept,.forms .empty,.forms .error,.forms .tip_length
{
	padding-top:3px;
	font: 16px bold "Trebuchet MS";
	font-weight:bold;
	font-style:italic;
	clear:left; margin-left:132px;
	width:180px;
	color:#633c39;
}

.forms .accept
{
	background: url("/images/wizard/good.png") no-repeat right;
}

		* html .forms .accept
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wizard/good.png", sizingMethod="crop");
}
.forms .validate_error,.forms .error
{
	background: url("/images/wizard/bad.png") no-repeat right;
}



		* html .forms .validate_error,		* html .forms .error
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wizard/bad.png", sizingMethod="crop");
}

div.accessories
{
	float:left;
	width:267px;
	height:115px;
	background-color:White;
	border:2px solid #CC0000;
}

.stripNav span.trial
{
	width:auto;
	float:left;
}

.balloon{
-x-background-x-position:left;
-x-background-y-position:top;
background-attachment:scroll;
background-color:transparent;
background-repeat:no-repeat;
height:170px;
position:absolute;
width:229px;
}

input.cash
{
	background:#fff url('/images/wizard/dollar.jpg') no-repeat scroll 0% 50%;
	padding-left:30px; font:20px bold "Trebuchet MS" !important;
	border:solid 2px #888;
	margin:0;
	font: 20px bold "Trebuchet MS" !important;
}
div.phonebox{width:200px !important; margin:1px; padding:1.5px;}
div.phonebox div{padding:0px;}
span.acc{margin:0px; padding:0px; font-size:9px; height:12px}
span.acc label {margin:0px; padding:0px; font-size:9px;}
div.preview,div.preview2
{
	width:458px;
	margin:0px;
	font: 15px bold "Trebuchet MS";
	text-align:center;
	background-color:#fff;
	clear:both;
	border:solid 1px #888;
	padding:1px;
	height:230px;
	
}
div.preview2{}
.preview .phone,.preview2 .phone
{
	margin:0 auto;padding:0;float:left;	
}
.preview .eachphone_in_preview, .preview2 .eachphone_in_preview{float:left;width:123px; height:220px;
	margin-left:1px;margin-right:1px; margin-top:2px;
	font: 11px bold "Trebuchet MS";
	border:dotted 1px #888;}
.preview .plan, .preview2 .plan
{
	text-align:center;
	margin:0 5px ;
	float:right;
	width:170px;height:230px;
	/*border:solid 1px #2a7394;*/
}
.preview2 img{border:none}
.preview2 .plan{width:260px; color:#555 !important;}
.preview h3,.preview h2, .preview2 h3,.preview2 h2
{
clear:left;
font: 16px bold "Trebuchet MS";
color:#29759C;
font-size:19px;
font-weight:bold;
margin:0pt auto;
padding:2px;
text-align:center;
}

.preview h2.cash, .preview2 h2.cash
{
	background:#fff url(/images/dollar2.png) no-repeat scroll 0% 50%;
	padding-left:20px;
	font-size:24px;
}
.preview .note {clear:left; text-align:left;color:#888; font-size:11px}
* html .preview h2.cash, * html .preview2 h2.cash
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/dollar2.png", sizingMethod="crop");
}
.progressbar { 
    width: 220px; 
    height: 29px; 
    line-height: 12px; 
    text-align: center; 
    background-color:Transparent;
    padding-left:1px;
    background:transparent url("/images/wizard/progress.png") no-repeat;
}

* html .progressbar
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wizard/progress.png", sizingMethod="crop");
}

.progressbar .progress
{
	background-color:Transparent;
	background:transparent url("/images/wizard/percent.png") repeat-x;
}

* html .progressbar .progress
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wizard/percent.png", sizingMethod="crop");
}

ul.menu li
{
	display:block;
	padding:3px;
	float:left;
}

div.checkout
{
	clear:both;
	padding:0 7px;
}

ul.cards li label,ul.address li label{ width:120px;}
ul.cards li select.cc{width:150px;}

.cards .expdate,.cards .validate_error,.cards .accept,.cards .empty,.cards .error
{
	padding-top:3px;
	font: 12px bold "Trebuchet MS";
	font-weight:bold;
	font-style:italic;
	clear:left; margin-left:125px;
	width:175px;
	color:#633c39;
}

.cards .accept
{
	background: url("/images/wizard/good.png") no-repeat right;
}
* html .cards .accept
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wizard/good.png", sizingMethod="crop");
}

.cards .validate_error,.forms .error
{
	background: url("/images/wizard/bad.png") no-repeat right;
}

* html .cards .validate_error,* html .cards .validate_error .forms .error
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wizard/bad.png", sizingMethod="crop");
}

div.scan
{
	padding:20px;
	font: 14px bold "Trebuchet MS";
	display:none;
line-height:normal;
margin-top:-28px;
padding:0pt;
position:relative;
z-index:99;
}

ul.login input.border, ul.login .password
{
	border:solid 2px #888;
}
.posting{ display:none; font-size:16px; color:#535353; width:760px;}
.posting p,.posting h2{font-size:16px; color:#535353; clear:both;}
.posting p{line-height:21px;}
.posting ul{list-style:none;}
.posting ul li{ float:left; display:block; height:418px; width:180px; border:none;}
.posting ul li.left{ background: url("/images/wizard/posting-left.png") no-repeat center;}
* html .posting ul li.left
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wizard/posting-left.png", sizingMethod="crop");
}
.posting ul li.middle{ width:361px;height:419px;background: url("/images/wizard/posting-middle.png") no-repeat center;}
* html .posting ul li.middle
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wizard/posting-middle.png", sizingMethod="crop");
}
.posting ul li.right{ background: url("/images/wizard/posting-right.png") no-repeat center;}
* html .posting ul li.right
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wizard/posting-right.png", sizingMethod="crop");
}
.posting ul li p,.posting ul li h2{width:150px; margin:0 auto;}
.posting ul li.right h2.top{margin-top:20px; }
.posting h2{font-size:20px; font-weight:bold;}
.posting ul li.left h2.top{margin-top:210px; margin-left:9px;}
.posting ul li.left p{margin-left:9px;}
.posting .circle
{
    display:block;float:left; width:48px; height:35px; font-size:22px;
    font-weight:bold;
    padding-top:15px;
    text-align:center;
    margin-top:-7px;
}
.posting ul li.right .circle{ background: url("/images/wizard/yellow-star.png") no-repeat top; color:#f16421;}
* html .posting ul li.right .circle
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wizard/yellow-star.png", sizingMethod="crop");
}
.posting ul li.left .circle{background: url("/images/wizard/grey-star.png") no-repeat top; color:#929292;}
* html .posting ul li.left .circle
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wizard/grey-star.png", sizingMethod="crop");
}
.posting ul li a{background:transparent url(/images/wizard/Select-button.png) no-repeat scroll 0%;
display:block;
font-size:18px;
height:30px;
text-indent:-9999px;padding:0 ; margin:0;
margin-left:3px; clear:both; width:162px; }


* html .posting ul li a
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wizard/Select-button.png", sizingMethod="crop");
}
.posting ul li a:hover{background:transparent url(/images/wizard/Select-button-rollover.png) no-repeat scroll 0%;}
* html .posting ul li a:hover
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wizard/Select-button-rollover.png", sizingMethod="crop");
}
.posting ul li.right a{margin-left:10px;}

.validas{display:none; width:600px; margin:0 auto; padding:5px; color:#fff; text-align:left;
    }
.validas h3{text-align:center;}
a.skip{text-decoration:underline; cursor:pointer;}
 a.skip:hover{text-decoration:underline;}
 
 * { behavior: url(iepngfix.htc); }
 
 .tall 
 {
    height:800px;
    background:url(/images/wizard/background_tall.png) no-repeat;
 }
 
 .tallview
 {
    height:588px;
 }
 
 .tall2
 {
    height:600px;
     background:url(/images/wizard/background_tall.png) no-repeat;
 }
 
 .tallview2
 {
    height:470px;
 }
 
 
div.preview .phone div.on a, div.preview2 .phone div.on a {
	background-position: 0 -16px;
}
