@charset "utf-8";
/* All Clear Telecom Styles
   Updated: 05/05/2009
   Author: Matt Zimmermann
   ----------------------------------------------------*/

/* SECTION INDEX
			-------------
   =ZEROING ALL ELEMENTS
   =GENERIC
   =WRAPPER
   =HEADER
   =NAVBAR
   =SEARCH
   =MAIN
   =FOOTER
   =DISCLAIMERS
   =SFNT PAGE
   =CTGY PAGE
   =PROD PAGE
   =BASK PAGE
   =CAT TREE
*/

/* =ZEROING ALL ELEMENTS
   ----------------------------------------------------*/
body, div, form, label, fieldset, legend, img, p, h1, h2, h3, h4, h5, ul, li, a{
border:0 solid transparent;
margin:0;
padding:0;
}
body{
font:normal 0.75em Arial, Helvetica, sans-serif;
/* default browser font size is 16px (16px * 0.75 = 12px) */
}
a{
position:relative;
z-index:1;
}
input, select, option, textarea{
font:normal 1em Arial, Helvetica, sans-serif;
position:relative;
z-index:1;
}
ul, ol{
list-style:none;
}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


/* =GENERIC
   ----------------------------------------------------*/
body{
margin:20px auto;
background:#ffffff url(../images/bg_body.jpg) repeat-x top left;
color:#000;
}
h1{
font:bold 18px Arial, Helvetica, sans-serif;
color:#000;
}
 customfont{
 clear:both;
 font-size:12pt;
 font:bold 12pt Arial, Helvetica, sans-serif;
 color:#000;
 margin:0;
 margin-bottom:-10px;
 *padding-left:10px;
 }
h2{
font:bold 10pt Arial, Helvetica, sans-serif;
padding:15px 0px 5px 0px;
}
h3{
font:bold 15px Arial, Helvetica, sans-serif;
}
h4{
font-weight:bold;
font-size:10pt;
padding-bottom:0px 0px 2px;
margin:40px 0px 20px;
border-bottom:2px solid #0b2f53;
}
p{
margin:0.75em auto;
line-height:12pt;
}


a{
color:#3970c2;
text-decoration:none;
}
a:hover{
color:#c90;
}
hr{
background:#0b2f53;
color:#0b2f53;
height:2px;
border:none;
margin:0;
*margin-top:-8px;
}
.input_btn{
vertical-align:middle;
text-align:center;
border:0px solid;
background:#ccc url(../images/bg_input_btn.gif) repeat-x center center;
color:#000;
font:bold 12px Arial, Helvetica, sans-serif;
padding-top:2px;
padding-bottom:2px;
cursor:pointer;
}
fieldset{
border:1px solid #0b2f53;
padding:5px;
}
legend{
font:bold 12px Arial, Helvetica, sans-serif;
margin:0 5px;
padding:0 5px;
}

/* =HEADER
   ----------------------------------------------------*/

#headerWrapper{
height:148px;
background:url(../images/hdrBG.png) no-repeat center top;
margin-bottom:15px;
}
#header{
margin:0px auto;
width:910px;
height:110px;
text-align:right;
font:bold 12px Arial, Helvetica, sans-serif;
color:#fff;
clear:both;
}
#header a{
 padding:0 7px;
 }
.phone{
font-size:9pt;
display:block;
clear:both;
padding:5px 15px 0px 0px;
font-weight:normal;
}

/* =WRAPPERS
   ----------------------------------------------------*/
#wrapper{
margin:0 auto;
width:932px;
}

#navWrapper{
width:910px;
height:38px;
clear:both;
margin:0 auto;
padding:0;
}

/* =NAVBAR
   ----------------------------------------------------*/
#navbar{
width:auto;
text-align:left;
float:left;
line-height:38px;
}
 #navbar ul{
 margin:0 auto;
 padding:0;
 width:auto; 
 display:block;
 float:left;
 }
 #navbar li{
 padding:0px 10px;
 margin:9px 0px 0px 0px;
 list-style:none;
 float:left;
 display:block;
 border-right:solid 1px #fff;
 }
  #navbar li a{
  display:block;
  color:#fff;
  text-decoration:none;
  font:bold 10pt Arial, Helvetica, sans-serif;
  cursor:pointer;
  }
  #navbar li a:hover{
  color:#c90;
  }
  
  
/* =CUSTOMER LINKS
   ----------------------------------------------------*/
#customerLinks{
width:auto;
text-align:left;
float:right
}
 #customerLinks ul{
 margin:0 auto;
 padding:0;
 width:auto; 
 display:block;
 float:left;
 }
 #customerLinks li{
 padding:0px 10px;
 margin:9px 0px 0px 0px;
 list-style:none;
 float:left;
 display:block;
 border-right:solid 1px #fff;
 }
  #customerLinks li a{
  display:block;
  color:#fff;
  text-decoration:none;
  font:bold 10pt Arial, Helvetica, sans-serif;
  cursor:pointer;
  }
  #customerLinks li a:hover{
  color:#c90;
  }

/* =SEARCH
   ----------------------------------------------------*/
#search{
width:184px;
height:26px;
padding:6px;
background:url(../images/searchBG.png) no-repeat top left;
}
 #search .input{
 vertical-align:middle;
 text-align:left;
 background:#fff;
 color:#000;
 cursor:type;
 width:110px;
 border:1px solid #999999;
 float:left;
 margin-top:2px;
 }

#search .submit{
float:left;
background:transparent url(../images/searchBtnBG.png) no-repeat top left;
height:21px;

width:61px;
line-height:21px;
color:#fff;
text-align:center;
font-size:9pt;
 margin-left: 6px;
  padding: 0px;
  border: 0;
    text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */


}
 

/* =MAIN
   ----------------------------------------------------*/
#main{
margin:10px auto 0px auto;
width:910px;
clear:both;
}
#main_leftWrapper{
float:left;
width:190px;
}
#main_leftTop{
display:block;
width:190px;
height:10px;
background:url(../images/main_leftTop.png) no-repeat top left;
}
#main_left{
background:#002549;
text-align:left;
width:190px;
padding-bottom:0px;
margin-bottom:0px;
}
#main_leftFoot{
display:block;
width:190px;
height:10px;
padding:0px;
margin:0px;
background:url(../images/main_leftFoot.png) no-repeat top left;
}
#cattreeWrapper{
 width:190px;
 margin:0px 0px 0px 0px;
 clear:both;
 }
#cattree{
 width:190px;
 margin:0px 0px 0px 0px;
 clear:both;
 }
 	#cattree h3{
  font:normal 13px Arial, Helvetica, sans-serif;
  border-bottom:2px solid #3970c2;
  }
   #cattree h3 a{
   color:#fff;
   background:#002549;
   display:block;
   padding:7px 0px 7px 8px;
   }
   #cattree h3 a:hover{
   color:#0b2f53;
   background:#fff;
   }
	#email_form{
 margin:0 auto;
 padding-left:17px;
 }
 #email_form ul, #email_form ol, #email_form li{
 margin:auto 10px;
 padding:5px 10px;
 color:#fff;
 }
 #email_form ul, #email_form ol{
 list-style:disc;
 }
	#email_form input{
 vertical-align:middle;
 }
#main_right{
float:right;
width:680px;
padding:10px 20px 0px 20px;
background:#ffffff;
}
	.page_heading{
 border-bottom:2px solid #0b2f53;
 margin-bottom:10px;
 }
 .breadcrumb{
 font:normal 8pt Arial, Helvetica, sans-serif;
 color:#3970c2;
 margin:0px auto;
 padding-bottom:15px;
 float:left;
 }
  .breadcrumb a{
  font-size:8pt;
  padding:0 5px;
  color:#3970c2;
  text-decoration:underline;
  }
  .breadcrumb a:hover{
  color:#c90;
  text-decoration:none;
  }
  .breadcrumb_on{
  color:#c90;
  padding:0 5px;
  font-weight:bold;
  }
 .pagination{
 font:normal 12px Arial, Helvetica, sans-serif;
 color:#3970c2;
 margin:0px auto 10px auto;
 float:right;
 }
  .pagination a{
  font-size:12px;
  padding:0 3px;
  color:#3970c2;
  text-decoration:underline;
  }
  .pagination a:hover{
  color:#c90;
  text-decoration:none;
  }
  .page_on{
  color:#c90;
  padding:0 5px;
  font-weight:bold;
  }
  
/* =MESSAGES
   ----------------------------------------------------*/
.guarantee{
display:block;
width:680px;
height:126px;
background:url(../images/guaranteeBG.png) no-repeat;
background-position: 0px 0px;
margin:-20px 0 20px 0;
}
.guarantee:hover{
background-position: 0px -126px;
} 
.message{
width:192px;
padding:0px 16px; 
border-right:solid 1px #999999;
float:left;
text-align:center;
}  

.message span{
font-weight:bold;
text-transform:uppercase;
} 

.message a{
display:block;
width:192px;
height:124px;
background-position: 0px 0px;
margin-top:15px;
}

.message a:hover{
background-position: 0px -124px;
}

.message .free{
background:url(../images/message_FREE.png) no-repeat center top;
} 

.message .tech{
background:url(../images/message_TS.png) no-repeat center top;
} 

.message .poh{
background:url(../images/message_POH.png) no-repeat center top;
}  

.message p{
text-align:left;
}

/* =FOOTER
   ----------------------------------------------------*/
#footer{
margin:10px auto 0px auto;
width:932px;
height:32px;
line-height:32px;
background:url(../images/bg_footer.png) no-repeat center top;
font:normal 8pt;
padding:0 7px;
text-align:center;
clear:both;
}

#footer a{
	padding:0 7px;
	color:#ccc;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #333333;
 }
 #footer .first{
    border-left:none;
}

 #footer .last{
    border-right:none;
}

	#footer a:hover{
 color:#fff;
 }

/* =DISCLAIMERS
   ----------------------------------------------------*/
	

/* =SFNT PAGE
   ----------------------------------------------------*/
.sfnt_prods{
width:100%;
border:none;
margin:5px auto;
text-align:center;
color:#0b2f53;
clear:both;
}
	.sfnt_prods tr{
 vertical-align:bottom;
 }
	.sfnt_prods td{
 text-align:center;
 padding:10px;
 font:bold 12px Arial, Helvetica, sans-serif;
 }
  .sfnt_prods td img{
  display:block;
  margin:0px auto 5px auto;
  max-width:190px;
  _width:190px;
  height:auto;
  background:#fff;
  font:normal 8px Tahoma, Arial, Helvetica, sans-serif;
  border:none;
  }
  .sfnt_prods td span{
  font:bold 14px Arial, Helvetica, sans-serif;
  line-height:2em;
  color:#3970c2;
  }

/* =CTGY PAGE
   ----------------------------------------------------*/
.ctgy_prods{
width:100%;
border:none;
margin:5px auto;
text-align:center;
color:#0b2f53;
clear:both;
}
	.ctgy_prods tr{
 vertical-align:bottom;
 }
	.ctgy_prods td{
 text-align:center;
 padding:10px;
 font:bold 12px Arial, Helvetica, sans-serif;
 }
  .ctgy_prods td img{
  display:block;
  margin:0px auto 5px auto;
  max-width:190px;
  max-height:150px;
  background:#fff;
  font:normal 8px Arial, Helvetica, sans-serif;
  border:none;
  }
  .ctgy_prods td span{
  font:bold 14px Arial, Helvetica, sans-serif;
  line-height:2em;
  color:#3970c2;
  }
  
  
/* =SYSTEMS
   ----------------------------------------------------*/
   
  #systemsHdr {
	background-image: url(../../systems/images/guaranteeCat.png);
	background-repeat: no-repeat;
	background-position: left top;
        display:block;
        height:154px;
        width:100%;
}
 .ctgySystem{
 display:block; 
 float:left; 
 width:150px; 
 text-align:center; 
 padding:10px; 
 font:bold 9pt Arial, Helvetica, sans-serif;
 }
 .ctgySystem img{
 display:block; 
 margin:0px auto 5px auto; 
 max-width:150px; 
 max-height:150px; 
 background:#fff; 
}
 .systemDesc{
 display:block; 
 min-height:50px
 }
 .systemPrice{
font:bold 11pt Arial, Helvetica, sans-serif; 
line-height:20pt; 
color:#3970c2;
}

 .systemTitle{
 clear:both; 
 display:block; 
 padding:20px 0px 10px 0px; 
 color:#012e58; 
 font-size:22pt; 
 font-weight:100;
 }
 
 .systemSubTitle{
 display:block;
 float:left;
 width:340px;
 }
 
 
/* =CATEGORY DISPLAY
   ----------------------------------------------------*/
   
 .ctgyHeading {  /* eventually this setting will become the standard for the entire site */
 padding:20px 0px 0px 0px; 
 margin-bottom:10px;
 clear:both;
 border-bottom:solid 2px #0b2f53;
}
 .ctgy{ /* eventually this setting will become the standard for the entire site */
 display:block; 
 float:left; 
 width:185px; 
 text-align:center; 
 padding:10px 30px 10px 10px; 
 font:bold 9pt Arial, Helvetica, sans-serif;
 }
 
 .ctgy img{ /* eventually this setting will become the standard for the entire site */
 display:block; 
 margin:0px auto 10px auto; 
 max-width:150px; 
 max-height:150px; 
 background:#fff;
}
 .ctgyDesc{ /* eventually this setting will become the standard for the entire site */
 display:block; 
 width:185px;
 }
 .ctgyPrice{ /* eventually this setting will become the standard for the entire site */
font:bold 11pt Arial, Helvetica, sans-serif; 
line-height:20pt; 
color:#3970c2;
display:block;
padding-top:6px;
}

  
/* =TECH SUPPORT CATEGORY
   ----------------------------------------------------*/
   
  #techSupportHdr {
	background-image: url(../images/techHdr.png);
	background-repeat: no-repeat;
	background-position: left top;
        display:block;
        height:160px;
        width:100%;
}
 .techHeading {  /* eventually this setting will become the standard for the entire site */
 padding:20px 0px 0px 0px; 
 margin-bottom:10px;
 clear:both;
 border-bottom:solid 2px #0b2f53;
}
 .ctgyTech{ /* eventually this setting will become the standard for the entire site */
 display:block; 
 float:left; 
 width:135px; 
 text-align:center; 
 padding:10px 45px 10px 45px; 
 font:bold 9pt Arial, Helvetica, sans-serif;
 }
 
 .ctgyTech img{ /* eventually this setting will become the standard for the entire site */
 display:block; 
 margin:0px auto 10px auto; 
 max-width:150px; 
 max-height:150px; 
 background:#fff;
}
 .techDesc{ /* eventually this setting will become the standard for the entire site */
 display:block; 
 width:135px;
 }
 .techPrice{ /* eventually this setting will become the standard for the entire site */
font:bold 11pt Arial, Helvetica, sans-serif; 
line-height:20pt; 
color:#3970c2;
display:block;
padding-top:6px;
}
 .techSavings{
color:#3970c2;
}


/* =PROD PAGE
   ----------------------------------------------------*/
.prod_image{
   margin:0px 15px 0px 0px;
   width:150px;
   float:left;
}
.prod_image img{
   display:block;
   max-width:150px;
   max-height:150px;
   border:none;
   margin:0 auto;
 }
.prod_image .enlarge{
display:block;
width:100px;
margin:10px auto 0px;
}
.prod_info{ /* wraps just product info - not related product list */
width:450px;
float:left;
}
.prod_info h1{
 margin:25px auto 8px auto;
 font-size:12pt;
 font-weight:normal;
 }
.price {
 font-size:14pt;
 font-weight:bold;
 display:block;
 padding-bottom:15px;
 }

 .prod_info h3{
 color:#f00;
 text-align:center;
 margin:25px auto;
 }
 .prod_info input{
 vertical-align:middle;
 text-align:center;
 }
.prod_descrip{
clear:both;
}
 .prod_descrip ul, .prod_descrip ol, .prod_descrip li{
 margin:auto 10px;
 padding:5px 10px;
 }
 .prod_descrip ul, .prod_descrip ol{
 list-style:disc;
 }
 .prod_descrip a{
 color:#3970c2;
 text-decoration:underline;
 }
 .prod_descrip a:hover{
 color:#c90;
 text-decoration:none;
 }
 /*.prod_descrip table{
 table-layout:fixed;
 width:auto;
 margin:0 auto;
 }*/
.prod_attributes{
padding-bottom:10px;
text-align:left;
}

	#callout_wrapper .finePrint{
	font-size:8pt;
	display:block;
	padding:25px 5px 0px;
	}
#lowstock {
padding:10px; 
margin-bottom:20px;	
background-color:#ffffff; 
background-image:url(../images/bg_body.jpg);
background-position:0px -200px;
background-repeat:repeat-x;
}

/* =PROD VID TUTORIALS
   ----------------------------------------------------*/  
   
   #prodVid {
   width:155px;
   height:136px;
   float:right;
   padding:0 5px;
   }
   .prodVidPlay{
   position:relative;
   top: 38px;
   display:block;
   width:117px;
   height:35px;
   margin:0 auto;
   background-image: url(../images/prodVidPlay.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;   
   }
   .prodVidPlay:hover{
   background-position: 0px -35px;   
   }  
   .prodVidPhones {
   background-image: url(../images/prodVidPhones.png);
   background-repeat: no-repeat;
   background-position: 0px 0px; 
   }
   .prodVidVM {
   background-image: url(../images/prodVidVM.png);
   background-repeat: no-repeat;
   background-position: 0px 0px; 
   }   
   .prodVid40 {
   background-image: url(../images/prodVid40Parts.png);
   background-repeat: no-repeat;
   background-position: 0px 0px; 
   }    
   .prodVid80 {
   background-image: url(../images/prodVid80Parts.png);
   background-repeat: no-repeat;
   background-position: 0px 0px; 
   }      
   .prodVidCallFlow {
   background-image: url(../images/prodVidCallFlow.png);
   background-repeat: no-repeat;
   background-position: 0px 0px; 
   }   
   .prodVidInstall {
   background-image: url(../images/prodVidInstall.png);
   background-repeat: no-repeat;
   background-position: 0px 0px; 
   }  
   .prodVidFade {
   background-image: url(../images/prodVidFade.png);
   background-repeat: no-repeat;
   background-position: 0px 0px; 
   } 
   .prodVidFax {
   background-image: url(../images/prodVidFax.png);
   background-repeat: no-repeat;
   background-position: 0px 0px; 
   } 
   .prodVidTitle{
	position:relative;
	top: 70px;
	display:block;
	color:#FFFFFF;
	font-size:8pt;
   }
   .NDPlink{
      width:155px;
	  text-align:left;
   padding:0 5px;
   display:block;
   font-size:8pt;
   color:#666666;
   clear:right;
   float:right;
   margin:5px 0 15px 0;
   }
  
  
/* =RELATED PRODUCTS
   ----------------------------------------------------*/
   
  #relatedWrapper{
  float:right;
  width:165px;
  height:auto;
  clear:right;
  padding:0px;
  margin-right:1px;
  text-align:center;
  }
  .relatedHdr{
  background-image: url(../images/relatedBG.png);
  background-repeat: no-repeat;
  background-position: left top;
  height: 39px;
  width: 165px;  
  }
  .relatedFtr{
  width:165px;
  height:53px;
  background-image: url(../images/relatedBG.png);
  background-repeat: no-repeat;
  background-position: 0px -43px;
  display:block;
  clear:both;
  }
  .relatedPush{
  display:hidden;  
  height:0px;
  display:block;
  clear:both;
  }
  .related_prods {
  width:163px;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
  height:auto;
  }
  .related_item{
  display:block;
  float:left;
  clear:left;
  width:145px;
  padding-top:10px;
  margin:10px;
  text-align:center;
  font-size:9pt;
  font-weight:bold;
  color:#0b2f53;
  font:bold 9pt;
  }
  .related_item img{
  display:block;
  margin:0px auto 5px auto;
  max-width:120px;
  width:80px;
  height:auto;
  border:none;
  }
  .related_prods span{
  font:bold 9pt;
  line-height:2em;
  color:#3970c2;
  }

  .prod_descrip{
  clear:both;
  padding-top:30px;
  }
  
  
/* =MORE INFORMATION LINKS
   ----------------------------------------------------*/
   
  #moreinfoWrapper{
  float:right;
  width:165px;
  height:auto;
  clear:right;
  padding:0px;
  margin-right:1px;
  margin-bottom:20px;
  text-align:left;
 
  }
  .moreinfoHdr{
  background-image: url(../images/moreinfoBG.png);
  background-repeat: no-repeat;
  background-position: left top;
  height: 39px;
  width: 165px;    
  }
  .moreinfoFtr{
  width:165px;
  height:14px;
  background-image: url(../images/moreinfoBG.png);
  background-repeat: no-repeat;
  background-position: 0px -43px;
  display:block;
  clear:both;
  }
  .moreinfoPush{
  display:hidden;  
  height:0px;
  display:block;
  clear:both;
  }
  .moreinfoContent {
  width:143px;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
  height:auto;
  padding:10px;
  }
  
    
/* =BASK PAGE
   ----------------------------------------------------*/
.basket a{
color:#3970c2;
text-decoration:underline;
}
.basket a:hover{
color:#c90;
text-decoration:none;
}

/* =INSTALLATION PAGE
   ----------------------------------------------------*/
#installation ol li{
list-style-type:decimal;
padding-bottom:0;
margin-bottom:0;

}
.quicknav li{
list-style-type:upper-roman;
padding-bottom:0;
margin-bottom:0;

}

/* SUPPORT PAGE
   ----------------------------------------------------*/

#supportTopic {
clear:both;
display:block;
margin-bottom:40px;
}

.supportImg {
margin-right:20px;
}

.techRelatedHdr{
background-image: url(../images/techRelatedBG.png);
background-repeat: no-repeat;
background-position: left top;
height: 39px;
width: 165px;  
  }




/* =TECH TIPS DESCRIPTONS
   ----------------------------------------------------*/
   
   #techTip {
	display: block;
	clear: both;
	width: 100%;
	height:100%;
	padding-top: 20px;
	padding-bottom: 20px;
}
.techTitle {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
	font-size: 18pt;
}
#techTip  ul {
	display: block;
	list-style-type: disc;
	padding-left: 0px;
	margin-left: 20px;
}
#techTip li {
	padding-bottom: 15px;
	list-style-type: disc;
	line-height: 12pt;
}
#techTip li.bold {
	font-weight:bold;
}
#techTip ul.tight li {
	line-height:0;
}
#techTip  ul li ul {
	display: block;
	list-style-type: square;
	padding-left: 20px;
}
#techTip ul li ul li {
	padding-bottom: 5px;
	list-style-type: circle;
	line-height: 12pt;
}
#techTip .section {
	text-decoration: underline;
	display: block;
	padding-top: 30px;
	font-weight: bold;
	clear:both;
}
#techTip  .sectionTitle {
	display: block;
	padding-top: 25px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-bottom: 10px;
}
.note {
	background-color: #FFFFCC;
	display: block;
	padding: 10px;
	border: 1px solid #FFCC00;
	color:#2B2B00;
}
#techTip .tipItem {
	color: #000000;
	font-size: 12pt;
}
#techTip .tip {
	display: block;
	padding-bottom: 15px;
	font-size:18pt;
}
#techTip .expand {
	font-size: 8pt;
	color: #333333;
	padding-left: 5px;
}
#techTip img {
	clear: both;
	display: block;
	padding-top: 5px;
	max-width:650px;
}

#toc {
	float:right; 
	width:150px;
	height:100%;
	background:#f8f8f8;
	border:1px #CCCCCC solid;
	padding:10px;
	margin-top:170px;
}
#toc .title {
background:#333333;
color:#FFFFFF;
padding:5px;
display:block;
margin-bottom:20px;
font-weight:bold;
}
#toc a{
display:block;
color:#3970c2;
text-decoration:none;
margin-bottom:20px;
}
#toc a:hover{
color:#c90;
text-decoration:underline;
}