@import "reset.css";
@import "text.css";



a { text-decoration:none;}

html, body{
	background: #fff url(../images/bg.gif) top repeat-x ;
	margin: 0px;
	color: #666;
	}

h1 {color: #000; margin-top:10px;}
h2 {color: #000;}

.imgleft {
float: left;
border:#999 solid 0px;
padding: 5px;
}

.browseleft {
float: left;
border:#999 solid 0px;
padding: 5px;
}

.browse {
border:#999 solid 0px;
padding: 5px;
}

.breadcrumbs {
	padding:5px;
	background:#ea4033;
	width: 583px;
	color:#FFF;	
	}
	
.breadcrumbs a {
	color:#FFF;	
	}	
	
.breadcrumbs a:hover {
	color:#CCC;	
	}		
	
#efxwrapper{
	width:1200px;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 0 0;	
	background:#FFF  url(../images/shadowbg.gif) top center no-repeat ;
	}


#wrapper{
	width:900px;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 0 0;	
	}

#logoarea {
	height:114px;
	margin-top:10px;
	background:#FFF  url(../images/logoheader.gif) top no-repeat ;
	}


#logo { 
	width: 445px;
	height: 103px;
	float: left;	
	 }	

#toprow{
	background: url(../images/navgradientbg.gif) repeat-x;
	}

#slideShow {
	width: 900px;
	height: 341px; 
	overflow: hidden;
	position: relative
	}

#feature {	
	margin-top: 0px;
	height:341px;
	} 	
	
	
#cartlogin {
	color: #fff;
	width:900px;
	margin-left: auto;
	margin-right: auto;
	text-align:right;
	font-size:10px;
	top:0px;
	}	
	
#cartlogin a{
	color:#fff;
	}	
	
#cartlogin input{
	size:20px;
	font-size:10px;
	color:#fff;
	border:#fff 2px solid;
	}	
	
#cartlogin .submit{
	background:url(../images/gobutton.gif);
	border: #FFF 1px solid;
	color: #fff;
	cursor: pointer;
	font-size:10px;
	height: 17px;
	margin: 2px 0 0 0;
	text-align: center;
	width:22px; }		
	
#cartlogin .button{
border:#fff 0px solid;
width:17px; 
}		
	
#cartlogin .button span{
	background: url(../images/gobutton.gif) no-repeat;
	width:17px; 
	border:#fff 0px solid;
	}		
	
.featureleft {
	float:left;
	padding-left: 25px;
	}	

.featureright {
	text-align:left;
	margin-left: 360px; /*Set left margin to LeftColumnWidth*/
	border:#639 0px solid; /*for trouble shooting*/
	padding-top: 15px;
	padding-left: 25px;
	width: 500px;
	}

#feature h2{ 
text-align:left;
padding-top: 25px;
padding-left: 25px;
	}

#featurebar {	
	margin-top: 8px;
	} 	




#homeusp {
	background:url(../images/homeuspbg.gif);
	height:203px;
	} 	

#usp {
	overflow:hidden;
	padding:0; /* reset inherited pading-right:10px from ul tag */
	width:900px;
	height: 206px;
	}
	#usp li {
		float:left;
		list-style:none;
		}
		#usp li h2 {
			line-height:20px;
			padding:0 15px 10px 20px;
			}
		#usp li p {
			line-height:18px;
			padding:0 15px 0 20px; 
			}
		#usp li p  a{
			line-height:78px;
			font-size:10px;
			font-weight:bold;
			color:#b76402;
			}			
		
#usp1{
	color: #f86438;
	font-family: Verdana, Geneva, sans-serif, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:16px;
	margin-top:100px;
	margin-bottom:0px;
	margin-right:0px;
	width:225px;
	margin-left:0px;}
	
#usp2{
	color: #f86438;
	font-family: Verdana, Geneva, sans-serif,"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:16px;	
	margin-top:100px;
	margin-bottom:0px;
	margin-right:0px;
	width:225px;
	margin-left:60px;}
	
#usp3{
	color: #f86438;
	font-family: Verdana, Geneva, sans-serif, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:16px;	
	margin-top:100px;
	margin-bottom:0px;
	margin-right:0px;
	width:225px;
	margin-left:120px;}	

#content {
	margin: 0px;
	text-align:left;
	}


#contentleft {
	float:left;
	padding-left: 40px;
	padding-top: 80px;	
	width: 549px; /*Width of left column*/
	 /*Set left margin to -(MainContainerWidth)*/	
	}	


#contentleft2 {
	float:left;
	padding-left: 5px;
	padding-top: 0px;	
	width: 549px; /*Width of left column*/
	 /*Set left margin to -(MainContainerWidth)*/	
	}	


#contentright {
	margin-left: 589px; /*Set left margin to LeftColumnWidth*/
	border:#639 0px solid; /*for trouble shooting*/
	padding-top: 0px;
	padding-left: 10px;
	width: 296px;
	}
	
#contentright2 {
	margin-left: 589px; /*Set left margin to LeftColumnWidth*/
	border:#639 0px solid; /*for trouble shooting*/
	background:url(../images/sidebarbg.gif) repeat-x;
	padding-top: 0px;
	padding-left: 10px;
	width: 296px;
	}	
	
#contentright2 p {
	color: #999;
	font-size:12px;
	line-height:14px;
	padding-top: 40px;
	padding-left: 35px;
	width:235px;
	}	

#contentwide {
	float:left;
	padding-left: 5px;
	padding-top: 0px;	
	width: 845px; 
	}	


h3 {
	font-size:18px;
	color:#666;
	padding-left: 25px;
	padding-top: 10px;
	}

#contentleft ul {
	font-size:12px;
	padding-left: 15px;
	}

#contentleft p{
	padding-left: 5px;
	padding-right: 25px;
	}

#contentleft a{
	color:#09F;
	}
	
	



#footerbottom {
	background: url(../images/footerbg.jpg) top center no-repeat;
	height:20px;
	margin-top: -20px;
	padding: 0 px;	
	}

.navigation{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif 11px;
	background:#fff;
	margin: 0px;
	float: left;
	list-style: none;	
}


.navigation li{
	float: left;
	margin-left:1px;
}
.navigation li a{
	display: block;
	color: #666;	
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;	
}
.navigation li a:hover{
	display: block;
	color:#33ccff;
	font-weight: normal;
	font-size: 14px;
	text-decoration: underline;
}

#nav1 {margin:0px;}

#nav1 a{ background:url(../images/nav-home.gif) no-repeat; 
width: 160px;
height: 38px;
margin:0px;}

#nav1 a:hover{ background:url(../images/nav-home.gif) 0 -38px no-repeat; 
width: 160px;
height: 38px;
margin:0px;}

#nav1sel {margin:0px;}

#nav1sel a:hover{ background:url(../images/nav-home.gif) no-repeat; 
width: 160px;
height: 38px;
margin:0px;}

#nav1sel a{ background:url(../images/nav-home.gif) 0 -38px no-repeat; 
width: 160px;
height: 38px;
margin:0px;}

#nav2 {margin-left:1px;}

#nav2 a{ background:url(../images/nav-about.gif) no-repeat; 
width: 101px;
height: 38px;
margin:0px;}

#nav2 a:hover{ background:url(../images/nav-about.gif) 0 -38px no-repeat; 
width: 101px;
height: 38px;
margin:0px;}

#nav2sel {margin-left:1px;}

#nav2sel a:hover{ background:url(../images/nav-about.gif) no-repeat; 
width:101px;
height: 38px;
margin:0px;}

#nav2sel a{ background:url(../images/nav-about.gif) 0 -38px no-repeat; 
width: 101px;
height: 38px;
margin:0px;}

#nav3 {margin-left:1px;}

#nav3 a{ background:url(../images/nav-phones.gif)  no-repeat; 
width: 110px;
height: 38px;
margin:0px;}

#nav3 a:hover{ background:url(../images/nav-phones.gif) 0 -38px no-repeat; 
width: 110px;
height: 38px;
margin:0px;}

#nav3sel {margin-left:1px;}

#nav3sel a:hover{ background:url(../images/nav-phones.gif)  no-repeat; 
width: 110px;
height: 38px;
margin:0px;}

#nav3sel a{ background:url(../images/nav-phones.gif) 0 -38px no-repeat; 
width: 110px;
height: 38px;
margin:0px;}

#nav4 {margin-left:1px;}

#nav4 a{ background:url(../images/nav-accessories.gif) no-repeat; 
width: 137px;
height: 38px;
margin:0px;}

#nav4 a:hover{ background:url(../images/nav-accessories.gif) 0 -38px no-repeat; 
width: 137px;
height: 38px;
margin:0px;}

#nav4sel {margin-left:1px;}

#nav4sel a:hover{ background:url(../images/nav-accessories.gif) no-repeat; 
width: 137px;
height: 38px;
margin:0px;}

#nav4sel a{ background:url(../images/nav-accessories.gif) 0 -38px no-repeat; 
width: 137px;
height: 38px;
margin:0px;}

#nav5 {margin-left:1px;}

#nav5 a{ background:url(../images/nav-plans.gif) no-repeat; 
width: 99px;
height: 38px;
margin:0px;}

#nav5 a:hover{ background:url(../images/nav-plans.gif) 0 -38px no-repeat; 
width: 99px;
height: 38px;
margin:0px;}

#nav5sel {margin-left:1px;}

#nav5sel a:hover{ background:url(../images/nav-plans.gif) no-repeat; 
width: 99px;
height: 38px;
margin:0px;}

#nav5sel a{ background:url(../images/nav-plans.gif) 0 -38px no-repeat; 
width: 99px;
height: 38px;
margin:0px;}

#nav6 {margin-left:1px;}

#nav6 a{ background:url(../images/nav-biz.gif) no-repeat; 
width: 116px;
height: 38px;
margin:0px;}

#nav6 a:hover{ background:url(../images/nav-biz.gif) 0 -38px no-repeat; 
width: 116px;
height: 38px;
margin:0px;}


#nav6sel {margin-left:1px;}

#nav6sel a:hover{ background:url(../images/nav-biz.gif) no-repeat; 
width: 116px;
height: 38px;
margin:0px;}

#nav6sel a{ background:url(../images/nav-biz.gif) 0 -38px no-repeat; 
width: 116px;
height: 38px;
margin:0px;}

#nav7 {margin-left:1px;}

#nav7 a{ background:url(../images/nav-contact.gif) no-repeat; 
width: 158px;
height: 38px;
margin:0px;}

#nav7 a:hover{ background:url(../images/nav-contact.gif) 0 -38px no-repeat; 
width: 158px;
height: 38px;
margin:0px;}

#nav7sel {margin-left:1px;}

#nav7sel a:hover{ background:url(../images/nav-contact.gif) no-repeat; 
width: 158px;
height: 38px;
margin:0px;}

#nav7sel a{ background:url(../images/nav-contact.gif) 0 -38px no-repeat; 
width: 158px;
height: 38px;
margin:0px;}

.padding{
	padding:20px;

}

.sidenav{
	background:#fff;
	float: left;
	list-style: none;	
}

.sidenav li{
	float: left; 
	background:url(../images/sidebar-navbg.gif) no-repeat; 
	width: 265px;
	height: 39px;
	
	
}
.sidenav li a{
	display: block;
	color: #b76402;	
	text-align:left;	
	font-size: 12px;
	text-decoration: none;	
}
.sidenav li a:hover{
	display: block;
	color:#fff;
	text-decoration: none;
	background:url(../images/sidebar-navbg.gif) 0 -39px no-repeat; 
	width: 265px;
	height: 39px; 	
}

.sidenav1 {margin:0px;}

.sidenav1 a{ padding:10px;
}

/*
span { display:none;}
*/

#bottomnav{
	width:900px;	
	font-size: 12px;
	text-align:left;
	}

#bottomnav p a{
	color:#3a3a3a;
	font-size:12px;
	}



	
/*buttons with rollover */
a.aboutleft {
	display: block;  
	width: 296px;  
	height: 488px;
	background: url("../images/sidebar-about.jpg")  0 0 no-repeat;  
	text-decoration: none;
	}
  
a:hover.aboutleft {
	background: url("../images/sidebar-about.jpg") 0 0 no-repeat;  
	opacity:0.9;
	}


a.bizsidebar {
	display: block;  
	width: 296px;  
	height: 488px;
	background: url("../images/sidebar-biz.jpg")  0 0 no-repeat;  
	text-decoration: none;
	}
  
a:hover.bizsidebar {
	background: url("../images/sidebar-biz.jpg") 0 0 no-repeat;  
	opacity:0.9;
	}


a.contactsidebar {
	display: block;  
	width: 296px;  
	height: 488px;
	background: url("../images/sidebar-contact.jpg")  0 0 no-repeat;  
	text-decoration: none;
	}
  
a:hover.contactsidebar {
	background: url("../images/sidebar-contact.jpg") 0 0 no-repeat;  
	opacity:0.9;
	}


a.appointment {
	display: block;  
	width: 296px;  
	height: 67px;
	background: url("../images/appointment.gif")  0 0 no-repeat;  
	text-decoration: none;
	}
  
a:hover.appointment {
	background: url("../images/appointment.gif") 0 0 no-repeat;  
	opacity:0.9;
	}


a.howarewedoing {
	display: block;  
	width: 296px;  
	height: 99px;
	background: url("../images/howarewedoing.gif")  0 0 no-repeat;  
	text-decoration: none;
	}
  
a:hover.howarewedoing {
	background: url("../images/howarewedoing.gif") 0 0 no-repeat;  
	opacity:0.9;
	}

a.localdelivery {
	display: block;  
	width: 296px;  
	height: 115px;
	background: url("../images/localdelivery.gif")  0 0 no-repeat;  
	text-decoration: none;
	}
  
a:hover.localdelivery {
	background: url("../images/localdelivery.gif") 0 0 no-repeat;  
	opacity:0.9;
	}


a.sidebarplans {
	display: block;  
	width: 296px;  
	height: 488px;
	background: url("../images/sidebar-plans.jpg")  0 0 no-repeat;  
	text-decoration: none;
	}
  
a:hover.sidebarplans {
	background: url("../images/sidebar-plans.jpg") 0 0 no-repeat;  
	opacity:0.9;
	}
	
a.indivplans {
	display: block;  
	width: 593px;  
	height: 158px;
	background: url("../images/indiv-plans.jpg")  0 0 no-repeat;  
	text-decoration: none;
	}
  
a:hover.indivplans {
	background: url("../images/indiv-plans.jpg") 0 0 no-repeat;  
	opacity:0.6;
	}	
	
a.familyplans {
	display: block;  
	width: 593px;  
	height: 157px;
	background: url("../images/family-plans.jpg")  0 0 no-repeat;  
	text-decoration: none;
	}
  
a:hover.familyplans {
	background: url("../images/family-plans.jpg") 0 0 no-repeat;  
	opacity:0.6;
	}		
	
a.voicedataplans {
	display: block;  
	width: 593px;  
	height: 153px;
	background: url("../images/voicedata-plans.jpg")  0 0 no-repeat;  
	text-decoration: none;
	}
  
a:hover.voicedataplans {
	background: url("../images/voicedata-plans.jpg") 0 0 no-repeat;  
	opacity:0.6;
	}		
	
a.phoneheader {
	display: block;  
	width: 593px;  
	height: 153px;
	background: url("../images/phoneheader.jpg")  0 0 no-repeat;  
	text-decoration: none;
	}
  
a:hover.phoneheader {
	background: url("../images/phoneheader.jpg") 0 0 no-repeat;  
	opacity:0.99;
	}		
	
a.accessoriesheader {
	display: block;  
	width: 593px;  
	height: 153px;
	background: url("../images/accessoriesheader.jpg")  0 0 no-repeat;  
	text-decoration: none;
	}
  
a:hover.accessoriesheader {
	background: url("../images/accessoriesheader.jpg") 0 0 no-repeat;  
	opacity:0.99;
	}		
	
#footer{
	background: #213c0e;
	padding: 20px 25px 10px 20px;
	text-align: center;
	color: #fff;
	margin: 0 0 30px 0;
	border-top: 1px solid #0E0A07;
}

#footer a{
	font-size:11px;
}	

#contentwrapper2{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 340px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn2{
float: left;
width: 340px; /*Width of left column*/
margin-left: -891px; /*Set left margin to -(MainContainerWidth)*/}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/*-------Contact Form-------*/
/*----------------------------------*/
div.grey{
/*background: #e3e3e3;
border:solid 1px #ccc;*/

	background:#fff;
	border:#ccc solid 0px;
}
div.contact-form{
margin: 0 0 20px 0;
width:100%; 	
}
div.contact-form h3{
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	margin: 0 0 18px 0;
	width:100%;
}
div.contact-form p{
	font-family: Arial, sans-serif; 
	line-height: 16px; 
	margin: 9px 0 0 0;
}
div.contact-form p.success{background:#97cca4;color:#000; font-weight:bold; border:dashed 1px #00CC33; padding: 8px; margin-bottom:10px;}
div.contact-form p.fail{background:#f6b6b6;color:#000; font-weight:bold; border:dashed 1px #f63434; padding: 8px; margin-bottom:10px;}

div.contact-form input.text{
	border: none;
	background: none;
	background:#fff;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	border: solid 1px #999;
	margin: 5px 0 5px 0;
	padding: 5px 3px 5px 3px;
	width: 80%;
}
textarea{
	color: #333;
	border: solid 1px #999;
	font-size: 12px;
	font-family: Arial, sans-serif;
	height: 55px;
	margin: 5px 0 5px 0;
	padding: 5px 3px 5px 3px;
	width: 95%;}

div.contact-form input.submit{
	background:#F00;
	padding:5px;
	color:#fff;
	border: #f00 1px solid;
}
	
div.contact-form input.submit:hover{
	background:#fff; color:#f00;
}

/*CART ADD ONS*/

.cartimg {
float: left;
width:250px;
height:320px;
overflow:hidden;
background:#FFF;
border:#f4b963 solid 5px;
margin-right: 30px;
}

.cartdesc {
width: 590px;
border:#999 solid 0px;
}


.cartdesc ul{
	padding:0; /* reset inherited pading-right:10px from ul tag */
	margin-top: 15px;
}

.cartdesc ul li{
width:300px;
margin-left:300px;
}


.MenuTable{
	background:#f6dcbc;
	border:#ffb155 solid 1px;
	}
	
.MenuTable td{
	padding:10px;
	}
		
.dgtable{
	background:#f6dcbc;
	border:#ffb155 solid 1px;
	}
	
.dgtable td{
	padding:10px;
	}	
	
.dgheader{
	background:#ffb155 ;
	padding:10px;
	color:#fff;
	}	
	
.dgheader th{
padding:10px;
	}		
	
.checkout {
	background:#f6dcbc;
	border:#ffb155 solid 1px;
	padding:10px;
	
	}	
	
select {
	width:295px;
	}	
	

.divline {
	border-top:#ff9933 1px solid;
	width:605px;
	}		
	
.button {

}
.button span {
	color: #FFF;
	display: block;
	padding: 4px 12px 5px 5px;

}