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

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


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

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

h4{
	font-size: 14px;
	color: #92000E;
	font-family: "Trebuchet MS", Arial, Sans-serif;
	font-style: plain;
	margin: 4px 0px -8px 28px;
	}


p.white{
  color: white;
}

p.link{
  color: blue;
  text-align: right;
  font-size: 11px;
  font-family: Verdana, Sans-serif;
  }
  
  a:hover{
  color: #333333;
  }

hr{
width: 90%;
color: #990000;
background-color: #990000;
float: left;
margin:0px;
}


a{
outline: none;
}



/*TRI FORM--------------------------------------------------------------//
------------------------------------------------------------------------*/
#triForm{
	float:left;
	display:inline;
	width:478px;
	height:200px;
	height:auto;
	padding:0px;
	margin:0px;
	border:1px solid #999999;
	background:url("/chrome/triForm.gif");
}

#triForm form{
	float:left;
	display:inline;
	clear:none;
}

#brandForm select{
	width:145px;
	height: 172px;
	/*height:172px;*/
}

#modelForm select{
	width:132px;
	height: 172px;
	/*height:172px;*/
}

#triForm p{
	float:left;
	display:inline;
	clear:both;
	font-size:70%;
	line-height:100%;
	color:black;
	width:450px;
	margin:4px 0px 0px 0px;
	padding:4px;
	background:white;
}

#triForm a.addToCart{
	float:right;
	display:inline;
	height:19px;
	width:83px;
	margin:0px 20px 0px 0px;
}

#triForm a.addToCart:hover{
	float:right;
	display:inline;
	height:19px;
	width:83px;
	margin:0px 20px 0px 0px;
}

#leftColumn{
	float:left;
	display:inline;
	width:380px;
	height:auto;
	margin:-5px 0px 0px 6px;
}

#leftColumn h1{
	font-weight:normal;
	font-size:20px;
	width:360px;
	margin:10px 0px 0px 40px;
}

#leftColumn h2{
	width:330px;
	font-weight:normal;
	margin:10px 0px 0px 40px;
}


#leftColumn ul{
	float:left;
	display:inline;
	clear:left;
	width:300px;
	margin:0px 0px 0px 40px;
	padding:10px 0px 0px 20px;
}

#leftColumn p{
	margin:10px 0px 0px 10px;
	width:350px;
}

.videoPlayer{
	float:left;
	display:inline;
	width:320px;
	height:176px;
	margin:15px 0px 0px 40px;
}
/*RIGHT COLUMN----------------------------------------------------------//
------------------------------------------------------------------------*/
#rightColumn{
	float:left;
	display:inline;
	width:435px;
	height:auto;
	min-height:300px;
	margin:8px 0px 0px 6px;
}

#rightColumn h1{
	font-weight:bold;
	font-size:14px;
	color:#000099;
	margin:0px 0px 0px 4px;
}

#rightColumn h2{
	font-weight:normal;
	font-size:30px;
	line-height:120%;
	color:#000099;
}

#rightColumn p{
	font-size:14px;
}

.rightColumnLeft{
	float:left;
	display:inline;
	width:320px;
	margin:0px;
}

/*QUOTE-----------------------------------------------------------------//
------------------------------------------------------------------------*/
#quote{
	float:left;
	display:inline;
	margin:0px 0px 0px 0px;
	width:156px;
}

#quote h1{
	font-weight:bold;
	color:black;
	font-size:13px;
	width:156px;
	margin:0px;
	line-height:100%;
}

#quote p{
	font-size:12px;
	width:156px;
	margin:4px 0px 0px 0px;
	line-height:110%;
}
/*NEW COLUMN------------------------------------------------------------//
------------------------------------------------------------------------*/
.newColumn{
	float:left;
	display:inline;
	width:416px;
	height:auto;
	background:url(../chrome/newColumn.gif) repeat-y;
	margin:10px 0px 0px 4px;
}

.newColumn + .newColumn{
	margin:10px 0px 0px 40px;
}

.newColumnHeader{
	float:left;
	display:inline;
	width:416px;
	height:25px;
	background:url(../chrome/newColumnHeader.gif) no-repeat;
}

.newColumnFooter{
	float:left;
	display:inline;
	width:416px;
	height:5px;
	background:url(../chrome/newColumnFooter.gif) no-repeat;
}

.newColumn h1 {
	float:right;
	font-size:16px;
	font-weight:normal;
	color:black;
	width:328px;
	text-align:left;
	margin:6px 0px 0px 20px;
	padding:0px;
}

.newColumn h2{
	font-size:14px;
	font-weight:normal;
	color:black;
	width:328px;
	text-align:left;
	margin:6px 0px 0px 12px;
	padding:0px 0px 4px 0px;
}

.newColumn ul{
	float:left;
	display:inline;
	list-style:none;
	margin:0px 0px 0px 12px;
	padding:0px;
	width:328px;
}

.newColumn li{
	float:left;
	display:inline;
	clear:left;
	padding:0px 0px 4px 0px;
	width:328px;
}

.newColumn p{
	width:280px;
}

.newItemRight{
	float:right;
	display:inline;
	width:78px;
	padding:8px;
	height:auto;
}


li.listPhone{
	height:25px;
	background:url(../chrome/listPhone.jpg) no-repeat;
	padding:5px 0px 0px 40px;
	margin:4px 0px 4px 0px;
	color:#5F5F5F;
}

li.listPhoneTwo{
	height:25px;
	background:url(../chrome/listPhoneTwo.jpg) no-repeat;
	padding:5px 0px 0px 40px;
	margin:4px 0px 4px 0px;
	color:#5F5F5F;
}

li.listPhoneTwo a{
	text-decoration:none;
	color:#5F5F5F;
}

li.listPhoneTwo a:hover{
	text-decoration:underline;
	color:#5F5F5F;
}


li.listArrow{
	height:25px;
	background:url(../chrome/listArrow.jpg) no-repeat;
	padding:5px 0px 0px 40px;
	margin:4px 0px 4px 0px;
}

li.listArrow a{
	text-decoration:none;
	color:#5F5F5F;
}

li.listArrow a:hover{
	text-decoration:underline;
	color:#5F5F5F;
}

li.listChat{
	height:25px;
	background:url(../chrome/listChat.jpg) no-repeat;
	padding:5px 0px 0px 40px;
	margin:4px 0px 4px 0px;
}

li.listChat a{
	text-decoration:none;
	color:#5F5F5F;
}

li.listChat a:hover{
	text-decoration:underline;
	color:#5F5F5F;
}




/* ---------------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;
   float: left;
 }
 
 #content h3{
 font-family: "Trebuchet MS", Arial, Sans-serif;
 margin-bottom: 3px;
 }
 
 #content h1{
  font-family: "Trebuchet MS", Arial, Sans-serif;
 margin-bottom: -9px;
  }
 

#leftcontainer{
  float: left;
  width: 470px;
  margin: 10px 10px 0px 20px;
  }
   
#instructions{
  float: left;
  width: 466px;
  height: 678px;
  background: url(/chrome/instructions.jpg) no-repeat;
  padding-top: 10px;
  }
  
  #instructions h1{
  margin-left: 15px;
  }
  
  #instructioncopy{
  float: left;
  width: 205px;
  margin-left: 15px;
  }
  
  #leftcontainer img{
  float: right;
  margin: 9px;
  }
  
  #pbxbox{
  width: 460px;
  height: 240px;
  background: url(/chrome/pbx-hold-music_plug-in.jpg) no-repeat;
  margin: 5px;
  }
  
  #whichsystem{
  width: 460px;
  height: 439px;
  background: url(/chrome/whichsystem.gif) no-repeat;
  margin: 10px 0px 15px 0px;
  padding-top: 10px;
  }
  
  #whichsystem h1{
  margin-left: 15px
  }
  
  
  .pbxcopy{
  width: 230px;
  float: right;
  text-align: left;
  margin: 10px 30px 20px 0px;
  }
  
  #ordinarybox{
  width: 460px;
  height: 240px;
  background: url(/chrome/2-4-line-hold-music-plug-in.jpg) no-repeat;
  margin: 5px;
  }
  
  .ordinarycopy{
  width: 230px;
  float: right;
  clear: right;
  text-align: left;
  margin: 10px 30px 0px 0px;
  }
  
 #how-pbx{
  background: url(/chrome/howpbx-bkg.gif) no-repeat;
width: 460px;
height: 206px;
margin: 10px;
float: left;
}

#how-pbx a{
border-style: none;
}

  
  
  #stepbox{
  width: 460px;
  height: 240px;
  margin: 18px 0px 10px 0px;
  background: url(/chrome/stepbox-bkg.gif) no-repeat;
  }
  
  #stepbox p{
  margin-left: 40px;
  }
  
  #ivrbox{
  width: 490px;
  height: 240px;
  margin: 5px 20px 0px 0px;
  }
  
  .ivrcopy{
  width: 200px;
  float: right;
  text-align: left;
  margin: 10px 20px 0px 0px;
  }
  
  #ivrbox img{
  float: left;
  }
  
  /*------------bottomnav--------------*/
  
  #bottomnav{
  width: 100%;
  height: 200px;
  margin: 0;
  background: #CCCCCC;
  }
  
  #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;
  }
  
  #how{
  width: 280px;
  float: left;
  margin-left: 77px;
  }
  
  
  #tips{
  width: 230px;
  float: left;
  margin-left: 27px;
  }
  
  
  
  #next{
   width: 230px;
  float: left;
  margin-left: 77px;
  }
  
  
  /* -------smallnav----------------- */

#smallnav{
float: left;
  background: #2683AE;
  width: 440px;
 
 }
 
 #smallnav ul{
 list-style-type: none;
  font-size:12px;
  font-family:Verdana, Arial, Sans-serif;
  line-height: 2.4;
  }
 
 
 #smallnavheader{
 float: left;
 background: #003366;
 width: 440px;
 height: 35px;
 margin-top: 10px;
  }
  
  #smallnavheader h2{
  color: white;
  margin: 6px 0px 0px 20px;
  font-family: "Trebuchet MS", Arial, Sans-serif;
   }
   
  #smallnavfooter{
 float: left;
 background: #003366;
 width: 440px;
 height: 15px;
 margin-bottom: 10px;
  }
  
 
 #smallnav a {   
  display: block;  
  color: #FFF;
  text-decoration: none;
  padding: 0 15px;
  line-height: 2.4;
  border-bottom: 1px solid #FFF;
  margin-top: -10px;
}


 #smallnav a:hover { 
  background: #CCFFCC;
  color:black;
}
  
  


/* -------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;
	}