/* andreas02 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author.

Version: 1.2
(Nov 28, 2005)

Screen layout: */

body{
padding:0;
margin:0;
font:72%  Verdana, Arial, Helvetica, sans-serif;
background-color: #ededed;
color:#666666;
}

a{
text-decoration:none;
color:#808080;
font-size:.95em;
font-family:Verdana, Helvetica, sans-serif;
}

a:hover{
text-decoration:underline;
}

#toptabs{
margin:10px auto -13px auto;
font-size:0.8em;
width:760px;
}

#toptabs p{
text-align:right;
color:#0084C9;
}

.toptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
background:#f0f0f0 url(../images/corner2.gif) top right no-repeat;
color:#808080;
border-bottom:1px solid #e0e0e0;
}

.toptab:hover{
background:#fafafa url(../images/corner2.gif) top right no-repeat;
border-bottom:1px solid #eaeaea;
color:#505050;
text-decoration:none;
}

.activetoptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
color:#505050;
text-decoration:none;
background:#ffffff url(../images/corner2.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}

.activetoptab:hover{
text-decoration:none;
}

#container{
margin:0 auto 15px auto;
width:760px;
padding:5px 20px 20px 20px;
background:#ffffff;
}

#logo{
margin:15px 0 0 0;
}

#logo h1 a{
color:#303030;
}

#logo h1 a:hover{
text-decoration:none;
}

#navitabs{
clear:both;
}

.navitab{
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
letter-spacing:1px;
background:#4081DB url(../images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
color:#ffffff;
}

.navitab:hover{
text-decoration:none;
background:#d0d0d0 url(../images/corner.gif) top right no-repeat;
}

.activenavitab{
padding:4px 8px 5px 8px;
color:#ffffff;
margin:0 0 5px 0;
text-decoration:none;
background:#4081DB url(../images/corner.gif) top right no-repeat;
}

.activenavitab:hover{
text-decoration:none;
}
#breadcrumbs{

color:#000000;
}

#breadcrumbs a{
color:#005AFF;
}

#desc{
padding:0;
clear:both;
margin:5px 0 0 0;
}

#desc p{
width:600px;
font-size:1em;
line-height:1.3em;
padding:0 0 0 15px;
}

#desc h2{
padding:15px 15px 0 15px;
color:#ffffff;
}

#desc a{
color:#ffffff;
text-decoration:underline;
}

#main{
width:560px;
float:left;
padding:0 1px 0 0;

}

.block{
background:#f0f0f0;
padding:15px;
}

#sidebar{
width:0px;
float:right;
}



#footer{
clear:both;
background:#fafafa;
color:#808080;
font-size:0.9em;
padding:8px 0 8px 0;
border-top:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
text-align:center;
}

#footer a{
color:#808080;
}


H1 {
	FONT-SIZE: 16px; 
	MARGIN: 0px; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
H2 {
	display: inline;
	FONT-SIZE: 12px; 
	MARGIN: 0px; 
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
H3 {
	display: inline;
	FONT-SIZE: 11px; 
	MARGIN: 0px; 
	font-weight:normal;
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
H4 {
	FONT-SIZE: 14px; MARGIN: 0px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
p{
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}

.right{
text-align:right;
}

a img{
border:0;
}

.photo{
padding:5px;
display:block;
margin:0 auto 15px auto;
background-color:#f0f0f0;
}

.hide{
display:none;
}

.white{
font-weight:bold;
color:#FFFFFF;
}

.txtlgr {
	text-align:left;
	font-size:14px; /* 28pt / 250%   */
	padding:0px 0px 0px 0px;
	font-weight:bold;
	color:#F37D01; /* #B9BBC7 */
	margin:0px;
	line-height:normal; /*normal */
}


.first_470 {
	float: left;
	width: 253px;
	}
.mod_a /* 1px border box with tall gradient bg and 12px padding */
{
    background:  url(../images/mod_a_gradientSlice.gif) 0 100% repeat-x transparent;
    margin-bottom:10px;
    padding:12px;
    border: 1px solid #ccc;
}	
	
.imageborder220 /* 1px border box with tall gradient bg and 12px padding */
{
    float: left;
	background:  url(../images/mod_a_gradientSlice.gif)  transparent;
    border: 1px solid #ccc;
	
}
.orange
{
    color:#f27d00;
}
.orangeheader

{
 
   text-align:left;
   font-size:210%; /* 28pt / 250%   */
	font-weight:normal;
	color:#f27d00; /* #B9BBC7 */
	margin:0px;
	line-height:normal; /*normal */
}
.orangeheader h1

{
 
   text-align:left;
   font-size:180%; /* 28pt / 250%   */
	font-weight:normal;
	color:#f27d00; /* #B9BBC7 */
	margin:0px;
	line-height:normal; /*normal */
}


h4 {
	font-size: 1.1em;
	padding:0px 0px 0px 0px;
	}
	

	
h5{
	margin:1px;
	font-size:110%;
}		
	
	.top_results
{
padding-top:5px;
height:46px;
}

.iProdDescription{
 
color:#888888;
 font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content .callout2 {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	
	}
#content .callout2 h2.singleTitle {
	display: block;
	height: 18px;
	padding: 0 0 2px 0;
	margin: 12px 0 0 12px;
	line-height: normal;
	 background:  url(../images/template/best.gif) 0 100% repeat-x transparent;
	}
#endNodeLftNav 
{
    list-style-type:none; color:#4081DB;
}

    #endNodeLftNav ul li, #endNodeLftNav ul li.indent 
    {
    	list-style-type:none;
		padding:.25em 12px .25em 0px;
		 color:#4081DB;
		font-weight:bold; 
    }
 .leftNav 
{
 list-style-type:none; 
 color:#4081DB;
 font-size:10px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}


 .title 
{
padding:.25em 12px .25em 0px;
 list-style-type:none; 
 font-size:11px;
 color:#f27d00;
 font-weight:bold; 
}


/**************************
tab module
**************************/
div.tabModule
{
	position:relative;
	width:240px;
}

/**************************
content specific tabs modules
use for specifying widths
***************************/
div.deviceDetailModule, div.planDetailModule, div.wifiLocatorModule, div.previewWindowModule
{
	position:relative;
	width:480px;
}

div.planDetailModule
{
	width:520px;
}
div.previewWindowModule
{
    clear:both;
	width:470px;
}
div.wifiLocatorModule
{
	width:760px;
}

ul.tabs
{
	list-style: none;
	padding-left: 1.5em;
}
ul.tabs li
{
	position: relative;
	float:left;
	z-index:99;
	display: inline;
}

.flashTab
{
	z-index:99;
}

.flashTabLink a
{
	display: block;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	text-decoration: none;	
    text-transform:uppercase;
}
.flashTabLink a, .flashTabLink a:link, .flashTabLink a:visited
{
	background: #fff;
	border:0px;
	color: #0A94D6;
}
.flashTabLink a.active, .flashTabLink a:link.active, .flashTabLink a:visited.active
{
	background: #FFF;
	color: #666666;
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}
FORM {
	MARGIN: 0px;
}

ul.tabs a
{
	display: block;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	text-decoration: none;
    text-transform:uppercase;
}
ul.tabs a, ul.tabs a:link, ul.tabs a:visited
{
	background: #fff;
	border:0px;
	color: #0A94D6;
}
ul.tabs a.active, ul.tabs a:link.active, ul.tabs a:visited.active
{
	background: #FFF;
	color: #666666;
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}

div.tabs div.tabs div.tabs
{
	position: absolute;
	left:0px;
	top:26px;
	height:auto;
	width:100%;
	padding: 14px;
	color: #666666;
	border: 1px solid #ccc;
	margin:auto;
}

#tabFlashFull
{
	position: absolute;
	left:-240px;
	top:26px;
	height:auto;
	width:260px;
	padding: 14px;
	color: #666666;
	border: 1px solid #ccc;
}



#tabFlash360
{
	margin-top:1px;
}

.hr
{
	margin:1em 0;
	border-top:1px solid #ccc;
}

.col_460 {
	float: left;
	width: 200px;
	margin-left: 10px;
	}