﻿/*************************************************************************
' Function : CSS defintions for the store.
' Product  : Shopping Tree Store Frontend
' Version  : 3.3
' Modified : January 2005
' Copyright: Copyright (C) 2004 Shopping Tree.Com 
'            See "license.txt" for this product for details regarding 
'            licensing, usage, disclaimers, distribution and general 
'            copyright requirements. If you don't have a copy of this 
'            file, you may request one at webmaster@ShoppingTree.com
'**************************************************************************/

/* General Tag specifications */
.center {
	text-align:center
} 
 
/* Main Text specifications */

/* Info Box WITHOUT Headings */
.CPbox1            {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #BBC3D3}
.CPbox1 A:link     {COLOR: #333333; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:visited  {COLOR: #333333; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:hover    {COLOR: #996666; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.CPbox2            {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #BBC3D3}

.CPbox2H{
  background: url(images/sh_bk.jpg) repeat-x left top;
  height:37px;
  line-height:37px;
}

.CPbox2H B         {COLOR: #333333;}

.CPbox2B           {
  padding:5px;
  border: 2px solid #e5e5e5;
  background: #fff;
}
.CPbox2B A:link    {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: none}
.CPbox2B A:visited {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: none}
.CPbox2B A:hover   {COLOR: #996666; FONT-SIZE: 10px; TEXT-DECORATION: underline}

/* Box - Page Headings */
.CPpageHead {PADDING-BOTTOM: 4px}

/* Box - Page Navigation */
.CPpageNav {BACKGROUND-COLOR: #EEEEEE}

/* Box - General Headings */
.CPgenHeadings {BACKGROUND-COLOR: #EEEEEE}

/* Box - Product Image (Home page) */
.CPhomeImg {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #CCCCCC}

/* Box - Product Description (Home page) */
.CPhomeDesc {BORDER-BOTTOM: 1px solid #CCCCCC}

/* Horizontal and Vertical lines */
.CPlines {BACKGROUND-COLOR: #CCCCCC}

/* Product Short Description (Except Detail page) */
.CPprodDesc {
	background: url(images/prod_bk.jpg) no-repeat -40px -5px;
	padding-top:15px;
	padding-bottom: 5px;
	margin-top:10px;
	display:block;
}

/* Product Short Description (Detail page only) */
.CPprodDescDet {FONT-SIZE: 11pt}

/* Product Long Description */
.CPprodDescLong {}

/* Product Detail */
.CPprodDet {}

/* Product SKU */
.CPprodSKU {}

/* Product Price - Text Label */
.CPprodSPriceT {COLOR: #2d52ca}

CPprodLPriceT {COLOR: #2d52ca}

.CPprodPriceT {COLOR: #2d52ca}

/* Product Price - Price Value */
.CPprodLPriceV {COLOR: #d05800}

.CPprodPriceV {COLOR: #d05800}

/* Product Sale Price - Price Value */
.CPprodSPriceVX {
	COLOR: red;
	text-decoration: line-through;
}


/* Product Sale Price - Price Value */
.CPprodSPriceV {COLOR: red}

/* Free Shipping text */
.CPfreeShipMsg {COLOR: #888888}

/* In Stock text */
.CPinStock {COLOR: #888888}

/* Out of Stock text */
.CPoutStock {COLOR: red}

/* No Image text */
.CPnoImgT {COLOR: #800000}

/* Category List */
.CPcatDescList {}

/* Category Description - No products linked to it */
.CPcatDesc {}

/* Category Description - Has products linked to it */
.CPcatDescProd {FONT-WEIGHT: bold}

/* Option Description for "Optional" options */
.CPoptDesc {FONT-STYLE: italic}

/* Option Select box */
.CPoptSel {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* Option Text box */
.CPoptTxt {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* ------------------- */
/* ADDED - Version 2.3 */
/* ------------------- */

/* Box - 2, 3 and 4 Column Layout for product list page */
.CPcolsView {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #CCCCCC}
.CPcolsView A:link    {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:visited {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:hover   {COLOR: #996666; TEXT-DECORATION: underline}

/* System Messages */
.CPsysMsg    {FONT-SIZE: 10pt;}
.CPsysMsgErr {COLOR: red; FONT-SIZE: 10pt;}
.CPsysMsgURL {FONT-SIZE: 10pt}

/* ------------------- */
/* ADDED - Version 2.4 */
/* ------------------- */

/* Highlights used in search results */
.CPhighlight {COLOR: #333; BACKGROUND-COLOR: #fffde1; padding: 0px 4px;}

/* ------------------- */
/* ADDED - Version 2.5 */
/* ------------------- */

/* Radio Button options */
.CPoptRadio {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* Option Description for "Mandatory" options*/
.CPoptDescM {FONT-STYLE: italic; color: Red}


/* ---------------------*/
/* ADDED -- Version 3.0 */
/* ---------------------*/
.CPcloseWindow {FONT-SIZE: 6pt; TEXT-DECORATION: none;}
.install { 	BORDER: 1px solid #BBC3D3}

.installcomment { PADDING-LEFT: 30px; }

.textBlock { BACKGROUND-COLOR: #EEEEEE; 	BORDER: 1px solid #CCCCCC; }

.maintClosed { color: red; 	font-size: 15pt; 	text-align: center; }

.grayHeader {FONT-FAMILY: tahoma, Arial, helvetica; FONT-SIZE: 7pt;COLOR: #8E8E8E;FONT-WEIGHT: bold;}

.PlanTop {FONT-FAMILY: Arial, helvetica; FONT-SIZE: 7pt;COLOR: #8E8E8E;FONT-WEIGHT: bold;}

.vertNav {FONT-FAMILY: Arial, helvetica; FONT-SIZE: 10pt;COLOR: #ffffff;FONT-WEIGHT: bold;}


/* ----------------------*/
/* ADDED -- WILDBLUE 4.0 */
/* ----------------------*/
body {
	margin: 0;
	padding: 0; 
	font: normal 10px Arial; 
	background: #fff url("images/body_right_bk.jpg") repeat-x left top;
	text-align:center;
	color: #333;
}
#leftBk{
  position:absolute;
  z-index: 1;
  left:0px;
  width:50%;
  top:0px;
  height:334px;  
background: url("images/body_left_bk.jpg") repeat-x left top;
}

input[type=text]
    {
	margin: 2px;
	border: 1px inset #cccccc;
}

select { border: 1px solid #BFBFBF; }

* {
	margin: 0;
	padding: 0; 
	border: none;
}


#head #nav a:hover{
  color: black;
}
a {
  text-decoration: none;
  color: #1e5dff;
}
a:hover{
  color: black;
}
a:link{
	text-decoration: underline;
}

ul{
  list-style: none;  
}

p{
	padding: 5px 0px;
}


#warp {
  position:relative;
  z-index: 100;
  width: 1014px;
  margin:0px auto;
	background: url("images/head.jpg") no-repeat right top;
}


#head{
  clear: both;
  height:311px;  
  text-align:left;
}

#footer{
	height: 20px;
	padding: 24px 190px 10px 0;
	line-height: 15px;
	font-size: 100%;
	clear: both;
	background: url("images/footer2.jpg") no-repeat left top;
	height: 68px;
	text-align: center;
}
#footer a:link{
	text-decoration: underline;
	color: #1e5dff;
}
#footer a:hover{
	text-decoration: underline;
	color: #0000FF;
	font-weight: bold;
}
#footer a:visited{
	color: #0000FF;
}


#head a#logo{
  float:left;
  width: 320px;
  height:0px;
	background: url("images/logo.jpg") no-repeat left top;
	margin-left:3px;
  padding-top:82px;
  overflow: hidden;
} 

#topText {
  width: 190px;
  height: 65px;
  position: relative;
  padding-left: 300px;
  padding-top: 10px;
  float:left;
  font-size: 160%;
  color: #fff;
  font-weight: normal;
}

#head2 h3{
	color: #1e5dff;
	font-size: 170%;
	clear: both;
	text-transform: uppercase;
	padding-left: 320px;
	padding-top: 25px;
	width: 500px;
	font-family: Trebuchet MS;
	text-decoration: underline;
}

#head2 ul{
  padding-left: 350px;
  padding-top: 5px;
  width: 500px;
  font-size: 130%;
  color: #1e5dff;
  line-height: 32px;
  font-weight: bold;
}

#head2 ul li{
  line-height: 32px;
  height: 32px;
  background: url("images/bh1.gif") no-repeat left center;
  padding-left: 32px;
}

.content{

	text-align: left;
	padding-top: 30px;
	font-size: 120%;
	float: left;
	color: #4E4E4E;
	width: 790px;
	
}

.content h1{
	background: url("images/bc1.gif") no-repeat left center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 32px;
	font-weight: 600;
	font-size: 18px;
	color: #2E5EB0;
	padding-left: 32px;
}

.content h2{
	background: url("images/bc1.gif") no-repeat left center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 32px;
	font-weight: 600;
	font-size: 18px;
	color: #2E5EB0;
	padding-left: 32px;
}

.content h3{
  background: url("images/bc2.gif") no-repeat left center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 20px;
  font-size: 120%;
  color: #094060;
  padding-left: 36px;
}
.content ul{
  list-style: square inside;
  margin-left: 30px;
  color: #1e5dff;
}

.content ul li{
  padding: 2px 0px;
}

.col1{	background: url("images/col1_bk2.jpg") no-repeat left top;
  padding-left: 20px;
  padding-right: 20px;
  width:738px;
  margin-left:0px;
  margin-top:20px;

}


.col3{
	background: url("images/col3_bk.jpg") no-repeat left top;
  padding-left: 35px;
  padding-right: 0px;
  width:743px;
  padding-top:80px;
}

#bar {
  padding-top:5px;
  float: left;
  	color: #4E4E4E;
}

#bar .box {
  width:227px;
	background: url("images/small_bk.jpg") repeat-y left top;
}

#bar .box  h3{
  height: 69px;
  line-height: 49px;
  width:227px;
	background: url("images/small_head.jpg") no-repeat left top;
  font-size: 140%;
}

#bar .box  .pad{
  width:202px;
	background: url("images/small_footer.jpg") no-repeat left bottom;
	padding: 0px 10px;
	padding-bottom: 25px;
	padding-left: 15px;
	text-align:left;
	font-size: 120%;
}

#bar .box  .pad a:link{
	text-decoration: underline;
	color: #1e5dff;
}
#bar .box  .pad a:hover{
	text-decoration: underline;
	color: #0000FF;
	font-weight: bold;
}
#bar .box  .pad a:visited{
	color: #0000FF;
}


#bar .box ul{
  list-style: square inside;
  margin-left: 10px;
  color: #1e5dff;
}

#bar .box ul li{
  padding: 3px 0px;
}

#bar .box a{
  color: #1e5dff;
}

.content .box{
	background: url("images/plans_bk.jpg") no-repeat left top;
	padding-top:15px;
}

form.smallSearch{
  border:0px;
  display:block;
  width: 227px;
  margin: 5px 0px;
  height: 40px;
  text-align:left;
  float:left;
}

.smallSearch .fld{
  background: url("images/s_fld.gif") no-repeat left top;
  border:0px;
  width: 140px;
    margin: 0px;
  padding-left: 5px;
  padding-right: 2px;
  height:30px;
  padding-top:10px;
  float:left;
}

.smallSearch .btn{
  background: url("images/s_btn.jpg") no-repeat left top;
  border:0px;
  width: 70px;
  height:40px;
  float:left;
}

a.order{
  width:232px;
  height:0px;
  padding-top:72px;
  overflow: hidden;
  background: url("images/order_btn.jpg") no-repeat left top;
  margin:4px;
}

a.coverage{
  width:232px;
  height:0px;
  padding-top:72px;
  overflow: hidden;
  background: url("images/coverage_btn.jpg") no-repeat left top;
  margin:4px;
}

.col3 a.order{
  margin-left: 8px;
  float:left;
}

.left{
  float:left;
}

.right{
  float:right;
}

.plan{
	width: 195px;
	height: 0px;
	padding-top: 70px;
	overflow: hidden;
	margin: 4px 9px 0px 9px;
}

.p1{
  background: url("images/hnHome.jpg") no-repeat left top;
}

.p2{
  background: url("images/hnPro.jpg") no-repeat left top;
}

.p3{
  background: url("images/hnProPlus.jpg") no-repeat left top;
}

.p4{
  background: url("images/hnElite.jpg") no-repeat left top;
}

.p5{
  background: url("images/hnElitePlus.jpg") no-repeat left top;
}

.p6{
  background: url("images/hnViewAll.jpg") no-repeat left top;
}


.description{
  height:170px;
  padding:0px 15px;
  font-size: 100%;
  color:#444;
  text-align: justify;
  width:165px;
}

.c50 strong{
  padding:0px;
  font-size: 110%;
  color:#0171b2;
  display:block;
}

.description strong{
  padding:0px;
  font-size: 110%;
  color:#0171b2;
  display:block;
}

.c50 .more{
  display:block;
  margin-left: 20px;
}

.description .more{
  display:block;
  margin-left: 20px;
}

.more{
  width:106px;
  height:0px;
  padding-top:30px;
  overflow: hidden;
  margin: 4px;
  background: url("images/more.gif") no-repeat left top;
}

.button{
	padding: 7px 0px 3px 14px;
	background: url("images/blank-button.jpg") no-repeat;
	width: 120px;
	height: 30px;
	min-height: 30px;
	min-width: 120px;
	max-height: 30px;
	max-width: 120px;
	line-height: 30px;
	float: left;
	text-indent: 6px;
}
.button a{
	text-decoration: underline;
	color: #1e5dff;
	font: normal 12px Arial; 
	color: #333;
}

.button a:link{
	text-decoration: underline;
	color: #003CD9;

}
.button a:hover{
	text-decoration: underline;
	font-weight: bold;
}
.button a:visited{
	color: #000084;
}


#bar .more{
  float: right;
  clear:both;
  margin: 1px;
}

br{
  clear: both;
}

.c50{
  width:40%;
  float:left;
  margin-left:4%;
}

.planCell {
  float: left;
  width: 200px;
  padding-left: 40px;
  height: 40px;
  font-size: 80%;
  color: #555;
}

.planCell strong{
  float:right;
  text-align: center;
  font-size: 160%;
  color: #2d62ca;
  font-family: Trebuchet MS;
  width:100%;
}

.ps2  strong{
  color: #ce6d1f;
}

.ps3  strong{
  color: #2d52ca;
}

p.ps2 {
  color: #fff;
}

p.ps3 {
  color: #fff;
}

.col3 .br{
  display: block;
  clear:both;
  background: url("images/silver_br.jpg") no-repeat -35px 0px;
  height: 7px;
  width: 100%;
  
}

.rightBox{
  float:right;
  width: 200px;
}

.conBox{
  border: 4px solid #ececec;
  background: #f4f4f4;
}

.conBox h3{
  background: url(images/sh_bk.jpg) repeat-x left top;
  height:37px;
  line-height:37px;
}

.conBox .pad{
  margin:3px;
  padding:5px;
  border: 2px solid #e5e5e5;
  background: #fff;
}

.list{
  list-style: square inside;
  margin-left: 10px;
  color: #1e5dff;
}

#altbg { background-color: #CDCDCD; border-bottom:1px solid #EEEEEE; }
#ltbg { background-color: #FFFFFF; border-bottom:1px solid #EEEEEE; }
#mdbg { background-color: #ECECEC; border-bottom:1px solid #FFFFFF; }
#dkbg { background-color: #DCDCDC; border-bottom:1px solid #FFFFFF; }
#blbg { background-color: #DDE4EC; border-bottom:1px solid #FFFFFF; }
.accentTextLg { font: bold 12px/16px arial, verdana, tahoma, helvetica, sans-serif; color:#676767; }
.accentText { color:#DD001D; }
.accentText2 { color:#ED5D07; }
.accentText3 { color:#ED5D07; }
.accentText4 { font-family: arial, verdana, tahoma, helvetica, sans-serif; color:#FFFFFF; }
.accentText5 { font-family: arial, verdana, tahoma, helvetica, sans-serif; color:#3A64A2; }
.accentText6 { color:#DD001D; }
.accentText7 { font-family: arial, verdana, tahoma, helvetica, sans-serif; color:#ED5D07; }

	

/* ----------------------*/
/* ADDED -- Dropdown 5.0 */
/* ----------------------*/



/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc a {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc ul li {float:none;}.qmmc ul a {float:none;}.qmmc div a {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles !!!!!!!!!!!*/


/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc a {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc ul li {float:none;}.qmmc ul a {float:none;}.qmmc div a {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{
	padding: 12px 0px 0px 20px;
}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 4px 5px 5px;
		color:#f5f5f5;
		font-family:Arial;
		font-size:15px;
		text-decoration:none;
		border-color:#484dea;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive:hover	
	{	
		background-color:#4854f9;
		color:#f5f5f5;
	}


	body #qm0 .qmactive	
	{	
		background-color:#4854f9;
		color:#f5f5f5;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 ul	
	{	
		padding:10px;
		margin:-2px 0px 0px;
		background-color:#4854f9;
		border-width:1px;
		border-style:solid;
		border-color:#999999;
	}


	#qm0 div	
	{	
		padding:10px;
		margin:-2px 0px 0px;
		background-color:#4854f9;
		border-width:1px;
		border-style:solid;
		border-color:#999999;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 ul a	
	{	
		padding:3px 10px 3px 5px;
		background-color:transparent;
		color:#f5f5f5;
		font-size:13px;
		border-width:0px;
		border-style:none;
	}


	#qm0 div a	
	{	
		padding:3px 10px 3px 5px;
		background-color:transparent;
		color:#f5f5f5;
		font-size:13px;
		border-width:0px;
		border-style:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		color:#260fb3;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		color:#260fb3;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive:hover	
	{	
		color:#f5f5f5;
	}


	body #qm0 div .qmactive	
	{	
		color:#f5f5f5;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		cursor:default;
		padding:3px 0px 3px 4px;
		color:#444444;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 0px;
		border-color:#bfbfbf;
	}


	/*"""""""" Individual Vertical Dividers""""""""*/	
	#qm0 .qmdividery	
	{	
		border-left-width:1px;
		height:15px;
		margin:4px 2px 0px;
		border-color:#aaaaaa;
	}


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#dadada;
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		padding:10px;
		margin:-2px 0px 0px;
		border-width:1px;
		border-style:solid;
		border-color:#dadada;
	}
a img
	{
	border: 0px;
	}

#container
	{
	width: 700px;
	margin: auto;
	font-size:  80%;
	}

#top
	{
	width: 600px;
	}

#top img
	{
	float: left;
	}

#top ul
	{
	list-style: none;
	background: url(bg_topnav.jpg) top left no-repeat;
	height: 33px;
	width: 700px;
	padding: 0px;
	margin: 0px;
	}

#nav
	{
	position: absolute;
	top: 310px;
	left: 75px;
	clear: left;
	
	}

#top li
	{
	display: inline
	}

#top li ul
	{
	display: none;
	}

#top a
	{
	
	display: block;
	float: left;
	height: 33px;
	color: #8b939a;
	color: #686;
	text-decoration: none;
	margin-left:5px;
	}

#top a:hover
	{
	background-position: 0 -33px;
	}

#top a.selected
	{
	background-position: 0 -66px;
	}


#top a.m1
	{
	width: 98px;
	background-image: url(images/how.gif);
	text-indent: -100em;
	}

#top a.m6
	{
	width: 98px;
	background-image: url(images/coverage.gif);
	text-indent: -100em;
	}

#top a.m3
	{
	width: 98px;
	background-image: url(images/plans.gif);
	text-indent: -100em;
	}

#top a.m4
	{
	width: 98px;
	background-image: url(images/questions.gif);
	text-indent: -100em;
	}
	
#top a.m5
	{
	width: 98px;
	background-image: url(images/order_now.gif);
	text-indent: -100em;
	}
	#top a.m2
	{
	width: 98px;
	background-image: url(images/speeds.gif);
	text-indent: -100em;
	}
	
	/*"""""""" PopUp """"""""*/	
#speeds, #guarantee, #warranty, #FreeInstall, #spam, #refer, #promo {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#fade {
	background: #000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 10;
}
.popup_block {
	background: #ddd;
	padding: 10px 20px;
	border: 10px solid #fff;
	float: left;
	width: 480px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 100;

}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}
.popup h3 {
	border-bottom: 1px solid #bbb;
	font-weight: normal;
}

.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}
