@charset "utf-8";
/* Virtual Graffiti Cart Template - 2010 Release Beta 1 */
body{font:10pt Verdana,Arial,Helvetica,sans-serif;background:#ccc;text-align:center;color:#000;margin:0;padding:0;}
.template #container{width:990px;background:#fff;border-top:0;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;text-align:left;margin:0 auto;}
.template #leftMenu{float:left;width:170px;}
.template #mainContent{width:810px;margin:0 0 0 175px;}
.template #footer{font-size:9pt;line-height:150%;padding:10px 0 0;}
.template #footer a:link{text-decoration:none;color:#000;}
.template #footer a:visited{text-decoration:none;color:#000;}
.template #footer a:hover{text-decoration:underline;color:#000;}
.template #footer a:active{text-decoration:none;color:#000;}
.fltrt{float:right;margin-left:8px;}
.fltlft{float:left;margin-right:8px;}
.center{text-align:center;display:block;margin:0 auto;}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0;}
.headerText{font-size:11pt;font-weight:700;font-family:Arial;}
form{margin:0;padding:0;}
a:link{text-decoration:none;color:#0362a3;}
a:visited{text-decoration:none;color:#0362a3;}
a:hover{text-decoration:underline;color:#0362a3;}
a:active{text-decoration:none;color:#0362a3;}
h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif;margin-bottom:0;padding-bottom:0;margin-top:1px;}
h1{font-size:14pt;color:#000;}
h2{font-size:12pt;color:#0362a3;}
h3{font-size:11pt;color:#333;}
.blueTextBold{color:#06F;font-weight:700;}
.smallHeaderText{font:bold 11pt Arial,Helvetica,sans-serif;color:#666;}
hr{color:#0362a3;}
img{border-color:inherit;border-style:none;border-width:0;}
.blankTable{font-family:Verdana,Helvetica,sans-serif;border-collapse:collapse;}
.blankTable td,.priceTable th{border:0;padding:4px;}
.priceTable{font-family:Verdana,Helvetica,sans-serif;width:100%;border-collapse:collapse;}
.priceTable td,.priceTable th{border:1px solid #000;padding:4px;}
.priceTable th{font:bold 11pt Arial,Helvetica,sans-serif;background-image:url(/images/pricetable-bg.gif);text-align:left;background-color:#000;color:#fff;padding:3px;}
.priceTable tr.alt td{color:#000;background-color:#eee;}
.priceTable tr.headRow td{font-size:100%;font-weight:700;color:#000;background-color:#ccc;}
.formTable{font-family:Verdana,Helvetica,sans-serif;border-collapse:collapse;}
.formTable td,.formTable th{border:1px solid #000;padding:4px;}
.formTable th{font:bold 11pt Arial,Helvetica,sans-serif;background-image:url(/images/pricetable-bg.gif);background-color:#0362a3;color:#fff;padding:3px;}
.formTable tr.alt td{color:#000;background-color:#eee;}
.formTable tr.headRow td{font-size:100%;font-weight:700;color:#000;background-color:#ccc;}
.specTable{width:100%;font-family:Verdana,Helvetica,sans-serif;font-size:8pt;border-collapse:collapse;}
.specTable td,.specTable th{border:1px solid #000;padding:4px;}
.specTable th{font:bold 11pt Arial,Helvetica,sans-serif;background-image:url(/images/pricetable-bg.gif);background-color:#000;color:#fff;padding:3px;}
.specTable tr.alt td{color:#000;background-color:#eee;}
.specTable tr.headRow td{font-size:10pt;font-weight:700;color:#000;background-color:#ccc;}
.TextBox{font:10pt Arial,Helvetica,sans-serif;color:#0362a3;font-weight:normal;background-color:#eee;border:1px solid #000;cursor:pointer;-moz-border-radius: 5px;border-radius:5px;padding:3px;}
.phone{float:right;color:#0362a3;font-family:arial,verdana,helvetica,sans-serif;font-weight:700;font-size:110%;letter-spacing:.8px;text-align:right;padding-right:10px;margin:0;}
.smallText{font-size:8pt;}
.whiteText{color:#FFF;}
.blackText{color:#000;}
.redText{color:#C00;}
.redTextLarge {color:#C00;font-size:12pt;}
.redsmallboldText{color:#C00;font-size:8pt;font-weight:700;}
.doNotDisplay{display:none!important;}
#googleSearchResults iframe{width:100%;}
.headerTitle{width:100%;margin:0;}
.storelogo{float:left;}
.vglogo{float:right;margin-top:12px;}
#subHeader{font:95% Arial,Helvetica,sans-serif;color:#000;background-color:#ccc;text-align:left;padding-top:.5ex;padding-bottom:.5ex;border-top:1px solid #666;border-bottom:1px solid #666;background-image:url(/images/menu/topmenu-bg.gif);background-repeat:repeat-x;margin:0;}
#subHeader a{color:#000;text-decoration:none;font-weight:700;border-right:1px solid #666;margin:0;padding:.5ex 1.5ex;}
#subHeader a:hover{color:#0362a3;background-color:#FFF;background-image:url(/images/menu/topmenu-bg-over.gif);background-repeat:repeat-x;}
.leftnavHeader{font-size:10pt;font-weight:700;font-family:Arial,Helvetica,sans-serif;color:#FFF;background-image:url(/images/pricetable-bg.gif);background-repeat:repeat-x;padding:4px;}
.leftnavdiv ul{list-style-type:none;width:170px;border-bottom:1px solid #CCC;margin:0;padding:0;}
.leftnavdiv ul li{position:relative;z-index:1;}
.leftnavdiv ul li ul{position:absolute;width:170px;top:0;}
.leftnavdiv ul li a{display:block;overflow:auto;color:#000;font-family:arial,verdana,helvetica,sans-serif;font-size:8pt;font-weight:700;text-decoration:none;background:#eee;border:1px solid #CCC;border-bottom:0;padding:5px;}
.leftnavdiv ul li a:visited{color:#000;}
.leftnavdiv ul li a:hover{background-color:#fff;color:#0362a3;}
.leftnavdiv .subfolderstyle{background:url(/images/arrow.gif) no-repeat center right;color:#000;font-family:arial,verdana,helvetica,sans-serif;font-size:8pt;text-decoration:none;background-color:#eee;font-weight:700;visibility:visible;}
* html .leftnavdiv ul li{float:left;height:1%;}
* html .leftnavdiv ul li a{height:1%;}
.title{position:relative;font-family:Arial,San-Sarif;font-size:8pt;color:#000;font-weight:700;background:#eee;border-bottom:solid 1px #000;padding:4px;}
.tabPane{height:21px;border-bottom:1px solid #919b9c;width:800px;}
.aTab{border-left:1px solid #919b9c;border-right:1px solid #919b9c;border-bottom:1px solid #919b9c;width:780px;text-align:left;padding:10px;}
.tabPane DIV{float:left;height:100%;padding-left:5px;vertical-align:middle;background-repeat:no-repeat;background-position:bottom left;cursor:pointer;position:relative;bottom:-1px;margin-left:0;margin-right:0;}
.tabPane .tabActive{background-image:url(/images/ajax/tab_left_active.gif);margin-left:0;margin-right:0;}
.tabPane .tabInactive{background-image:url(/images/ajax/tab_left_inactive.gif);margin-left:0;margin-right:0;}
.tabPane .inactiveTabOver{background-image:url(/images/ajax/tab_left_over.gif);margin-left:0;margin-right:0;}
.tabPane span{vertical-align:top;font-size:11px;padding-left:5px;padding-right:5px;line-height:21px;float:left;}
.tabPane .tabActive span{padding-bottom:1px;line-height:20px;}
.tabPane img{float:left;}
.labelfield{padding:0 10px;}
.datefield{color:gray;font-size:90%;}
#newsTitle a{color:#0362a3;text-decoration:none;font-weight:700;display:block;}
#newsTitle a:hover{color:#0362a3;}
#newsTitle p{padding-bottom:4px;border-bottom:1px solid #ccc;}
code{color:red;}
dl{clear:both;}
dt{text-align:right;}
dd{text-align:left;}
.webFrom{text-align:left;}
.webForm fieldset{width:600px;margin-bottom:10px;border:1px solid #ccc;}
.webForm label{font-weight:700;float:left;width:250px;text-align:right;margin-right:5px;margin-top:2px;}
.webForm legend{background-color:#eee;color:#666;font:14px/16px Arial, Helvetica, sans-serif;font-weight:700;border:1px solid #ccc;text-align:left;margin:4px;padding:4px;}
.contactFrom{text-align:left;}
.contactFrom fieldset{width:500px;margin-bottom:10px;border:1px solid #ccc;}
.contactFrom label{font-weight:700;float:left;width:150px;text-align:right;margin-right:5px;margin-top:2px;}
.contactFrom legend{background-color:#eee;color:#666;font:14px/16px Arial, Helvetica, sans-serif;font-weight:700;border:1px solid #ccc;text-align:left;margin:4px;padding:4px;}
.acc-table{background-color:#ccc;font-weight:700;display:block;text-decoration:none;border:1px solid #000;cursor:pointer;position:relative;align:center;margin-top:-2px;padding:4px 4px 4px 20px;}
.acc-table:hover{background-color:#eee;color:#0362a3;text-decoration:none;cursor:pointer;}
.acc-table .statusicon{position:absolute;top:7px;left:5px;border:none;}
.openlanguage{background-color:#eee;color:#0362a3;text-decoration:none;cursor:pointer;}
.closedlanguage{color:#000;}
.acc-table-sub{margin-top:-2px;}
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px;}
#lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{outline:none;}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev{left:0;float:left;}
#lightbox-nav-btnNext{right:0;float:right;}
#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto;padding:0 10px;}
#lightbox-container-image-data{color:#666;padding:0 10px;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}
#lightbox-image-details-caption{font-weight:700;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1em;}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:.7em;}
/* Zix-Bar Styles - Created by Albert Winberg, Virtual Graffiti, Inc */

#zixbar {
	margin: auto;
	width: 780px;
	height: 115px;
	padding-top: 15px;
}
#zixbar div a {
	background: url(../images/ZIX-BAR-UP2.gif) no-repeat;
	display: block;
	width: 195px;
	height: 112px;
}
#zixbar div {
	float: left;
}
#zixbar a:link {
	background: url(../images/ZIX-BAR-UP2.gif) no-repeat;
}
#zixbar a:visited {
	background: url(../images/ZIX-BAR-UP2.gif) no-repeat;
}
#zixbar a:hover {
	background: url(../images/ZIX-BAR-OVER2.gif) no-repeat;
}
#zixbar a:active {
	background: url(../images/ZIX-BAR-DOWN2.gif) no-repeat;
}
#zixbar #button1 {
	background-position: 0 0;
}
#zixbar #button2 {
	background-position: -195px 0;
}
#zixbar #button3 {
	background-position: -390px 0;
}
#zixbar #button4 {
	background-position: -585px 0;
}
/* LIGHTBOX */
#jquery-overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px;
}
#jquery-lightbox {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	line-height:0;
}
#jquery-lightbox a img {
	border:none;
}
#lightbox-container-image-box {
	position:relative;
	background-color:#fff;
	width:250px;
	height:250px;
	margin:0 auto;
}
#lightbox-container-image {
	padding:10px;
}
#lightbox-loading {
	position:absolute;
	top:40%;
	left:0;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}
#lightbox-nav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
#lightbox-container-image-box > #lightbox-nav {
	left:0;
}
#lightbox-nav a {
	outline:none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width:49%;
	height:100%;
	zoom:1;
	display:block;
}
#lightbox-nav-btnPrev {
	left:0;
	float:left;
}
#lightbox-nav-btnNext {
	right:0;
	float:right;
}
#lightbox-container-image-data-box {
	font:10px Verdana, Helvetica, sans-serif;
	background-color:#fff;
	line-height:1.4em;
	overflow:auto;
	width:100%;
	margin:0 auto;
	padding:0 10px;
}
#lightbox-container-image-data {
	color:#666;
	padding:0 10px;
}
#lightbox-container-image-data #lightbox-image-details {
	width:70%;
	float:left;
	text-align:left;
}
#lightbox-image-details-caption {
	font-weight:700;
}
#lightbox-image-details-currentNumber {
	display:block;
	clear:left;
	padding-bottom:1em;
}
#lightbox-secNav-btnClose {
	width:66px;
	float:right;
	padding-bottom:.7em;
}
/* Carousel title settings */ 

.carousel {
	background-image:url(../images/solution-finder/backround.png)
}
#da-vinci-title {
	display:none;
	color:#0037a9;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:20px;
	margin-bottom:5px;
	width:80%;
}
#da-vinci-alt {
	display:none;
	color:#000;
	margin:20px;
	margin-top:0px;
	font-size:12px;
}
a, a:focus, a:active {
	outline: 0 none;
	border:none;
}
/* Carousel button settings */ 

.carouselLeft {
	display:none;
	background:url(../images/icons/rotate-left.png);
	width:36px;
	height:36px;
	background-position: 0px 0px;
	border:none;
	margin:5px;
	margin-bottom:5px;
	margin-top:5px;
	font-size:0px;
}
.carouselLeft:hover {
	background:url(../images/icons/rotate-leftDown.png);
	cursor:auto;
}
.carouselRight {
	display:none;
	background:url(../images/icons/rotate-right.png);
	width:36px;
	height:36px;
	background-position: 0px 0px;
	border:none;
	margin:5px;
	margin-bottom:5px;
	margin-top:5px;
	font-size:0px;
	margin-right:0px;
}
.carouselRight:hover {
	background:url(../images/icons/rotate-rightDown.png);
	cursor:auto;
}
/* Nivo Slider settings */ 

#slider {
	position:relative;
	width:780px; /* Change this to your images width */
	height:194px; /* Change this to your images height */
	background:url(images/icons/loading.png) no-repeat 50% 50%;
}
#slider-wrapper {
	background:url(images/slider.png) no-repeat;
	width:998px;
	height:392px;
	margin:0 auto;
	padding-top:74px;
	margin-top:-45px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}
.nivo-controlNav {
	position:absolute;
	left:340px;
	bottom:-20px;
}
.nivo-controlNav a {
	display:none;
	width:15px;
	height:15px;
	background:url(../images/icons/bulletUP.png) no-repeat;
	margin-left:5px;
	font-size:0px;
	border:0;
	margin-right:5px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
	background:url(../images/icons/bulletDown.png) no-repeat;
}
.nivo-directionNav a {
	display:block;
	width:40px;
	height:40px;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:0px 0;
	background:url(../images/icons/arrowRIGHT.png) no-repeat;
	right:5px;
	bottom:-20px;
}
a.nivo-prevNav {
	background:url(../images/icons/arrowUP.png) no-repeat;
	left:5px;
}
.nivo-caption {
	text-shadow:none;
	font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
	color:#efe9d1;
	text-decoration:underline;
}
/* Diagram Hover settings */ 
		


.gateway {
	display: block;
	width: 162px;
	height: 65px;
	background: url(/images/icons/diagram/gateway.png) no-repeat bottom;
	text-indent: -9999999px;
	background-position: 700px;
}
.gateway:hover {
	background-position: 0px 0px;
}
.zixDirect {
	display: block;
	width: 146px;
	height: 131px;
	background: url(../images/icons/diagram/zixdirect.png) no-repeat bottom;
	text-indent: -9999999px;
	background-position: 700px;
}
.zixDirect:hover {
	background-position: 0px 0px;
}
.zixPort {
	display: block;
	width: 140px;
	height: 160px;
	background: url(../images/icons/diagram/zixport.png) no-repeat bottom;
	text-indent: -9999999px;
	background-position: 700px;
}
.zixPort:hover {
	background-position: 0px 0px;
}
.zixMail {
	display: block;
	width: 125px;
	height: 124px;
	background: url(../images/icons/diagram/zixmail.png) no-repeat bottom;
	text-indent: -9999999px;
	background-position: 700px;
}
.zixMail:hover {
	background-position: 0px 0px;
}
.zixDirectory {
	display: block;
	width: 143px;
	height: 159px;
	background: url(../images/icons/diagram/zixdirectory.png) no-repeat bottom;
	text-indent: -9999999px;
	background-position: 700px;
}
.zixDirectory:hover {
	background-position: 0px 0px;
}
.zixDatacenter {
	display: block;
	width: 170px;
	height: 200px;
	background: url(../images/icons/diagram/datacenter.png) no-repeat bottom;
	text-indent: -9999999px;
	background-position: 700px;
}
.zixDatacenter:hover {
	background-position: 0px 0px;
}
.zixAccess {
	display: block;
	width: 150px;
	height: 60px;
	background: url(../images/icons/diagram/zixaccess.png) no-repeat bottom;
	text-indent: -9999999px;
	background-position: 700px;
}
.zixAccess:hover {
	background-position: 0px 0px;
}