/**********************************************************
STYLE SHEET FOR  Technically Advanced
Created by Jason Pritchard
 Notes
	Some colors:
	Gold:    	#EECF03
	Purple:	 	#542f63
	LT Purple: 	#EFEAF5 
	Blue:    	#9EBFDF
	lt-grey: 	#888
*********************************************************/
body {font-size:80%; font-family: Verdana,Arial,Helvetica,sans-serif;}
h1 {font-family:Calibri,Verdana,Arial,Helvetica,sans-serif;}

.hidden {display:none;}
.clearer {font-size:0px; height:0px; line-height:0px; width:100%; display:block; clear:both;}
.highlight-grey {color:#222;}
.highlight      {color:#542f63;}
.highlight-blue {color:#9EBFDF; font-weight:bold;}
.fine-print     {font-size:0.8em;}
.bold           {font-weight: bold;}
.copyright      {font-size:9px; color:#777;}
.smaller        {font-size:0.9em;}
.emails-sales   {background: transparent url(../images/emails.gif) 0 0 no-repeat; height: 20px; width:310px; min-width:310px; display: block;}
.emails-support {background: transparent url(../images/emails.gif) 0 -20px no-repeat; height: 20px; width:310px; min-width:310px; display: block;}
.emails-resume  {background: transparent url(../images/emails.gif) 0 -40px no-repeat; height: 20px; width:310px; min-width:310px; display: block;}
.col-main {font-size:1.05em;}
p.digium-price {background-color:#fed24d; margin-top:0.2em; display:block; text-align:center; padding:0.6em; font-weight: bold;}

.mini-download h4 {background: url(../images/icon_down.gif) 0 0 no-repeat;}
.mini-contact  h4 {background: url(../images/icon_phone.gif) 0 0 no-repeat;}
.mini-contact  ul   {margin:1.1em 0 0.5em 0; color:#542f63;}
.mini-contact  li   {font-size:120%; font-weight:bolder; line-height:1.2em; margin-top:0.4em;}
.mini-contact  li a.highlight {background-color:#fed24d; margin-top:1em; display:block; text-align:center; padding:0.8em 0.2em;}

.mini-video     {text-align:center; width:206px;}
.mini-video a   {text-decoration:none; }
.mini-video a span {text-indent: -9999px; display:block; line-height:0;}
.mini-video img {border:1px solid #ccc; width:100%; margin:0 0 2px 0;}


/* #main-story-ad {background:#444 url(../images/story_pic_front.jpg) 0 0 no-repeat; padding-top:70px; height:171px; } */
#main-story-ad {background:#ffd038 url(../images/story_pic_front2.jpg) 0 0 no-repeat; height:178px; }
#main-story-ad h2 {margin: 0 0 0 25px; font: bold  1.6em Arial; color: #E6CB3C; /*#EECF03 ;*/ }
#main-story-ad h3 {margin:10px 0 0 60px; font-size: 1.3em; color:#fff; }
#main-story-ad h4 {margin:50px 0 0 45px; font: bold 1.6em Tahoma; color:#7ebfe7; }
/******* Left/Main Page ***********/
  #main-feature-border {background: transparent url(../images/main_btm_rt.jpg) top right no-repeat; width: 100%; 
	border-top: 1px solid #c4c4c4; }
  #main-feature {background: transparent url(../images/main_btm_fade.jpg) 0 -4px repeat-x; width:683px; min-height:250px;}
  #main-feature a {text-decoration:none;}
  #main-feature a:hover {text-decoration:underline;}
  #main-feature ul  {list-style:none; margin-top: 2px; padding-left: 10px;}/*bullet_bg_pr.jpg*/
  #main-feature li  {padding:2px 0 2px 15px; background: url(../images/purple_arrow_box.gif) left 50% no-repeat; line-height: 1.4em;}
  #main-feature h2  {font-size:1.2em;background:url(../images/bullet_tri_pr.gif) left 60% no-repeat; padding:0 0 3px 15px; margin:0 0 8px 0; border-bottom:#542f63 3px solid;}

  #main-feature .partners {width:685px; clear:both; margin-top:50px;}
  #main-feature .partners  a {display:block; width:221px; height:94px; overflow:hidden; text-indent:-9999px; float:left;}
  #main-feature .partners  a.avaya {background:url(../images/logo-btns/avaya.jpg) top left no-repeat;}
  #main-feature .partners  a.multitech {background:url(../images/logo-btns/multitech.jpg) top left no-repeat;}
  #main-feature .partners  a.digium {background:url(../images/logo-btns/digium.jpg) top left no-repeat;}
  #main-feature .partners  a.polycom {background:url(../images/logo-btns/polycom.jpg) top left no-repeat;}
  #main-feature .partners  a.switchvox {background:url(../images/logo-btns/switchvox.jpg) top left no-repeat;}
  #main-feature .partners  a.netgear {background:url(../images/logo-btns/netgear.jpg) top left no-repeat;}
  #main-feature .partners  a.plantronics {background:url(../images/logo-btns/plantronics.jpg) top left no-repeat;}
  #main-feature .partners  a:hover {background-position:0 -94px;}


  .prod-col     {width: 35%; float: left;  margin: 30px 0 0 8px; padding-bottom:20px;}
  .part-col     {width: 55%; float: right; margin: 30px 10px 0 0;  }

/************************************
* Subcontent boxes on the main page
************************************/
#sub-content {padding-top: 0px;}
  .sub-cont-box {float:left; border: 1px solid #C4C1BC; width:289px; margin-right: 12px; }
  .sub-cont-box .sub-cont-box-txt {min-height:115px;}
  .sub-cont-box img {float:left; margin:5px 5px 0 0;border: #777 solid 1px; width: 92px; height: 46px;}
  .sub-cont-box p {margin:5px 5px 0 5px; line-height: 1.4em; font-size: 0.9em;}
  .sub-cont-box a {color: #542f63;}
  .sub-cont-box a:hover {background-color:#542f63;color: #EECF03 ;}
  .sub-cont-box h3{border-bottom: 1px solid #C4C1BC; padding:1px 5px; background: #eaeaea url(../images/menu_bg.jpg) 0 0 repeat-x;}
  .sub-cont-box h3 a {color: #675767; font-size:0.9em; font-weight:normal; text-decoration:none;}
  .sub-cont-box h3 a:hover {color: #777; background:transparent;}
  #sub-cont-rt  {margin-right:0;}

/************************************
* Style for the price box tooltips
*************************************/
.special-price {color:#EECF03; font-size:1.2em; font-weight:bold; line-height:1em; }
.special-price a {color:#cd5033; font-size:1.2em; font-weight:bold; line-height:1em; text-decoration:none;}
.special-price .label { font-weight:normal; }
.special-price .cart-price { 
	background: #777;
	margin:0;
	position:absolute;
	border:10px solid #ccc;
	z-index:100;
	padding: 12px;
	display:block;
	}
	.special-price .cart-price .price-label {color:#ccc; font-size:120%; font-weight:bold;}

	
/************************************
* Custom styles for the CMS pages
************************************/
.custom-cms-page {}
#partners-page {}
.custom-cms-page h1 {color: /*#542f63;*/ #4f4f4f; }

.custom-cms-page .cont-block {
	background:#fff url(../images/custom_cms_cont_bg.jpg) 0 0 no-repeat;
	padding: 22px 12px 10px 12px;
	margin: 0 0 15px 0;
	border:1px solid #C4C6C8;
	}
.custom-cms-page p { clear:right; }
.custom-cms-page p img {float:left; border: 8px solid #EDD456; margin: 0 8px 8px 0; width: 220px;}


	#browse-page h2 {font-size: 1.3em; /*border-bottom:1px solid #c8c8c8;*/ padding:0 0 3px 0; margin:0 0 10px 0; }
	#browse-page h5 {font-family: Arial,Helvetica,sans-serif; font-size:1.05em; font-weight:bold;}
	#browse-page ul{margin:0 0 0 8px;}
	#browse-page li{
		padding:5px; 
		background: url(../images/cat-bg.jpg) top left repeat-x; 
		line-height: 1.4em; 
		width:145px;
		text-align:center;
		border:1px solid #cbcbcb;
		margin:0 12px 12px 0;
		float:left;
		height:208px;
	}
	#browse-page li img{max-width:135px; margin:5px 0 10px 0;}
	#browse-page li ul{ text-align:left;}
	#browse-page li li{
		font-size:0.75em;
		text-align:left;
		background:none;
		float:none;
		line-height:1.4em;
		border:none;
		height:auto;
		padding:0 0 0 14px;
		margin:0;
		width:90%;
		background: url(../images/purple_arrow_box.gif) left 80% no-repeat; 
	}
	.categoryHead {display:block; font-weight: bold; text-decoration:none; line-height: 1.3em; margin-bottom:5px;}

.brand {}
.category {}
.jFlowControl{margin:0 0 0 6px; cursor:pointer;}
#adRotator{background: url(../images/carousel/rotator-bg.png) top left no-repeat; width:669px; height:237px; padding:11px; margin:-8px 0 0 -3px;}
.noDisplay {display:none;}
#myController{background:url(../images/carousel/rotator-btn-bg.png) top left no-repeat; height:40px; width:669px; padding:10px; margin-top:-34px; margin-left:-3px; position:absolute;}

.tips-box {}
.tips-box p {line-height:1.4em;}
.tips-box button {margin:10px;}
.tips-box ul {margin-left: 25px; margin-bottom:12px;}
.tips-box li {list-style: circle;}
.tips-box h5 {padding:10px 0 2px 5px; font-size:1.15em;}

/*
#browse-page {}
	#browse-page ul{margin:0 0 0 8px;}
	#browse-page li{padding:2px 0 2px 15px; background: url(../images/purple_arrow_box.gif) left 50% no-repeat; line-height: 1.4em; }
	#browse-page a {text-decoration:none;}
	#browse-page a:hover {text-decoration:underline;}
.browse {background: #F4EEF7 url(../images/media/browse_bg.jpg) 0 0 repeat-x; border: 1px solid #c8c8c8; padding: 20px; margin:0 0 10px 0;}
*/

#sales-support-heading {font-size: 1.3em; margin:0 0 15px 0; }
#request-form {text-align: left;}

/************************************
* Services page
************************************/
#services-page {}
#main-services-list {}
#main-services-list ul {}
#main-services-list li {}
#main-services-list a {}
#services-page .main-content {margin-top:30px;}
#services-page .main-content ul {list-style:none; width:80%; margin: 0; padding:0; background:#eee; clear:both; border:1px solid #ddd;}
#services-page .main-content li {padding:4px 6%; background: url(../images/purple_arrow_box.gif) 3% 50% no-repeat; line-height: 1.4em;}
#services-page .main-content li.alt {background-color:#f5f5f5;}
#services-page .main-content a {}
#services-page .main-content p {}
#services-page a.logo-btn {width:180px; height:65px; text-indent:-9999px; display:block; float:left; margin-right:10px;}
#services-page a:hover.logo-btn {background-position:0 -65px;}
#services-page a.digium {background:url(../images/partners/digium.gif) 0 0 no-repeat; }
#services-page a.avaya  {background:url(../images/partners/avaya.gif) 0 0 no-repeat; }
#services-page a.switchvox {background:url(../images/partners/switchvox.gif) 0 0 no-repeat; }
#services-page a.polycom {background:url(../images/partners/polycom.gif) 0 0 no-repeat; }
#services-page a.netgear {background:url(../images/partners/netgear.gif) 0 0 no-repeat; }
#services-page a.multitech {background:url(../images/partners/multitech.gif) 0 0 no-repeat; }
#services-page a.plantronics {background:url(../images/partners/plantronics.gif) 0 0 no-repeat; }
#services-page h2 {margin:35px 5px 10px 5px; margin-left:0; font-size:1.2em; border-bottom:2px solid #bbb; font-size:1.3em;}
#services-page h2 a {text-decoration:none;}
#services-page h2.first {margin-top:2px;}
#services-page h3 {margin:25px 5px 10px 5px; margin-left:0; font-size:1.2em; border-bottom:2px solid #bbb; font-size:1.1em;}
#services-page h3 a {text-decoration:none;}

/************************************
* Solutions page
************************************/
#solutions-page {}
#solutions-page ul {}
#solutions-page li {}
#solutions-page ul  {list-style:none; width:80%; margin: 0; padding:0; background:#eee; clear:both; border:1px solid #ddd;}
#solutions-page li  {padding:4px 6%; background: url(../images/purple_arrow_box.gif) 3% 50% no-repeat; line-height: 1.4em;}
#solutions-page li.alt {background-color:#f5f5f5;}
#solutions-page div.call-center ul {float:left; width:73%; clear:none; margin:0; padding:5px 0;}
#solutions-page div.call-center img {float:right; margin-right:5px;}
#solutions-page div.warehouse ul {float:right; width:72%; clear:none; margin:0 5px 0 0; padding:2px 0;}
#solutions-page div.warehouse img {float:left; width:auto;}
#solutions-page div.mobile-workforce ul {float:right; width:83%; clear:none; margin:0 5px 0 0; padding:2px 0;}
#solutions-page div.mobile-workforce img {float:left; width:auto;}
#solutions-page div.corporate-office ul {float:left; width:58%; clear:none; margin:0 5px 0 0; padding:0;}
#solutions-page div.corporate-office img {float:right; width:auto; margin:0 5px 0 0;}
#solutions-page div.branch-office ul {float:right; width:58%; clear:none; margin:0 5px 0 0; padding:0;}
#solutions-page div.branch-office img {float:left; width:auto;}
#solutions-page a {}
#solutions-page p {}
#solutions-page h2 {margin:30px 5px 20px 5px; margin-left:0; font-size:1.2em; border-bottom:2px solid #bbb;}
#solutions-page h2 a {text-decoration:none;}
#solutions-page h2.first {margin-top:2px;}
#solutions-page img {border:none; margin-bottom:15px; width:auto;}
#solutions-page img.left {float:left; margin-right:10px;}
#solutions-page img.right {float:right; margin-left:5px;}
#solutions-page .solution-entry {}

/************************************
* Employment page
************************************/
.employ-fold {margin: 10px 0 ;}
.employment-profile {padding: 8px;border:1px solid #bbb; background:#f6f6f6; border-top:none;}
.employment-profile h2{font-size: 1.1em; color:#542f63;}
.employment-profile h4{font-size: 1em; color:#EECF03;}
.employment-profile p {margin: 5px 0;font-size:0.9em;}
#selector {width: 283px; height: 424px; }
.employment-profile ul{margin: 5px 10px; list-style:none;}
.employment-profile li{list-style-image:none; padding: 2px 0 2px 12px; background:transparent url(../images/bullet_tri_pr.gif) left 50% no-repeat; font-size: 0.8em;}
.employment-link {display:block; background:#ddd; border:1px solid #bbb; color:#777; margin-top:10px; padding:3px; text-decoration:none;}