@import "meyer-reset.css";
@import "nav.css";

/* -------------------------- */
/*         HEADER OVERRIDES   */
/* -------------------------- */

#toOrder { padding-right: 10px; }

#topWA { width: 280px; padding-right: 0px; position: absolute; font-size: 10px;  top: 10px;  left: 10px;  text-align: left;}
	
	/* -------------------------- */ 
	/*         HEADER             */ 
	/* -------------------------- */
	 #header {   
	  height: 97px;    
	  width: 954px;   
	   margin: 0 auto;   
	    position: relative;
    z-index: 5000;}

/* -------------------------- */
/*         OVERALL            */
/* -------------------------- */

body { color: #37424a; background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; }

a { color: #235ab7; text-decoration: none; }
a:link { color: #235ab7; }
a:visited { color: #16366c; }
a:hover { text-decoration: underline; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; }
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		
#pageTile {
	background-color:#A1DAD0;
	min-width:954px;
	width:100%;
	padding: 10px 0 29px 0;
}

#homeContent {
	width: 983px;
	margin: 0 auto;
	height:450px; 
	background:url(../_img/default/bkgnd.png) no-repeat top left;}



.phoneB { position:relative; width:108px; float:left; margin:140px 0 0 0; padding:10px 4px 4px 4px; text-align:center; z-index:1;}

.first {margin-left:12px;}
	
.phoneB div.display {top:-999em;/* hide message initially*/ position:absolute; left:-1px;}

.phoneB:hover {visibility:visible}/* ie bug needed to make span show*/

.phoneB:hover div.display {top:-141px;}/* reveal image*/

.display .container {
	width:108px; 
	float:left; 
	margin:140px 0 0 0; 
	padding:10px 4px 4px 4px; 
	text-align:center; 
	background-color:#f4f2e3; 
	border:1px solid #d9d5b9;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.display .content {text-align:left;}

.display .content .phoneName {font-weight:bold; font-size:12px; line-height: 14px; margin:0 0 8px 0;}

.display .content .phoneDesc {font-weight:normal; font-size:11px; line-height: 13px; margin:0 0 5px 0;}

.display .content .phoneItems {font-weight:bold; font-size:11px; margin:0 0 10px 0; line-height:14px;}

.display .content .phonePrice {font-weight:bold; font-size:18px; margin:0 0 3px 0;}

.display .content .phoneContract {font-weight:normal; font-size:8px; color:#6d7981; margin:0;}

.display .content .phoneDots {margin:0px 0 5px 0; font-size:9px; color:#b5af83;}

.display .content .phoneLinks {line-height:15px; font-size:11px;}

#Links, #Links2 {margin:0 auto; float:none; width:963px; padding:0px;}

.footColumn {width:162px; float:left; padding:10px;}

.footColumn1 {padding:10px; padding-right:25px; width:190px; float:left; margin:0 10px 0 0 ; }

.footColumnMS {padding:10px 0 0 0; width:275px; float:right; margin:0 10px 0 0 ; }

.footColumn h3, .footColumn1 h3, .footColumnMS h3 {text-transform:uppercase; font-size:11px; font-weight:bold; margin:0 0 5px 0;}

.footColumn ul li, .footColumn1 ul li {margin-bottom:5px; font-size:12px; padding:0px; line-height:13px;}

.footerLinks a {padding:0px;}

.footerIcons {margin:0 5px 0 0; width:45px;}

#footerTile {padding-top:12px;}

#homeContent2 {
	width: 983px;
	margin: 0 auto;
	height:114px;
	margin-bottom:0px;
}


#offer1, #offer2, #offer3 {margin-right:2px; float:left; width:244px; height:114px; background:url(../_img/default/tiles/MS-bg.png) no-repeat top left;}

#offer3 {background:url(../_img/default/tiles/MS-bg_FFF.png) no-repeat top left;}

#offer1 {background-image:none;}

#offer1 h3, #offer2 h3, #offer3 h3 {font-size:16px; left:15px; margin:0; padding:10px 0 0; position:relative; width:200px; letter-spacing:-.01em;}

	#offer3 h3 {letter-spacing:normal;}

#offer1 h3 a, #offer2 h3 a, #offer3 h3 a {color:#37424a; text-decoration:none;}

#offer1 h3 a:hover, #offer2 h3 a:hover, #offer3 h3 a:hover {text-decoration:none;}


#offer1 img, #offer2 img, #offer3 img {margin:13px 10px 0 15px; float:left;}

#offer1 img, #offer2 img {margin:0px;}

#offer1 img.arrow, #offer2 img.arrow, #offer3 img.arrow {float:right; margin:-18px 12px -20px 0;}

#offer1 p, #offer2 p, #offer3 p {margin:10px 10px 0 0; float:left; width:150px; font-size:12px; line-height:15px;}

#offer1 a, #offer2 a, #offer3 a {color:#235ab7; text-decoration:none;}

#offer1 a:hover, #offer2 a:hover, #offer3 a:hover {text-decoration:underline;}


/* MEMBER SERVICES LOGIN */

.MSlogin { 
	width: 233px;
	height: 115px;
	color: #37424a;
	position: relative;
	float: left;
}

.MSlogin h3 {color: #37424a; }

.MSlogin p {color: #37424a; margin-top: 38px; float: left; }
.MSlogin a {color: #235ab7;}

.MSlogin table {
	border:1px solid blue;}

.MSlogin input.phone {
	width: 98px;
	border:0px;
	padding:4px 0 0 10px;
	height:22px;
	margin-right: 3px;
	background:url(../_img/default/input_ms.png) no-repeat;
}

.MSlogin input.password {
	width: 98px;
	border:0px;
	padding:4px 0 0 10px;
	height:22px;
	margin:0;
	background:url(../_img/default/input_ms.png) no-repeat;
}

.MSlogin input.btnSignIn {
	width: 65px;
	height:22px;
	border:0px;
	float: right;
	text-indent: -9999px;
}

.r_bucket_formMS {
	font-size:13px;
	position: absolute;
	top:35px;
	left:12px;
}

#footerTile2 {

background:transparent url(../_img/default/footer_tile.gif) repeat-x 0 0;
min-width:954px;
padding:15px 0 10px 0;
width:100%;
background-color:#f1f9f8;
}

#fma {padding:0; width:244px; height:420px; float:left; position:relative; left:8px; top:10px; margin-right: 16px;}

#flashTxt {
	text-indent:-9999px;
	width:0px;
	height:0px;
	margin:0;
	padding:0;
	float:left;
}

#r_bucket {
	background: url(../_img/default/tiles/MS-bg.png) no-repeat top left;
	width:242px; 
	float:left; 
	margin:0;
	height:114px;
}

#r_bucket h3 {
	font-size:16px;
	width: 200px;
	margin:0;
	padding:10px 0 0 0;
	color:#37424a;
	position: relative;
	left:15px;
}


#r_bucket .r_bucketMS { 
	width: 228px;
	color: #37424a;
	position: relative;
}

#r_bucket .r_bucketMS H3 {color: #37424a; }
#r_bucket .r_bucketMS p {color: #37424a; margin-top: 45px; position: relative; margin-left: 12px; line-height: 15px;}
#r_bucket .r_bucketMS a {color: #235ab7;}


#r_bucket .r_bucketMS input.phone {
	width: 98px;
	border:0px;
	padding:4px 0 0 10px;
	height:22px;
	margin-right: 3px;
	background:url(../_img/default/input_ms.png) no-repeat;
}

#r_bucket .r_bucketMS input.password {
	width: 98px;
	border:0px;
	padding:4px 0 0 10px;
	height:22px;
	margin:0;
	background:url(../_img/default/input_ms.png) no-repeat;

}

#r_bucket .r_bucketMS input.btnSignIn {
	width: 65px;
	height:22px;
	border:0px;
	float: right;
	text-indent: -9999px;
}

#fma a #link1 { height:25px; width:130px; margin: 5px 0 0 60px; cursor:hand; border:1px solid red;}

#phone-display{
	width: 207px;
	margin: 10px auto;
	position: relative;
	float:left;
	padding:0 10px 0 25px;
}

#phone{
	width: 207px;
	height: 420px;
	position:relative;
}

#phonescreen{
	width: 170px;
	height: 255px;
	position: absolute;
	top: 52px;
	left: 43px;
	background:#000;
	overflow: hidden;
}

#phonescreen ul{
	width: 2890px;/* must be the total width of all screen images */
	position:absolute;
}

#phonescreen li{
	float: left;
}

#screen-nav{
	float: right;
}

#phone-final-slide {
	background-image:url(/_img/hero-home-images/final-bg.png); 
	background-repeat:no-repeat; 
	padding:15px; 
	width:170px; 
	height:255px; 
	overflow:visible !important;
	position:relative;
}

#phone-final-slide .phone-bottom {
	position:absolute;
	top:180px;
	left:55px;
	width:150px;
	font-size:1em;
}
#phone-final-slide a {
  display: block;
  text-indent: -10000px;
  position: relative;
  outline: none;
}
#phone-final-slide a:hover {
  background-position: left bottom;
}
/*#phone-final-slide h1 {
	font-family: "proxima-nova-1", "proxima-nova-2", Arial, Helvetica, sans-serif;
	font-size:1.25em;
	line-height:1.3em;
	width:140px;
}
#phone-final-slide .fltrt {
	float:right;
	margin-left:4px;
}
#phone-final-slide .fltlft {
	float:left;
	margin-right:4px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#phone-final-slide .phone-bottom a {
	color:#235AB7;
	text-decoration:none;
}
#phone-final-slide .phone-bottom a:hover {
	text-decoration:underline;
}
#phone-final-slide .learnmore {
	background:url(/_img/hero-home-images/btn_learnmore.gif) no-repeat top left;
	width:79px;
	height:20px;
}*/
#phone-final-slide .signup {
	background:url(/_img/hero-home-images/btn_signup.gif) no-repeat top left;
	width:63px;
	height:20px;
}