
/*----------------- reset browser defaults -----------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, img, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background:transparent none repeat scroll 0 0;
border:0 none;
font-size:100%;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;}
/*----------------- End of CSS reset -----------------*/

html,body {margin:0; padding:0; height:100%;}
body {font: normal 12px arial,verdana,helvetica,sans-serif; color:#262626; line-height:1.5em; background-color:#e0e0e0;}

/*----------------- Start of Text styles  -----------------*/
h1 {text-align:left; font-size:14px; margin:0 0 10px 0px; background-color:#006EA3; color:#ffffff; min-height:21px; padding:2px 0 0 10px; -moz-border-radius: 5px;border-radius: 5px;}
/*h1 {color:#006EA3; padding:0 0 10px 5px;}*/
/*h2 {text-align:left; font-size:14px; margin:0 0 10px 0px; background-color:#F79E10; color:#000000; min-height:21px; padding:2px 5px 0 10px; -moz-border-radius: 5px;border-radius: 5px;}*/
h2 {text-align:left;  font-size:14px; margin:0 0 10px 0px; color:#ffffff; background-color: #2790b0; min-height:21px; padding:2px 5px 0 10px; -moz-border-radius: 5px;border-radius: 5px;}
h3 {color:#262626/*#006EA3*/; padding:0 5px 5px 5px; font-size: 12px;}

p {padding:0 5px 10px 5px;}
#main p {font-size:13px}

p.small {color: #666666; font-size: 10px; line-height: 1.2em;}
strong.big {color: #006EA3; font-size: 14px;}

.red {color:#D0122b; font-weight: bold;}

/*----------------- End of Text styles  -----------------*/

/*----------------- Start of Link styles  -----------------*/
a, a:hover {color:#006EA3;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}

p .linkRight {display:block; text-align:right; padding-right:5px;}
/*----------------- End of Link styles  -----------------*/

/*----------------- Start of List styles  -----------------*/
ul, ol {margin: 0 0 15px 0; list-style-position:inside; line-height:1.75em}
li {list-style:none; list-style-position:outside; background-image: url(page_layout/blue_bullet.png); background-repeat: no-repeat; background-position: 7px 7px; padding-left: 20px;}
ul.pdf li {background:url(page_layout/pdf.jpg) no-repeat 5px 5px; padding-left:25px; padding-bottom:2px;}
ul li ul {margin-bottom:0;}
td ul {margin-bottom:0;}

/*----------------- End of List styles  -----------------*/

/*----------------- Start of Form styles  -----------------*/
textarea, input {-moz-border-radius: 5px;border-radius: 5px; border:#006DA5 solid 1px;}
textarea:active, textarea:focus, input:active, input:focus {border-color:#F79E10}
/*----------------- End of Form styles  -----------------*/

/*----------------- Start of Table styles  -----------------*/
table {width:100%; margin-bottom:10px; text-align:left; border-spacing: 0 5px;}
table.noHover tr:hover {background:none}
table.noHover tr {background:none}
tr {background-color:#e8f3f8;}
tr.white th {background-color: #ffffff}
tr.white th:hover {background-color: #ffffff}
tr.striped  {background-color:#ffffff;}
tr:hover {background-color:#c9dee7;}
form tr:hover {background-color:#e8f3f8;}
form tr.striped:hover {background-color:#ffffff;}
td {padding:5px; vertical-align:middle;}
th {padding:5px; background-color:#006EA3; color:#ffffff; vertical-align:bottom; font-weight:bold; text-align:center;}
th a {color:#ffffff; text-decoration:underline;}
th a:hover {color:#ffffff; text-decoration:underline;}
th.left {-moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
th.right {-moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;}
th.bottom {-moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px;}
tr.striped td.white, td.white {background-color:#ffffff; -moz-border-radius: 5px;border-radius: 5px; border: solid 1px #006EA3; padding-bottom:0;}
td.title {background-color:#ffffff;}
td {text-align:center;}
td.description {text-align:left; padding-left:15px;}
form td {text-align:left; vertical-align:top; width:25%;}
form table {width:auto; border-collapse:collapse;}
tr.orange th {background-color:#F79E10; color:#000000; font-weight:bold; text-align:left; font-size:14px; padding-left:10px;}


th h1 {margin:0; padding:0; background:0;}
/*----------------- End of Table styles  -----------------*/

sup {font-size:7px; vertical-align:super} 

hr {background: #d8d8d8; margin:10px 0 20px 0; height: 1px; border-style:none;}
.icon {float:left; margin-right:10px;}
.access {display: none;}
#error {color:#ff0000;}
.imgLeft {float:left; margin-right:15px; margin-bottom:10px;}
td .imgLeft {margin-bottom: 0}
.imgRight {float:right; margin-left:15px; margin-bottom:10px;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.clearBoth {clear:both;}

/*----------------- Start of Layout styles  -----------------*/
#container {
width:990px; /*min-width:800px; max-width:990px;*/ 
margin-left:auto; margin-right:auto; 
border-left:solid 15px #ffffff; border-right:solid 15px #ffffff; 
background-color:#ffffff;
min-height:100%; /*height:100%;*/
position:relative;
box-shadow: 0 2px 20px #777777;
-moz-box-shadow: 0 2px 20px #777777;
-webkit-box-shadow: 0 2px 20px #777777;
}
#main {padding:5px 0;}
	#left {margin-right:335px;}
	#right {float:right; width:320px;}
	
	#leftContainer {float:left; text-align: justify; width:655px; margin-right:15px;}
	#rightContainer {float:left; width:320px;}

        .leftCol {float:left; width:655px; margin-right:15px;}
	.rightCol {float:left; width:320px;}


#mainClear {height:90px; clear:both;}


.socialNetworking_icons {float:right;}

.blue h2 {margin-left:33px; background-color:#006EA3; color:#ffffff;}
.blue h2 a {color:#ffffff;}
.blue h2 a:hover {color:#ffffff;}

.orange h2 {margin-left:33px; background-color:#F79E10; color:#000000;}
.orange h2 a {color:#000000;}
.orange h2 a:hover {color:#000000;}
.orange li {background-image: url(page_layout/orange_bullet.jpg);}

.yellow h2 {margin-left:33px; background-color:#FBBE0C; color:#000000;}
.yellow h2 a {color:#000000;}
.yellow h2 a:hover {color:#000000;}
.yellow li {background-image: url(page_layout/yellow_bullet.jpg);}

.red h2 {margin-left:33px; background-color:#dc0000; color:#000000;}

.pageIntro {background-color:#efefef; margin-bottom:15px; padding:5px 5px 0 5px; -moz-border-radius: 5px;border-radius: 5px; line-height:1.75em}
    .pageIntro h1 {margin:0; color:#006EA3; background:none; font-size:13px;}
    #home h1 {padding:0; margin:0; color:#006EA3; background:none; font-size:13px;}
	
.featureText {background-color:#444444; color:#ffffff; font-weight:bold; margin-bottom:15px; text-align:center; padding:5px; -moz-border-radius: 5px;border-radius: 5px; line-height:1.75em}
	.featureText a, .featureText a:hover {color:#ffffff;}
	
/*----------------- End of Layout styles  -----------------*/

/*----------------- Start of Header styles  -----------------*/
#header {height:75px; margin-bottom:5px;}
	#header ul li {display:inline;}
	#header ul {margin-right:25px; text-align:center; float:right; line-height:1.5em}
	#header li {background-image:none; display:inline-block; padding:0 5px 0 10px;}
	#header .pipe {text-shadow: 0 1px 1px #000000; margin:0; padding:0; color:#ffffff;}
	#header a {text-shadow: 0 1px 1px #000000; color:#ffffff; display:inline-block; font-weight:bold; height:21px; padding: 2px 10px 0 10px;}
	#header a:hover {background-color:#085573; text-decoration:none;}
		#header #nav {position:absolute; top:52px; width:100%;}
			#nav #navLeft {background:url(page_layout/left.jpg) no-repeat left; height:23px;}
			#nav #navRight {background:url(page_layout/right.jpg) no-repeat right; height:23px;}
			#nav #navFill {background:url(page_layout/fill.jpg) #006EA3 repeat-x scroll center top; height:23px;}
			#nav .links {margin-left:270px;}
			
		#header #topRight {float:right;}
			#topRight #topRight_left {background:url(page_layout/topRight_left.jpg) no-repeat bottom left; height:23px;}
			#topRight #topRight_right {background:url(page_layout/topRight_right.jpg) no-repeat bottom right; height:23px;}
			#topRight #topRight_fill {background:url(page_layout/fill.jpg) #006EA3 repeat-x scroll center top; height:23px;}
		#header .number {color:#FBBE0C; font-size:16px; font-weight:bold; position:absolute; top:0; right:400px;}
		#header .number span {text-shadow: 0; padding-left:35px;}
		#header .number span a {color:#FBBE0C; padding-left:0;}
	#home #header .homeLink {color:#FBBE0C;}
	#about #header .aboutLink {color:#FBBE0C;}
	#services #header .servicesLink {color:#FBBE0C;}
        #voip #header .voipLink {color:#FBBE0C;}
	#products #header .productsLink {color:#FBBE0C;}
	#reseller #header .resellerLink {color:#FBBE0C;}
	#support #header .supportLink {color:#FBBE0C;}
	#contact #header .contactLink {color:#FBBE0C;}
		#logo {position:absolute; top:0px;}
		#logo a:hover {background-color:#ffffff;}
	#form #left, #form #leftContainer {margin:0; width:auto;}
	#form #container {width:auto !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
        #searchbar {
                font-size:0.9em;
                background:url(http://www.google.com/uds/css/small-logo.png) #fff no-repeat scroll bottom right;
                padding-right:55px;
                width:130px
        }
        li.ui-menu-item {font-size:0.9em;}
        .ui-autocomplete li {background-image: none;}
        .ui-menu1 .ui-menu-item a {border-bottom: 2px solid; margin-bottom:1px;}

        /*.ui-corner-all:hover,
        .ui-menu .ui-menu-item a.ui-state-hover,
        .ui-menu .ui-menu-item a.ui-state-active {background:#d9f8fc; color:#0000ff; border-color:#0000ff;}*/
	
/*----------------- End of Header styles  -----------------*/

/*----------------- Start of Footer styles  -----------------*/
#footer {position:absolute; bottom:0; width:100%; height:75px; color:#ffffff; font-size:10px;}
	#footer p {padding:10px; line-height:1.1em; font-weight:bold;}
	#footer a {color:#ffffff;}
	#footer a:hover {color:#ffffff;}
	#footerLeft {background:url(page_layout/footerLeft.jpg) no-repeat left top;}
	#footerRight {background:url(page_layout/footerRight.jpg) no-repeat right top;}
	#footerFill {background:url(page_layout/footerWidth.jpg) #006EA3 repeat-x scroll center top; height:75px;}
	#footer .links  {position:absolute; left:175px}
	
	#footer .imgCertificates {position:absolute; bottom:5px; right:0;}
		.imgCertificates a {padding-right:15px; vertical-align:middle-top;}

/*#footer {position:absolute; bottom:0; width:100%; height:100px;  font-size:10px;}
#footerFill {background:#C3C3C3 repeat-x scroll center top; height:100px;}
	#footer p {padding:10px; line-height:1.1em; font-weight:bold;}
	#footer .links  {float:right;}
	#footer .imgLinks {position:absolute; bottom:15px; left:230px;}
		.imgLinks a {padding-right:40px;}*/
/*----------------- End of Footer styles  -----------------*/

/*----------------- Start of img rounded corners styles  -----------------*/
.rounded_wrapper {position: relative;}
.rounded_wrapper img {border-width:0; border-style: none;}
.rounded_wrapper div {height: 7px; position: absolute;	width: 100%;}
.rounded_wrapper .tl {top: 0; left: 0; background: url('page_layout/tl.png') no-repeat left top;}
.rounded_wrapper .tr {top: 0; right: 0;	background: url('page_layout/tr.png') no-repeat right top;}
.rounded_wrapper .br {bottom: 0; right: 0; background: url('page_layout/br.png') no-repeat right bottom;}
.rounded_wrapper .bl {bottom: 0; left: 0; background: url('page_layout/bl.png') no-repeat left bottom;}
/*----------------- End of img rounded corners styles  -----------------*/

/*----------------- Start of old styles -to be phased out ~*~*~*~*~*~*~*~*~*/
div.four 
{  
  width: 100%;
  clear: both; 
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

div.four div 
{              
  width: 23%;
  float: left;
  margin-left: 0.8%;
  margin-right: 0.8%;
margin-bottom: 50px;
  padding: 0 0 0 0;
  min-width: 140px;
  text-align: justify;
}

div.five 
{  
  width: 100%;
  clear: both;
  padding: 0 0 0 0;
}

div.five div 
{ 
  width: 19%;
  float: left;
  margin-left: 0.4%;
  margin-right: 0.4%;
  padding: 0 0 0 0;
  }

div.three, div.two {  width: 100%;
           clear: both;}

div.three div { 
                width: 29.5%;
               float: left;
               margin-left: 1.4%;
               margin-right: 1.4%;
  text-align: justify;               
}

div.two div { 
  width: 45%;
  float: left;
  margin-left: 2%;
  margin-right: 2%;
}
/*----------------- End of old styles  -----------------*/

/*----------------- Start of image sprites  -----------------*/
.brandLinks {width:100%;}

a.snom, .snomImg,
a.cisco, .ciscoImg,
a.grandstream, .grandstreamImg,
a.avm, .avmImg,
a.gigaset, .gigasetImg,
a.phihong, .phihongImg,
a.yealink, .yealinkImg,
a.protalk, .protalkImg,
a.konftel, .konftelImg,
a.aastra, .aastraImg,
a.gnnetcom, .gnnetcomImg,
a.sark, .sarkImg,
a.plantronics, .plantronicsImg,
a.technicolor, .technicolorImg,
a.algo, .algoImg
{background:url(brands.jpg) no-repeat top; height:45px; width:90px; display:inline-block;}

a.snom {background-position:0 -45px;}
a:hover.snom, .snomImg {background-position:0 0;}
a.cisco {background-position:-90px -45px;}
a:hover.cisco, .ciscoImg {background-position:-90px 0;}
a.gigaset {background-position:-180px -45px;}
a:hover.gigaset, .gigasetImg {background-position:-180px 0;}
a.grandstream {background-position:-270px -45px;}
a:hover.grandstream, .grandstreamImg {background-position:-270px 0;}
a.phihong {background-position:-360px -45px;}
a:hover.phihong, .phihongImg {background-position:-360px 0;}
a.protalk {background-position:-450px -45px;}
a:hover.protalk, .protalkImg {background-position:-450px 0;}
a.yealink {background-position:-540px -45px;}
a:hover.yealink, .yealinkImg {background-position:-540px 0}
a.konftel {background-position:-630px -45px;}
a:hover.konftel, .konftelImg {background-position:-630px 0}
a.aastra {background-position:-720px -45px;}
a:hover.aastra, .aastraImg {background-position: -720px 0}
a.gnnetcom {background-position:-810px -45px;}
a:hover.gnnetcom, .gnnetcomImg {background-position:-810px 0}
a.plantronics {background-position:-900px -45px;}
a:hover.plantronics, .plantronicsImg {background-position:-900px 0}
a.technicolor {background-position:-990px -45px;}
a:hover.technicolor, .technicolorImg {background-position: -990px 0}
a.sark {background-position:-1080px -45px;}
a:hover.sark, .sarkImg {background-position: -1080px 0}
a.algo {background-position:-1170px -45px;}
a:hover.algo, .algoImg {background-position:-1170px 0}


.telephoneIcon, a.twitterIcon, a.snomtrainingIcon, a.rssIcon, a.newsletterIcon, a.blogorangeIcon, a.inIcon, a.blogblueIcon, a.ytIcon, .clearanceIcon ,
.backIcon, .questionMarkIcon, .poundIcon, .teamIcon, .technicalIcon, .starIcon, .contactIcon, .forwardIcon, .hereIcon, .docIcon, .provuIcon, .carIcon
{height:25px; width:25px; display:inline-block; background: url(page_layout/icons.gif) no-repeat;}

.telephoneIcon {background-position:0 0; padding:0 0 1px 0 !important;  margin-right: 20px; vertical-align:middle;}
a.twitterIcon  {background-position:-25px 0;}
a.snomtrainingIcon  {background-position:-50px 0;}
a.rssIcon  {background-position:-75px 0;}
a.newsletterIcon  {background-position:-100px 0;}
a.blogorangeIcon  {background-position:-125px 0;}
a.inIcon  {background-position:-150px 0;}
a.blogblueIcon  {background-position:-175px 0;}
a.ytIcon  {background-position:-200px 0;}
a.clearanceIcon  {background-position:-225px 0;}

.backIcon, .questionMarkIcon, .poundIcon, .teamIcon, .technicalIcon, .starIcon, .contactIcon, .forwardIcon, .hereIcon, .docIcon, .provuIcon, .carIcon 
{float:left;}

.backIcon {background-position:0 -25px;}
.questionMarkIcon {background-position:-25px -25px;} 
.poundIcon {background-position:-50px -25px;}
.teamIcon {background-position:-75px -25px;}
.technicalIcon {background-position:-100px -25px;}
.starIcon {background-position:-125px -25px;}
.contactIcon {background-position:-150px -25px;} 
.forwardIcon {background-position:-175px -25px;} 
.hereIcon {background-position:-200px -25px;} 
.docIcon {background-position:-225px -25px;}
.provuIcon {background-position:-250px -25px;} 
.carIcon {background-position:-275px -25px;}

.arrow-out, .arrow-in {height:11px; width:11px; display:inline-block; background: url(page_layout/arrow.jpg) no-repeat; float:right; padding-top:13px;}
.arrow-in {background-position: right;}
.arrow-out {background-position: left;}

.tick,
.cross
{height:17px; width:17px; display:inline-block; background: url(page_layout/tick-cross.png) no-repeat;}

.listOff, .list, .blockOff, .block {height:25px; width:25px; display:inline-block; margin:0; background: url(page_layout/list-block.jpg) no-repeat; float:left;}

.list {background-position:left bottom;}
.block {background-position:right top;}

a .list {background-position:left top;}
a .block {background-position:right bottom;}
a .block:hover {background-position:right top;}
a .list:hover {background-position:left bottom;}

.tick {background-position:left top;}
.cross {background-position:right top;}

.tick {background-position:left top;}
.cross {background-position:right top;}
/*----------------- End of image sprites  -----------------*/

/*----------------- Start of product styles -----------------*/
.biscuitTrail ul {margin-right:25px; text-align:center; margin-bottom: 7px}
.biscuitTrail li {background-image:none; display:inline; color:#006EA3; font-weight: bold; padding:0 10px 0 5px;}

.menuButton-container {background-color:#c9dee7; -moz-border-radius: 5px;border-radius: 5px; padding:10px; margin-bottom:15px;}
.menuButton, .menuButtonOn {margin-bottom:10px; width:306px; height:25px; display:block; overflow:hidden;}
.menuButton, .menuButtonOn, span {margin-right:10px;}
.menuButton, .menuButtonOn, strong {vertical-align:middle;}
.menuButtonOn {color:#999999;}

/* image display container*/
.relatedProductMenu-container, .productMenu-container .imageGallery-container, .sectionLink-container {width:100%}

/* image display - view */
.productMenu, .productMenuSmall, .productImage, .productImage-auto, .thumb, .sectionLink {float:left; border:#d8d8d8 solid 1px; -moz-border-radius: 5px;border-radius: 5px; text-align:center; display:block; margin:0 7px 14px 7px; overflow:hidden;}
.productMenu .sale {border-color:#D0122b;}
.thumb {padding:1px !important;}
.imageGallery, .productImage-auto {padding:5px;}


/* image display - hover state */
a.productMenu:hover, a.productMenuSmall:hover, a.imageGallery:hover, a.thumb:hover, a.sectionLink:hover, .productTitle  {border-color:#006EA3; text-decoration:none;}

/* image display - height and width */
.productMenu-container .productMenu {width:172px; height:145px; padding:1px 5px 1px 5px}
	.productMenu-container .productMenu img {padding:12px 0;}
		
.relatedProductMenu-container .productMenu {width:135px; height:120px; padding:1px 5px 1px 5px}

.sectionLink {width:310px; height:28px; text-align:left; margin:0 0 10px 0 ; padding:3px}
	.sectionLink span {margin:1px 8px 1px 1px;}

.productMenu {width:180px; height:145px;}
.productMenu-flexible {width:180px; min-height:145px;}

.rightFeature {background-color:#c9dee7; -moz-border-radius: 5px;border-radius: 5px; margin-bottom:15px; padding:10px;}
	.rightFeature h2 {margin:0; padding-left:5px; color:#006EA3; background:none; font-size:13px;}
	.rightFeature strong {color:#006EA3;}
	.rightFeature hr {background-color:#006EA3;}
	
.rightFeature .rightButtons {float:right; width:120px;}



/*----------------- Gallerific -----------------*/
#gallerific-container a {text-decoration:none;}
	
div.slideshow span.image-wrapper {position:absolute;  width:316px; border:#d8d8d8 solid 1px; -moz-border-radius: 5px;border-radius: 5px; text-align:center; display:block; height:200px; padding-top:10px; overflow:hidden; margin:0 0 10px 0; clear:both;}
	div.slideshow span.image-wrapper img {max-width:316px; max-height:200px;}

#gallerific-container ul {margin:0; padding:0;}
#gallerific-container .thumbs li {padding-left:0px;}
ul.thumbs .thumb {padding:0; width:52px; height:52px; margin: 225px 10px 15px 0;}
li .last {margin-right:0 !important;}
#gallerific-container li {list-style:none; display:inline; background:none;}
/*----------------- Gallerific -----------------*/

/*----------------- No Gallerific -----------------*/
.productImage {width:320px; float:none; margin:0; padding-top:10px;}
/*----------------- No Gallerific -----------------*/

.brandLogo {padding-right:10px;}
.brandLogoTop {float:right; margin-top:-5px; margin-left:10px;}


.imgText{
  position:relative;
  margin:10px 0 20px;
}

.imgText h2{
  background:#001f4d;
  padding:10px;
  font-size:20px;
  margin:0;
  font-weight:normal;
  font-family:arial,helvetica,sans-serif;
}

.imgText a, .imgText h2 a{ text-decoration:none; }
.imgText h2 a:link, .imgText h2 a:visited{color:#FFF;}
.imgText a:hover{ background:none; }
.imgText a, .imgText img { display:block; }

.imgText h2 span.sub_hdr{
  display:block;
  color:#035ee5;
  font-size:12px;
  margin:5px 0 0;
  font-weight:normal;
}

.imgText p {
  overflow:hidden;
 /* width:100%; */
  z-index:1;
  background: #262626; opacity:0.7;	
  margin:0;
  font-size: 12px;
  line-height:1.5;
}

.imgText p a:link, .imgText p a:visited{
 /* width:230px; */
  color:#FFF;
  padding:10px;
}

.imgText p a:hover{ color:#FFF; }

.printInfo {float:right;}

.quote {background:#c9dee7 url(page_layout) no-repeat top right;} 

.team {width: 625px}

.quote, .process {background-color:#c9dee7; -moz-border-radius: 5px;border-radius: 5px; margin-bottom:10px; padding:10px;}

.quote {width:620px;}
	.quote h1 {background:none;}
	.quote .arrow {background:transparent url(page_layout/textbox_arrow.gif) right top no-repeat; height:30px; width:655px; position:absolute;}
	
.process {margin-bottom:25px; padding-bottom:5px;}
	.process .arrow {background:transparent url(page_layout/process_arrow.gif) bottom no-repeat; height:30px; width:655px; position:absolute;}
	
.floatRight {float:right}
h2 .link {text-decoration:underline; color: #ffffff; font-size:13px;}

/*----------------- Start of ProSys styles -----------------*/
#prosys h2 {background-color:#cddde7; color:#006EA3;}
#prosys .icon {margin:-7px 10px 10px 10px; float:left;}

/*----------------- End of ProSys styles -----------------*/

blockquote {
  margin: 20px;
  background: transparent url(page_layout/quote-left.jpg) left top no-repeat;
  min-height: 20px;
  font:13px georgia,arial,verdana,helvetica,sans-serif;
  line-height:1.8em;
}
blockquote div {
  padding: 0 38px;
  background: transparent url(page_layout/quote-right.jpg) right bottom no-repeat;
  min-height: 20px;
}

.teamMembers {float:left; width:300px; padding:10px; margin-bottom:10px; margin-right: 25px;  -moz-border-radius: 5px;border-radius: 5px; border: #006EA3 1px solid;}
.teamMembers img {margin-bottom: 0}

.threeCol {width: 300px; margin-right:25px; float:left; min-height:250px}

.infoButton {margin-bottom: 10px; padding:7px 5px; -moz-border-radius: 5px;border-radius: 5px; border:1px solid #dddddd; background: url(page_layout/gradient-highlight.png) left bottom repeat-x}
.snomBorder {border:1px solid #f3c138;}
.yealinkBorder {border:1px solid #628330;}
.sarkBorder {border:1px solid #6b6c6f;}
.gigasetBorder {border:1px solid #f08128;}
    .infoButton .more {margin: 19px 15px 25px 15px; float: right}
    .infoButton .imgLeft {margin: 5px 15px 10px 5px}
.infoButton.jsLink.js:hover {background: url(page_layout/gradient-highlight-hover.png) left top repeat-x; border-color: #2790b0}
.infoButton a p {color:#262626;}
.infoButton p {padding-bottom: 2px}
.infoButton h3 {margin:20px 0}
.infoButton .imgRight {margin: 3px 15px 5px 15px}


.button, .buttonWide, .buttonPDF, #my_submit {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px;
border-radius:5px;
border-bottom:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF;
cursor:pointer;
display:inline-block;
font-size:100%;
margin:4px auto 0;
padding:5px;
position:relative;
text-align:center;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
background:#006EA3 url(page_layout/alert-overlay.png) repeat-x scroll 0 0;
border:medium none;
font-weight:bold;
}

td .button {margin:0}

.button:hover, .buttonWide:hover, .buttonPDF:hover, #my_submit:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#0B5A7B url(page_layout/alert-overlay.png) repeat-x scroll 0 0;
text-decoration:none;
color:#ffffff;
text-decoration:none;
}

.buttonWide {background:#444444 url(page_layout/alert-overlay.png) repeat-x scroll 0 0; width:310px; margin:0}
.buttonWide:hover {background:#262626 url(page_layout/alert-overlay.png) repeat-x scroll 0 0;}

.buttonPDF {background:#EE1C29 url(page_layout/alert-overlay.png) repeat-x scroll 0 0; width:310px; margin-bottom: 15px}
.buttonPDF:hover {background:#AD0100 url(page_layout/alert-overlay.png) repeat-x scroll 0 0;}

.rightFeature .rightButtons .button {float:right;}

.last {margin-right:0}

/* Accordion styles */
.ui-state-default .ui-icon {background-image:url(page_layout/ui-icons.png) !important;}
.ui-state-active .ui-icon {background-image:url(page_layout/ui-icons.png) !important;}
.ui-widget-content {border-color: #FBD850; background: #FFFFFF none repeat scroll 0 0}
/*.ui-accordion .ui-accordion-content{overflow:visible !important; padding: 0.5em 2.2em 1.5em 2.2em !important;}*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #FFFFFF url(page_layout/gradient-highlight.png) repeat-x left bottom; border-color: #DDDDDD}


.homeFeatureSlides_wrap {
	position: relative;
	padding:0;
	width: auto;
}

#homeFeatureSlides {
	overflow: hidden;
        margin-bottom: 0
}

#homeFeatureSlides li {
    width: 643px;
    background-image:none;
    padding: 5px;
    height:130px;
    border-bottom: solid 1px #ccc;
    padding-top: 15px;
}

.bx_pager {background-color: #262626; height:22px; padding-left: 10px}

.bx_pager a {
    float: left;
    background: url(page_layout/bg_pager.png) no-repeat 0 -21px;
    width: 10px;
    height: 17px;
    color: #fff;
    font-size: 11px;
    margin-right: 6px;
    padding: 4px 0 0 0;
    /*text-indent: -999999px;*/
}

.bx_pager a:hover, .bx_pager a.active {
    background-position: 0 0;
    text-decoration: none;
}

.bxslider_container {border:1px solid #262626}
