/* ---------------general styles---------------- */

h1{
	font-size: 160%;
	font-family: "Trebuchet MS", Arial, Sans-serif;
	margin: 5px 0px 0px 0px;
}


h2{
	font-size: 125%;
	color: black;
	font-family: "Trebuchet MS", Arial, Sans-serif;
	margin-bottom: 0px;
}

h3{
	font-size: 14px;
	color: #003366;
	font-family: "Trebuchet MS" Arial Sans-serif;
	font-style: bold;
	margin: 0px 0px 2px 0px;
}

h4{
	font-size: 14px;
	color: black;
	font-family: "Trebuchet MS", Arial, Sans-serif;
	font-style: plain;
	margin-left: 24px;
	margin-top: 4px;
	}
	
	h5{
	font-size: 16px;
	color: black;
	font-family: "Trebuchet MS", Arial, Sans-serif;
	font-style: plain;
	margin: 0px 0px -10px 0px;
	}


p.white{
color: white;
}

hr{
  width: 90%;
  color: #990000;
  background-color: #990000;
  float: right;
}

a {
outline: none;
}

a.findoutmore{
  display: block;
  width: 100px;
  height: 23px;
  background: #FFF url("/chrome/findoutmore.jpg") no-repeat 0 0;
  margin:  10px 0px 0px 145px;
 }


a.findoutmore:hover
{ 
  background-position: 0 -23px;
}



/* ---------------breadcrumb style-------------- */

#breadcrumb{
font-family: "Trebuchet MS", Arial, Sans-serif;
background: url("/chrome/breadcrumbbkg.jpg") repeat-x;
font-size: 11px;
color: blue;
height: 30px;
float: left;
clear: all;
}

#breadcrumb p{
margin: 6px 15px 11px 14px;
}

#breadcrumb a:hover{
color: gray;
}

#breadcrumb a:visited{
color: purple;
}

#breadcrumb a:visited:hover{
color: gray;
}



/* ---------------content styles---------------- */
    
#content{
   padding:0;
   margin: 0;
   width: 100%;
   font-size: 11px;
   background: white;
   color: black;
   font-family: Verdana, Arial, Sans-serif;
   text-align: left;
 }
 
 
 #content1200{
   padding:0;
   margin: 0;
   width: 100%;
   height: 1200px;
   font-size: 11px;
   background: white;
   color: black;
   font-family: Verdana, Arial, Sans-serif;
   text-align: left;
 }
 
 
 
 /*------------new script form styles--------------*/
  
 span.and{
 font-family: Verdana, Arial, Sans-serif;
 font-weight: 800;
 }
  
  
  
 /*------------light blue container for form to sit in----------*/   
 #wideleft{
width: 600px;
 float: left;
 margin: 20px 20px 20px 30px;
 clear: left;
 background: #D6DDE9;
 height: 1950px;
}

 #supportwideleft{
width: 600px;
 float: left;
 margin: 20px 20px 20px 30px;
 clear: left;
 background: #D6DDE9;
 height: 1150px;
}

#wideleftpale{
width: 600px;
 float: left;
 margin: 20px 20px 20px 30px;
 clear: left;
}


  #slimright{
  width: 350px;
  margin: 20px 0px 0px 0px;
  float: left;
  }
  
  #slimright h3{
  color: #003366;
  font-family: "Trebuchet MS", Arial, Sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.0;
  margin-top: 5px;
  }
    
  #slimnav{
  width: 350px;
  margin: 0;
}
  
  #slimnav a{
  color: black;
  }
    
  #slimnav a:hover{
  width: 300px;
  background: #EFF2F8;
  color: #324469;
  }
  
  #slimnav h1{
  margin-left: 10px;
  }
  
  #slimnav ul{
  list-style: none;
  margin:0;
  padding: 0;
  float: left;
  }
      
  #slimnav li a{
  text-decoration: none;
  padding: 0px 0px 0px 20px;
  height: 25px;
  line-height: 25px;
  width: 100%;
  display: block;
  }
  
  #slimnav hr{
  width: 320px;
  color: #003366;
  float: left;
}
      
  #slimhow{
  width: 100%;
  float: left;
  margin-left: 10px;
  }
    
  #slimtips{
  width: 100%;
  float: left;
  margin-left: 10px;
  }
    
  
  #slimnext{
   width: 100%;
  float: left;
  margin-left: 10px;
  }
  
  



/*-----------pbx how it works page styles-----------------*/

 #how-pbx{
  background: url(/chrome/howpbx-bkg.gif) no-repeat;
  width: 460px;
  height: 206px;
  float: left;
  margin: 20px 10px 0px 0px;
}

#how-pbx img{
border-style: none;
float:left;
margin: 10px 5px 5px 5px;
}

 #how-ordinary{
  background: url(/chrome/howpbx-bkg.gif) no-repeat;
  width: 460px;
  height: 206px;
  float: left;
  margin: 10px 0px 20px 0px;
  clear: left;
}

#how-ordinary img{
border-style: none;
float:left;
margin: 10px 0px 0px 7px;
}

.insetcopy{
width: 240px;
float: left;
margin: 10px;
}

#lefthowcontainer{
width: 470px;
float: left;
margin: 20px 10px 0px 20px;
font-size: 12px;
line-height: 140%;
}


#lefthowcontainer h3{
margin: 5px 0px 0px 0px;
}

#lefthowcontainer h1{
margin-bottom: 1px;
}

#instructionscontainer{
width: 475px;
height: 680px;
background: url(/chrome/instructions.jpg) no-repeat;
float: left;
clear: left;
}

#instructionscontainer h1{
margin: 10px 0px 0px 15px;
}

#instructionscontainer h3{
margin: 0px 0px 0px 15px;
}

#loadfile{
width: 190px;
margin-left: 15px;
}

#newright{
width: 450px;
float: left;
margin: 20px 0px 0px 20px;
font-size: 12px;
line-height: 140%;
}

#newright h1{
margin: 10px 0px 0px 0px;
}

#newright h3{
margin: 3px 0px 0px 0px;
}


#listpbxcontainer{
width: 490px;
float: left;
margin: 30px 0px 0px 30px;
font-size: 12px;
line-height: 140%;
}

#rightpbxcontainer{
width: 490px;
float: left;
margin: 30px 0px 0px 30px;
font-size: 12px;
line-height: 140%;
}


#leftpbxcontainer{
width: 400px;
float: left;
margin: 20px 0px 0px 40px;
clear: left;
font-size: 12px;
line-height: 140%;
}

#leftpbxcontainer h2{
font-size: 16px;
margin: -1px 0px -5px 0px;
line-height: 90%;
color: #003366;
}


#leftpbxcontainer h1{
font-size: 20px;
line-height: 110%;
}

#rightpbxcontainer ul{
margin-left: -15px;
line-height: 120%;
}


#rightpbxcontainer li{
margin: 10px 0px;
}



 
#leftcontainer{
width: 540px;
float: left;
margin-left: 10px;
clear: left;
}



#leftslimcontainer{
width: 380px;
float: left;
margin-left: 20px;
margin-bottom: 10px;
clear: left;
font-size: 12px;
line-height: 140%;
}

#leftslimcontainer h2{
font-size: 16px;
line-height: 90%;
color: #003366;
}

#leftslimcontainer h1{
font-size: 20px;
margin: 6px 0px 2px 0px;
}

#leftslimcontainer h3{
font-size: 14px;
margin: 4px 0px -1px 0px;
color: #003366;
font-family: "Trebuchet MS", Arial, Sans-serif;
}

#leftbox{
width: 480px;
float: left;
margin: 5px 20px 5px 40px;
text-align: left;
}

#leftbox h3{
margin: 1px 0px -9px 0px;
}

#leftbox img{
margin-right: 3px;
float: left;
}


#musiconholdcontainer{
width: 100%;
height: 700px;
margin-left: auto;
margin-right: auto;
float: left;
text-align: center;
}



#rightcontainer{
 width: 450px;
 min-height:350px;
 height:auto !important;
 float: left;
}

#rightwidecontainer{
width: 520px;
float: left;
margin-left: 50px;
}

#rightwidecontainer h1{
margin: 5px 0px 0px 0px;
}


#rightwidecontainer h3{
font-size: 14px;
margin: 0px 0px -3px 0px;
color: #003366;
font-family: "Trebuchet MS", Arial, Sans-serif;
}


#rightequipcontainer{
width: 450px;
margin: -55px 0px 0px -50px;
float: left;
}



#rightcontainer hr{
  width: 100%;
  color: gray;
  height: 1px;
  float: left;
  margin: 10px 0px 0px 10px;
}




#rightbox{
width: 390px;
float: left;
margin: 5px 0px 5px 0px;
text-align: left;
}

#rightbox h3{
margin: 1px 0px -9px 0px;
}



.rightcontent{
width: 430px;
margin: 15px 25px 5px 5px;
float: left;
}


.caption{
width: 510px;
float: left;
margin: 5px 0px 5px 20px;
height: auto;
}

#playersusb{
float: left;
width: 490px;
height: 220px;
margin: 5px;
background: url(/chrome/usb-hold-music-player.gif) no-repeat;
}

#playersusb p{
font-size: 11px;
line-height: 120%;
}


#playersusb img{
float: left;
margin: 5px 0px 0px 8px;
border: none;
}

#playersipromoh{
float: left;
width: 490px;
height: 220px;
margin: 5px;
background: url(/chrome/ipromoh-hold-music-player.gif) no-repeat;
}

#playersipromoh p{
font-size: 11px;
line-height: 120%;
}


#playersipromoh img{
float: left;
margin: 5px 0px 0px 16px;
border: none;
}




#connectors{
float: left;
width: 490px;
height: 220px;
margin: 5px;
background: url(/chrome/connectors-bkg.gif) no-repeat;
}

#connectors img{
border: 0;
margin: 15px 0px 0px 20px;
}

.connectorstext{
font-size: 11px;
margin: 10px 20px 5px 5px;
width: 300px;
float: right;
font-family: Verdana, Arial, Sans-serif;

}

.playersusbtext{
float: right;
margin: 0px 20px 5px 5px;
width: 200px;
font-family: Verdana, Arial, Sans-serif;

}





#playersilink{
float: left;
width: 490px;
height: 220px;
margin: 5px;
background: url(/chrome/ilink-hold-music-player.jpg) no-repeat;
}

#playersadapters{
float: left;
width: 490px;
height: 220px;
margin: 5px;
}

.playersilinktext{
float: right;
margin: 0px 20px 5px 5px;
width: 200px;
font-family: Verdana, Arial, Sans-serif;
font-size: 11px;
}

#playersmulti{
float: left;
width: 490px;
height: 220px;
margin: 5px;
background: url(/chrome/multi-messager-player.jpg) no-repeat;
}

#playersphones{
float: left;
width: 490px;
height: 220px;
margin: 5px;
}

.caption a:hover{
color: gray;
font-size: 110%;
font-weight: 10;
}

.caption a{
color: blue;
font-size: 110%;
font-weight: 10;
}

a.musicbutton{
  margin: 10px 0px 0px 140px;
  display: block;
  width: 142px;
  height: 31px;
  background: #FFF url("../../chrome/hearmusicbutton.jpg") no-repeat 0 0;
  color: white;
 }


a.musicbutton:hover{ 
 
  background-position: 0 -31px;
}


a.premiumbutton{
  display: block;
  margin-left: 100px;  
  width: 321px;
  height: 68px;
  background: #FFF url("../../chrome/premiumbutton.jpg") no-repeat 0 0;
  color: white;
 }


a.premiumbutton:hover{ 
 
  background-position: 0 -68px;
}

a.downloadbutton{
  margin: 25px 0px 0px 0px;
  display: block;
  width: 190px;
  height: 36px;
  background: #FFF url("../../chrome/downloadbutton.jpg") no-repeat 0 0;
  color: white;
 }


a.downloadbutton:hover{ 
 
  background-position: 0 -38px;
}

a.downloadspecsheetbutton{
  margin: 0px 0px 5px 0px;
  display: block;
  width: 190px;
  height: 41px;
  background: #FFF url("../../chrome/downloadspecsheetbutton.jpg") no-repeat 0 0;
  color: white;
 }


a.downloadspecsheetbutton:hover{ 
 
  background-position: 0 -47px;
}
  

/*------------equipmentpages---------*/

#equipmentleftcontainer{
width: 640px;
margin: 0px 0px 5px 25px;
float: left;
line-height: 140%;
}

#equipmentleftcontainer img{
margin: 0px 0px 10px 0px;
}

#equipmentleftcontainer p{
width: 600px;
}




#equipmentrightcontainer{
width: 300px;
margin: 10px 0px 5px 10px;
float: left;
line-height: 140%;
}

#equipmentrightcontainer ul{
margin-left: -15px;
line-height: 120%;
font-size: 12px;
font-family: Verdana, Arial, Sans-serif;
}

#equipmentrightcontainer hr{
width: 100%;
color: gray;
margin: 0px 0px 10px 0px;
}

#equipmentrightcontainer li{
margin: 10px 0px;
}

/*------------bottomnav--------------*/
  
  #bottomnav{
  width: 100%;
  height: 215px;
  margin: 0;
  background: #d7d7d7;
  clear: left;
  }
  
  #bottomnav h1{
  margin-left: 30px;
  }
  
  #bottomnav ul{
  list-style: none;
  margin:0;
  padding: 0;
  float: left;
  }
  
    
  #bottomnav a:hover{
  background: white;
    }
  
  #bottomnav li a{
  text-decoration: none;
  height: 25px;
  line-height: 25px;
  width: 260px;
  display: block;
  }
  
  #bottomnav hr{
  width: 90%;
  color: #003366;
  float: left;
}
  
  
  
  #how{
  width: 280px;
  float: left;
  margin-left: 77px;
  }
  
  
  #tips{
  width: 230px;
  float: left;
  margin-left: 27px;
  }
  
  
  
  #next{
   width: 230px;
  float: left;
  margin-left: 77px;
  }
  
  
  
 #rightcontainer img{
 margin: 5px 0px 0px 10px;
 }
 
 
 
a.freedemo148{
  margin: 5px 1px 1px 1px;
  display: block;
  width: 180px;
  height: 89px;
  background: #FFF url("../chrome/freedemobutton-148.jpg") no-repeat 0 0;
  float: left;
  clear: left;
  outline: none;
 }


a.freedemo148:hover{

  background-position: 0 -85px;
}


/* -------ipromoh----------------- */

.ipromoh{
background: url("../chrome/ipromoh-bkg.jpg") no-repeat 0 0;
float: left;
width: 620px;
height: 420px;
}



/* -------footer----------------- */

#footer{
	clear: left;
	text-align: center;
	padding-top: 25px;
	width: 1010px;
	background-color: black;
	height: 40px;
	font-family: Trebuchet MS, Arial, Sans-serif;
	color: white;
	font-size: .8em;
	}