/*~*~*~*~*~*~*~*~*~* reset browser defaults *~*~*~*~*~*~*~*~*~*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background:transparent none repeat scroll 0 0;
border:0 none;
font-size:100%;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}
/*~*~*~*~*~*~*~*~*~* End of CSS reset *~*~*~*~*~*~*~*~*~*/

/*~*~*~*~*~*~*~*~*~* Start of layout styles *~*~*~*~*~*~*~*~*~*/
body {
background-color: #cccccc;
font: normal 12px verdana,arial,helvetica,sans-serif;
color: #432316;
text-align:center;
line-height:150%;
min-width:860px;
}

html, body {
margin: 0;
padding:0;
height:100%;
}

#container {
  position: static;
  text-align: left;     
  background: #ffffff;
  margin: 0 15px;
}

#header {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width:800px;
  height:62px;   
}

#main { 
padding: 15px;
margin-top: 0;
position: static;
min-width:800px;
background-color:#ffffff;
}

	#main #mainLeft {
	margin-right:335px;
	min-width:300px;
	}

		#main #mainLeft h2
		{font: bold 12px verdana,arial,helvetica,sans-serif; color:#368DB7; background-color: #DEEBF7; margin:5px 0 5px 0; padding:5px;}

	#main #mainRight {
	float:right;
	width:320px;
	background-color: #DEEBF7;
	}


/*~*~*~*~*~*~*~*~*~* Start of footer styles  *~*~*~*~*~*~*~*~*~*/
#footer {
background-color:#006DA5;
color:#ffffff;
display:block;
font-weight:bold;
font-size:0.85em;
line-height:1.2;
margin-left:auto;
margin-right:auto;
margin-top:15px;
height:80px;
min-width: 800px;
}

    #footer a {
    color:#ffffff;
    text-decoration:none;
    }

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

    #footer #links {
    padding:50px 15px 0 0;
    float: right;
    }

    #footer #address {
    padding:10px; 
    float:left;
    }
    
    #footer .logo {
    padding:10px;
    float:left;
    }
/*~*~*~*~*~*~*~*~*~* End of Footer styles  *~*~*~*~*~*~*~*~*~*/

/*~*~*~*~*~*~*~*~*~* End of layout styles *~*~*~*~*~*~*~*~*~*/



/* * * * * * * * * Start of text format styles  * * * * * * * * */
p 
{ 
    margin:8px 0 10px 0; 
    line-height:150%;
}


.underline 
{ 
    text-decoration: underline;
}

div.underline 
{ 
    border-bottom: medium solid #000000 
}

div.question 
{ 
    font-style: italic;
    border-bottom: thin dotted #368DB7; 
}

.access { display: none; }

/*~*~*~*~*~*~*~*~*~* Start of header Styles  *~*~*~*~*~*~*~*~*~*/
h1 {font: bold 13px verdana,arial,helvetica,sans-serif; margin:0 0 2px 0; padding:0;}
h2 {font: bold 12px verdana,arial,helvetica,sans-serif; margin:0 0 2px 0; padding:0;}
h3 {font: bold 12px verdana,arial,helvetica,sans-serif; margin:0 0 2px 0; padding:0;}
/*~*~*~*~*~*~*~*~*~* End of header Styles  *~*~*~*~*~*~*~*~*~*/

/*~*~*~*~*~*~*~*~*~* Start of brand links styles  *~*~*~*~*~*~*~*~*~*/
a.snom { display: block; background: url(brand_links/snom_up.jpg) no-repeat top; padding:3px; height:29px;}
a:hover.snom {display: block; background: url(brand_links/snom_over.jpg) no-repeat top;}

a.cisco {display:block; background:url(brand_links/cisco_up.jpg) no-repeat top; padding:3px; height:40px;}   
a:hover.cisco {display:block; background:url(brand_links/cisco_over.jpg) no-repeat top;}
    
a.grandstream {display:block; background:url(brand_links/grandstream_up.jpg) no-repeat top; padding:3px; height:40px;}   
a:hover.grandstream {display:block; background:url(brand_links/grandstream_over.jpg) no-repeat top;} 

a.avm {display:block; background:url(brand_links/avm_up.jpg) no-repeat top; padding:3px; height:42px;}   
a:hover.avm {display:block; background:url(brand_links/avm_over.jpg) no-repeat top;} 

a.gigaset {display:block; background:url(brand_links/gigaset_up.jpg) no-repeat top; padding:3px; height:28px;}   
a:hover.gigaset {display:block; background:url(brand_links/gigaset_over.jpg) no-repeat top;} 

a.phihong {display:block; background:url(brand_links/phihong_up.jpg) no-repeat top; padding:3px; height:45px;}   
a:hover.phihong {display:block; background:url(brand_links/phihong_over.jpg) no-repeat top;} 

a.yealink {display:block; background:url(brand_links/yealink_up.jpg) no-repeat top; padding:3px; height:39px;}   
a:hover.yealink {display:block; background:url(brand_links/yealink_over.jpg) no-repeat top;} 

a.protalk {display:block; background:url(brand_links/protalk_up.jpg) no-repeat top; padding:3px; height:40px;}   
a:hover.protalk {display:block; background:url(brand_links/protalk_over.jpg) no-repeat top;} 
/*~*~*~*~*~*~*~*~*~* End of brand links styles  *~*~*~*~*~*~*~*~*~*/



.center { text-align:center; }

table.centre { 
margin-left: auto;
margin-right: auto;
}

div.menubar {
              position: static;
              margin: 0;
              padding: 0;
              text-align: right;}

div.nic_border { 
                 border: 2px solid     #368DB7;
                 width: 70%;
                 padding: 3em;

 }


img { margin: 0;
      padding: 0;  
      border: 0;
      line-height:0;}




body.text #main h2
{
        margin:10px 0 2px 0;

      font: bold 13px verdana,arial,helvetica,sans-serif;
 }


.blue  , #main h2
{
  color:#368DB7;
}

.white, .news h1
{
  color:white;
}

ul

 {
  padding-left:0;
/*  margin:2px 0 0 0;     */
  list-style:none;
}

div.four div ul li, div.three div ul li, div.two div ul li,  ul.little li
{
  background: url(bullet_s.png) no-repeat 0 6px;
  line-height:16px;
  padding:0px 0 4px 15px;

  
}

ul.voip li, ul.brands li , body.products div#main ul li , body.text div#main ul li
{
  background: url(bullet.gif) no-repeat 0 6px;
  line-height:18px;
  padding:0 0 4px 15px;
}

ul.indentList { 
  position: relative;
  left: 20px;
}

ul.brands li a, body.products div#main ul li a
{ 
  font: bold 11px verdana,arial,helvetica,sans-serif;
  color:#368DB7;
  text-decoration: none;
}

a, a:visited
{
     text-decoration: underline; 
     color: #00036E;}

a:hover
{
     text-decoration: none; 
     color: #00036E;
}

input, textarea
{
/*  width:185px; */
  font: normal 10px verdana,arial,helvetica,sans-serif;
}




#bannertxt1
{

  position: relative;
  top: -65px; 
/*   z-index: 100;*/
  color: white;
  font-weight:bold;
  padding-left: 30px; 

}

#bannertxt2
{
 position: relative;
  top: -65px; 
/*  z-index:100; */
  color:white;
  padding-left: 30px;
}

#menu_level1
{
  position: static;
  background-color: #006EA3;
  padding: 0;
  margin: 0;
  height:21px;
}

#menu_level2
{
  position: static;
  background-color: #F09E10;
  height:21px;
  padding: 0;
  margin: 0;
}

#menu_level1 li
{
  background: none;
  line-height:18px; 
  padding:1px 3px 2px 3px;   
  position:relative;
  float:right;
  height:18px;
  margin: 0;
}

#menu_level2 li
{
  background: none;
  line-height:18px;
  padding:1px 3px 2px 3px;  
  position:relative;
  float:right;
  height:18px;
}

.menu_text, #menu_level1 li a
{
  padding:4px 3px 0 3px;
  color:white;
  font-weight:bold;
}

.menu_text_over
{
  padding:4px 7px 0 7px;
  color:#F09E10;
  font-weight:bold;  
}

.menu_text_over2
{
  padding:1px 7px 0 7px;
  color:#006EA3;
  font-weight:bold;
  background-color: #F09E10;
  margin:3px;  
}

.menu_text_over3
{
  padding:4px 7px 0 7px;
  color:#006EA3;  
  font-weight:bold;  
}

img.right { float: right;}
img.left { float: left;}

div.four 
{  
  width: 100%;
  clear: both; 
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

div.four div 
{              
  width: 23%;
  float: left;
  margin-left: 0.8%;
  margin-right: 0.8%;
margin-bottom: 50px;
  padding: 0 0 0 0;
  min-width: 140px;
  text-align: justify;
}

div.five 
{  
  width: 100%;
  clear: both;
  padding: 0 0 0 0;
}

div.five div 
{ 
  width: 19%;
  float: left;
  margin-left: 0.4%;
  margin-right: 0.4%;
  padding: 0 0 0 0;
  }

div.three, div.two {  width: 100%;
           clear: both;}

div.three div { 
                width: 29.5%;
               float: left;
               margin-left: 1.4%;
               margin-right: 1.4%;
  text-align: justify;               
}

div.two div { 
  width: 45%;
  float: left;
  margin-left: 2%;
  margin-right: 2%;
}

.intro
{
  color:#368DB7;
  width:55%;
}

p.prodintro
{
  color:#368DB7;
/*  width:80%; */
  font: normal 13px verdana,arial,helvetica,sans-serif;
  font-weight: bold;
  }

h1.product_title
{
  background: #ffffff url(title_bg.gif) repeat top left;
  font: bold 11px verdana,arial,helvetica,sans-serif;
    height: 1.5em;
  color:#368DB7;
  padding:3px 0px 0 6px;
  width: 10em;

 }
 
address {
clear: both;
padding: 15px;
font: 11px;
}

table.border, table.border td, table.border th 
{ 
  border: 1px solid #368DB7;
border-collapse: collapse;  
padding: 4px; 
 }

body.text #main
{
  width: 60%;
  margin-left: 10%;
  margin-right: 10%;
  text-align: justify;
}

body.text #main
{
     font: normal 13px verdana,arial,helvetica,sans-serif;
}


/* Hides from IE5-mac \*/
* html div #buggybox, * html div div.RH div, * html div div#main  { height: 1%;}
/* End hide from IE5-mac */


/* end of old screen  */

#title_block
{
  background: #0064A3 url(images/title_block.gif) no-repeat top left;
  font: bold 11px verdana,arial,helvetica,sans-serif;
  margin:250px 0 0 23px;
  height:19px;
  color:#ffffff;
  padding:3px 12px 0 38px;
}


.about_bullets
{
  margin:5px 0 0 2px;
  position:relative;
}

.about_bullets li
{
  background: url(images/bullet_blue.gif) no-repeat 0 6px;
  color:#368DB7;
  line-height:14px;
}

ul.blue_bullet
{ 
 
  background: url(bullet.gif) no-repeat 0 6px;
  line-height:18px;
  padding:0 0 4px 15px;
}

.news_bullets, .new ul
{
  margin:5px 0 0 0px;
  position:relative;
}

.news_bullets li, .news ul li , .news ul li a 
{
/*  background: url(bullet_white_blue.gif) no-repeat 0 6px; */
  list-style-type: none;
  list-style-image: url(bullet_white_blue.gif);
list-style-position: inside;
 color:#ffffff;
  line-height:14px;
}

.news
{
  float: right;
  background: #0064A3 url(news_squares.gif) no-repeat top right;
  width: 33%;
  margin: 11px 0 0 17px;
  padding:0px 0 0 10px;
}

p.yellowFeature
{
	background-color:#f79e10; 
	padding:5px;
	text-align:center;
	font-weight:bold;
}
    
.features
{
  background: #0064A3 url(news_squares.gif) no-repeat top right;

  padding: 6px;

}
 ul.features li
{

  list-style-position: inside;
  color:#ffffff;
  line-height:14px;
}
.enlarge
{ 
text-align: right;
 color:#368DB7;
  margin:3px 0px 50px 0px;

}

.telephoneNo
{
	color:#368DB7;
}


.biglinks
{
float:left;
padding:5px;
margin: 0 10px 10px 0;
width:47%;
min-width:300px;
background-color: #DEEBF7;
display: block;
border:solid 1px #cadced; 
}

.biglinks p
{
margin:0;
font:11px;
line-height:120%;
}

.biglinks img
{
float:left;
margin-right:10px;
}

.clear
{
clear:left;
}