/* CSS definitions for fonts */

BODY { margin-top: 0; margin-right: 0; margin-left: 0; font-size: 10px; font-family: 'verdana', Arial, Helvetica, sans-serif; color: #000000; }
TABLE, TD { font-size: 10px; font-family: 'verdana', Arial, Helvetica, sans-serif; color: #000000; }
form { margin:0; padding:0; }

a:link { text-decoration: underline; color: #006666; }
a:visited { text-decoration: underline; color: #006666;  }
a:hover  { text-decoration: underline; color: #000000;  }
a:active { text-decoration: bold; color: #006666;  }

a.topnav:link { text-decoration: none; font-weight: bold; color: #ffffff; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
a.topnav:visited { text-decoration: none; font-weight: bold; color: #ffffff; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
a.topnav:hover  { text-decoration: none; font-weight: bold; color: #A1A888; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }

a.topnav_on:link { text-decoration: none; font-weight: bold; color: #006666; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
a.topnav_on:visited { text-decoration: none; font-weight: bold; color: #006666; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
a.topnav_on:hover  { text-decoration: none; font-weight: bold; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }

a.topnav_sub:link { text-decoration: none; font-weight: none; color: #006666; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
a.topnav_sub:visited { text-decoration: none; font-weight: none; color: #006666; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
a.topnav_sub:hover  { text-decoration: none; font-weight: none; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }

a.leftnav:link { text-decoration: none; font-weight: none; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
a.leftnav:visited { text-decoration: none; font-weight: none; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
a.leftnav:hover  { text-decoration: none; font-weight: none; color: #006666; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }

a.leftnav_on:link { text-decoration: none; font-weight: bold; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
a.leftnav_on:visited { text-decoration: none; font-weight: bold; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
a.leftnav_on:hover  { text-decoration: none; font-weight: bold; color: #006666; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }

a.news:link { text-decoration: none; font-weight: none; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
a.news:visited { text-decoration: none; font-weight: none; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
a.news:hover  { text-decoration: none; font-weight: none; color: #006666; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }

a.text:link { text-decoration: none; font-weight: none; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
a.text:visited { text-decoration: none; font-weight: none; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
a.text:hover  { text-decoration: underline; font-weight: none; color: #006666; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }

a.text_b:link { text-decoration: none; font-weight: bold; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
a.text_b:visited { text-decoration: none; font-weight: bold; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
a.text_b:hover  { text-decoration: underline; font-weight: bold; color: #006666; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }

a.text10:link { text-decoration: none; font-weight: none; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
a.text10:visited { text-decoration: none; font-weight: none; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
a.text10:hover  { text-decoration: underline; font-weight: none; color: #006666; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }

a.text11:link { text-decoration: none; font-weight: none; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 11px; }
a.text11:visited { text-decoration: none; font-weight: none; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 11px; }
a.text11:hover  { text-decoration: underline; font-weight: none; color: #006666; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 11px; }

a.text_sm:link { text-decoration: underline; font-weight: none; color: #006666; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 9px; }
a.text_sm:visited { text-decoration: underline; font-weight: none; color: #006666; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 9px; }
a.text_sm:hover  { text-decoration: underline; font-weight: none; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 9px; }

.text_sm { text-decoration: none; font-weight: none; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 9px; }
.text_sm_b { text-decoration: none; font-weight: bold; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 9px; }

.text { text-decoration: none; font-weight: none; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
.text_b { text-decoration: none; font-weight: bold; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }

.text_teal { text-decoration: none; font-weight: none; color: #006666; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
.text_teal_b { text-decoration: none; font-weight: bold; color: #006666; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }

.text_w { text-decoration: none; font-weight: normal; color: #ffffff; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
.text_w_b { text-decoration: none; font-weight: bold; color: #ffffff; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }

.text9 { text-decoration: none; font-weight: none; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 9px; }
.text10 { text-decoration: none; font-weight: none; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
.text11 { text-decoration: none; font-weight: none; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 11px; }
.text12 { text-decoration: none; font-weight: none; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 12px; }
.text14 { text-decoration: none; font-weight: none; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 14px; }
.text18 { text-decoration: none; font-weight: none; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 18px; }

.text9_b { text-decoration: none; font-weight: bold; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 9px; }
.text10_b { text-decoration: none; font-weight: bold; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 10px; }
.text11_b { text-decoration: none; font-weight: bold; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 11px; }
.text12_b { text-decoration: none; font-weight: bold; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 12px; }
.text14_b { text-decoration: none; font-weight: bold; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 14px; }
.text18_b { text-decoration: none; font-weight: bold; color: #000000; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 18px; }

.title { text-decoration: none; font-weight: bold; color: #006666; font-family: 'verdana', Arial; font-size: 12px; }
.title1a { text-decoration: none; font-weight: bold; color: #006666; font-family: 'verdana', Arial; font-size: 13px; }
.title1 { text-decoration: none; font-weight: bold; color: #8e9673; font-family: 'verdana', Arial; font-size: 12px; }
.title2 { text-decoration: none; font-weight: bold; color: #006666; font-family: 'verdana', Arial; font-size: 14px; }
.title3 { text-decoration: none; font-weight: bold; color: #8e9673; font-family: 'verdana', Arial; font-size: 16px; }
.marginzero { margin:0; }
.footer { text-decoration: none; font-weight: bold; color: #8e9673; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 12px; }
.copyright { text-decoration: none; font-weight: none; color: #8e9673; font-family: 'verdana', Arial, Helvetica, sans-serif; font-size: 9px; }

/* bgcolors */

.ip_white {background: #ffffff; padding: 10px; }
.ip_yellow {background-color: #FEFFEE; padding: 10px; }
.nav_sec {background: #D3D8C3; padding:5px 10px; }

.cap { text-transform: capitalize; !important; }
.upper { text-transform: uppercase; !important; }
.clear { clear: both; !important; }
.textred { color: #cc0000; }

/* application box color */

sup {vertical-align: super; font-size: 9px; color: #000000;}

TEXTAREA, INPUT
{ 
font-size:10px;
font-family: Verdana,Arial,Helvetica,sans-serif;
}

.navarrow
{
vertical-align:middle; 
margin-right:5px;
}

.paddiv
{
background: url(images/spacer.gif); 
height:1px; width:1px;
margin:0 5px; 
padding:0;
}

.p7 { padding: 7px; }
.p10 { padding: 10px; }
.p13 { padding: 13px; }

.specials { padding-right:30px; padding-left:10px; padding-bottom:13px; }


SELECT, OPTION
{ 
font-size:10px;
font-family:Verdana,Arial,Helvetica,sans-serif;
}


/* home */

.home-main { width: 441px; height:187px; overflow:hidden; }
.home-main1 { width: 201px; height:167px; overflow:hidden; font-size:10px; text-align:left; float:left; }

#home-promo1 { width: 298px; height:93px; overflow:hidden; }
#home-promo1 a { text-decoration:none; cursor:pointer; }
.home-promo1a { width: 250px; height:73px; overflow:hidden; text-align:right; float:right; #margin-top:-3px; }
.home-promo1b { width: 150px; float:right; line-height:11px; color:#000; }

#home-promo2 { width: 298px; height:93px; overflow:hidden; }
#home-promo2 a { text-decoration:none; cursor:pointer; }
.home-promo2a { width: 250px; height:73px; overflow:hidden; text-align:left; float:left; #margin-top:-3px; }
.home-promo2b { width: 220px; float:left; line-height:11px; color:#000; }

#products-cisco { 
width:49%; 
height:70px; 
overflow:hidden; 
float:left; 
/* background:url(images/products-cisco.jpg); bottom no-repeat; */
}
#products-cisco a:link { text-decoration:none; cursor:pointer; }
#products-cisco .header { float:right; margin:20px 20px 0 0; }

#products-foundry { 
width:49%; 
height:70px; 
overflow:hidden; 
float:right; 
/* background:url(images/products-foundry.jpg); bottom no-repeat; */
}
#products-foundry a { text-decoration:none; cursor:pointer; }
#products-foundry .header { float:right; margin:20px 20px 0 0; }

#products-extreme { 
width:49%; 
height:70px; 
overflow:hidden; 
float:left; 
/* background:url(images/products-extreme.jpg); bottom no-repeat; */
}
#products-extreme a { text-decoration:none; cursor:pointer; }
#products-extreme .header { float:right; margin:20px 20px 0 0; }

#products-juniper { 
width:49%; 
height:70px; 
overflow:hidden; 
float:right; 
/* background:url(images/products-juniper.jpg); bottom no-repeat; */
}
#products-juniper a { text-decoration:none; cursor:pointer; }
#products-juniper .header { float:right; margin:20px 20px 0 0; }


/* List definitions */

ul.point
{
list-style-image: url(images/bullet.gif); 
margin-top: 0px;
margin-bottom: 0px;
margin-left: 15px;
padding: 0px;
}

ul.point_bk_open
{
list-style-image: url(images/bullet_bk_open.gif);
margin-top: 0px;
margin-bottom: 0px;
margin-left: 15px;
padding: 0px;
}

ul.point_bk
{
list-style-image: url(images/bullet_bk.gif);
margin-top: 0px;
margin-bottom: 0px;
margin-left: 15px;
padding: 0px;
}

ul.point_g
{
list-style-image: url(images/bullet_gray.gif); 
margin-top: 0px;
margin-bottom: 0px;
margin-left: 15px;
padding: 0px;
}

ul.plus
{
list-style-image: url(images/bullet_plus.gif);
margin-top: 0px;
margin-bottom: 0px;
margin-left: 15px;
padding: 0px;
}

ul.minus
{
list-style-image: url(images/bullet_minus.gif);
margin-top: 0px;
margin-bottom: 0px;
margin-left: 15px;
padding: 0px;
}

ul.disc
{
list-style-image: url(images/bk_dot.gif); 
margin-top: 0px;
margin-bottom: 0px;
margin-left: 15px;
padding: 0px;
}

li.line
{
border-bottom:1px dotted #ccc; 
padding-bottom: 2px;
margin-bottom: 2px; 
}

li.selected
{
margin-bottom: 2px; 
}

.leftnav_div
{ 
line-height: 13px; 
padding-top: 5px; 
padding-bottom: 5px; 
border-top:1px solid #D3D8C3; width:100%;
}
				
img { border:0px; }
img.top {vertical-align:text-top}
img.middle {vertical-align:middle}
img.bottom {vertical-align:text-bottom}

img.float-lt { float:left; }
img.float-rt { float:right; }
.pad-rt { padding-right:10px; }
.pad-lt { padding-left:10px; }
.pad-bt { padding-bottom:10px; }
.pad-tp { padding-top:10px; }

.mar-rt { margin-right:10px; }
.mar-lt { margin-left:10px; }
.mar-bt { margin-bottom:10px; }
.mar-tp { margin-top:10px; }


ul.zzul {list-style-type:none; display: block;}
span.zzspace {left:5px;}
