@charset "utf-8";
/* CSS Document */

/* --------------   text style ----------- */

body{
	font-size: 100.1%; /* fix to em implementation in IE */
	background-color:#E3E2E2;
	margin: 0;
	padding: 0;
}

p { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left;}
p.home { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; margin-top: -15px; }

a { text-decoration:none; border:0; color: #69008C;}
a:hover{ text-decoration:none; color:#737373;/*#A1D71B;*/ }

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color:#666666;
	text-align:left;
	margin-top:40px;
	}

h2 {font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#666666;
	text-align:left;}

h3 {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #69008C;
	text-align:left;
	padding: 0px;
	margin-top: 0px;}
	

h4 { font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#69008C;
	line-height: 1;
	/*margin:0 0 -15px 0;
	padding:0 30px 0 15px;*/ }
	
ul.ulcontent{ font-family:Arial, Helvetica, sans-serif; font-size:12px; }

/*ul.ulcontent li{ margin:5px 0 2px 2px; padding:0px 0px 0 11px; background:url(images/bg_bullet_full_1.gif) no-repeat 0 5px;}*/


.textbox1 {
	background-color:#E8E8E8;
	font-size:14px;
	color:#69008C;
	font-weight:bold;
	margin: 20px 15px 20px 15px;
	padding: 10px 20px 10px 20px;
	text-align: justify;
	border: 1px solid #CCCCCC;}
.textbox2 {}
.textbox3 {}


.greytable {
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
/*	width: 500px;*/
	background-color: #666;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.greytable td{
	background-color:#CCCCCC;
	color: #000;
	padding: 4px;
	text-align: left;
	border: 1px #fff solid;
}

table.greytable td.hed{
	background-color: #666;
	color: #fff;
	padding: 4px;
	text-align: Center;
	border-bottom: 2px #fff solid;
	font-size: 12px;
	font-weight: bold;
}



dl { margin:5px 0 0 100px;}

dl dt {
	line-height:1.5em;
	padding:0 0 0 15px;
	background:url(../images/bullet1.gif) no-repeat 0px 50%;
	background:url(../images/arrow.jpg) no-repeat 0px 50%;
	text-decoration:none;
	color:#000000;
	font-size:12px;
	text-align:left;
}
	


	
	
/* -------------------------------- */
	
	
div#container {
	width:822px;
	/*width:815px;*/
	margin: 0 auto 0 auto;
	border:1px solid #cccccc; background-color:#FFFFFF; }
	
div#head { padding-bottom:2px;}

div#topmenu {width:630px;/*
	padding-top:2px;*/
	float:right;/**/
	font-weight:bold;
	height:18px;
	font-size:12px; }
	
div#banner {
	margin:0 0 15px 0;
	float:right;
}

div#content { margin:0 10px 20px 210px; width:auto; padding-top:0;}

div#leftmenu {
	font-family:Arial, Helvetica, sans-serif;
	width:184px;
	/*height:650px;*/
	height:auto;
	float:left;
}
.leftmenu1 { /*background:url(images/leftmnu1.gif) no-repeat;*/ width:177px; height:25px; 
	border:solid 1px rgb(200,200,200);
	background-color:rgb(240,240,240);
}
.leftmenu1 a {text-decoration:none; font-size:11px;}
.leftmenu1 a:hoover {text-decoration:none; color:#9ED614;}
.leftmenu2 { 
	/*background:url(images/leftmnu2.gif) no-repeat;*/ color:#663399;
	width:173px;
	height:auto;
	text-align:left;
	padding:0 0 0 5px;
	border:solid 1px rgb(200,200,200);
	background-color:rgb(240,240,240);
}
.leftmenu2 a {text-decoration:none; font-size:11px;}

.leftmenu2sub { margin:10px 0 10px 0; }

.leftmenu3 { border: 1px solid #cccccc; background:url(../images/login.gif) no-repeat; height:49px; width:168px; color:#663399; 
font-size:12px; text-align:left; padding-left:65px;}


.contactform {
	/**/width:550px;
	margin:30px auto 30px auto;
	padding:10px 10px 0 10px;
	border:solid 1px rgb(200,200,200);
	background-color:rgb(240,240,240);/**/
}
.contactform fieldset {padding:10px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:0;}
.contactform fieldset p{margin:5px 0 5px 0;}
.contactform fieldset legend {margin:-10px 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 10px 2px; 
	font-size: 18px;
	text-transform: none;
	color: #69008C;
	text-align:left;}

.contactform label.left {float:left; width:100px; margin:0 -90px 0 130px; padding:2px; font: Arial, Helvetica, sans-serif 12px; text-align:left;}
.contactform input.field {width:255px; padding:2px; border:solid 1px rgb(200,200,200); font: Arial, Helvetica, sans-serif 12px;}
.contactform textarea {width:255px; padding:2px; border:solid 1px rgb(200,200,200); font-size:12px;}
.contactform input.button {float:left; width:80px; margin:5px 0 5px 265px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; /*background:rgb(230,230,230);*/ background:#523370; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:#FFFFFF; font-size:14px;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); color:#CCCCCC;}


/*.formleft{padding-left: 2px 8px 2px 2px; height:24px; font:Arial, Helvetica, sans-serif; font-size:12px;}
.formright{border: 1px solid #333333; padding: 2px;}*/

.totop a{ font-size:12px; color:#69008C; text-decoration:none; float:left; font-weight:bold;}
.next a{ font-size:12px; color:#69008C; text-decoration:none; float:right; font-weight:bold;}


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

#footer{
	clear:both;
	color:#666666;
	padding:10px 10px 10px 10px;
	font-size:10px;
	font-weight:500;
	width:auto;
	height:20px;
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
}
#footer ul{margin: 0px;padding: 13px 0px 0px 15px;}
.footer ul li{display: inline;}
.footer ul li a{text-decoration:none; color:#FFFFFF; padding:0px 5px;}
.footer ul li a:hover{text-decoration:underline;}


/* --------- contact form -----------*/

.contactform {
	/*width:650px;*/
	margin:30px auto 30px auto;
	padding:10px 10px 0 10px;
	border:solid 1px rgb(200,200,200);
	background-color:rgb(240,240,240); 
}
.contactform fieldset {padding:10px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:0;}
.contactform fieldset p{margin:5px 0 5px 0;}
.contactform fieldset legend {margin:-10px 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 10px 2px; 
	font-weight:bold;
	font-size: 20px;
	text-transform: none;
	color: #69008C;
	text-align:left;}

.contactform label.left {
	float:left;
	width:140px;
	margin:0 30px 0 30px;
	padding:2px;
	font-size:12px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}
.contactform input.field {width:255px; padding:2px; border:solid 1px rgb(200,200,200); font-size:12px;}
.contactform textarea {width:255px; padding:2px; border:solid 1px rgb(200,200,200); font-size:12px;}
.contactform input.button {float:left; width:80px; margin:5px 0 5px 265px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/;  background:#523370; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:#FFFFFF; font-size:14px;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); color:#CCCCCC;}






/*** *** ***/

.thumbnailDetail {float: left; width: 100px; margin: 5px; text-align: center; padding-bottom:8px;}
.thumbnailDetail img {width: 80px; display: block; margin-left: auto; margin-right: auto; clear: both; float: none; border:solid 1px #ccc;}
.thumbnailDetail h3 {padding: 0; margin: 0; clear: both; font-size:12px; text-align:center;}
.thumbnailDetail ul {display: none;}
.thumbnailDetail a:hover {text-decoration: none;}

/* End thumbnail details */

.imgCol { /* typically contains '<< back to full list' and product image */ float:left; width:170px; text-align:center;}
.imgCol p {padding-left:5px; text-align:left;}
.featureListCol { /* typically contains a list of product features */ float:left; width:410px; padding-left:5px;}
.featureListCol h3 {padding-top:0; margin-top:0;}
.imgCol img {border:solid 1px #ccc;}

table.shoretel {
	font-size: 14px;
}
table.shoretel td {
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	border-bottom: 1px solid #91a5b6;	
}
table.shoretel td.title {
	background-color: #0056c4;
	color:#FFF;
}
table.shoretel td.name {
	text-align: left;
}
p.item {
	margin-left: 30px;
}

/*FAQ section*/
.answer {
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
}
.green {
	color:#009900;
	font-size:14px;
	font-weight:bold;
}
#faq{
	width:auto;
	height:auto;
	margin-left:35px;
	margin-right:35px;
	margin-top: 40px;
}

#inside-faq{
	width:550px;
	height:auto;
	padding-right: 20px;
	text-align: justify;
}
#faq-left{
	width:500px;
	height:auto;
	float:left;
	text-align: left;
	font-size: 12px;
}
#inside-faq img
{
	border:none; float:right;
}

#faq-right{
	float:right;
	width:440px;
	height:auto;
	font-size: 11px;
	text-align: left;
}
.tableheader 
{
	border:1px solid #333333;
	background-repeat: repeat-x;
	background-color: #bdd22f;
	color: #333333;
	height: 30px;
	margin-bottom: 0px;
	text-align: center;
}