@charset "utf-8";
/*******************************************************************
	styles.css
	Main style sheet for MDaemon-mail-server.com
********************************************************************

	Created: 1/22/2010, Daniel Draney

*******************************************************************/

* {
	padding: 0;
	margin: 0;
}

html,
body {
	min-height: 100%;
	height: 100%;
}

body {
	background-color: #ffffff;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
}

a {
	color: #006699;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #006699;
	text-decoration: underline;
}

a:focus {
	-moz-outline-style: none;
}

img {
	border: none;
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

#imgNormalize {
	margin: 0 0 0 0;
	display: inline-block;
	overflow: hidden;
}

h1 {
	font-size: 2.4em;
	color: #006699;
	vertical-align: middle;
	line-height: 1.0em;
}

h1.black {
	font-size: 2.4em;
	color: #000000;
	line-height: 1.5em;
	padding: 10px 0 0 0;
}

h2 {
	font-size: 2.0em;
	color: #006699;
	line-height: 1.2em;
	padding: 0 0 20px 0;
}

h3 {
	font-size: 1.2em;
	color: #006699;
	line-height: 1.2em;
	padding: 0 0 10px 0;
}

.inner {
	width: 920px;
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
}

ul {
	margin: 0 0 1em 0;
	* margin-left: 5px; /* IE hack (including IE7) */
	padding: 10px 60px 0 30px;
	list-style: disc;
}

.zswcontent ul {
	margin: 0 0 1em 0;
	* margin-left: 5px; /* IE hack (including IE7) */
	padding: 10px 10px 0 30px;
	list-style: disc;
}

ol {
	margin: 0 0 1em 0;
	* margin-left: 5px; /* IE hack (including IE7) */
	padding: 10px 60px 0 30px;
	list-style: decimal;
}

ul.listSpace,
ol.listSpace {
	margin: 0 0 1em 0;
	* margin-left: 5px; /* IE hack (including IE7) */
	padding: 20px 60px 0 30px;
	list-style: disc;
}

li {
	margin: 0 0 .2em 0;
	padding: 0 0 0 0;
}

p {
	padding: 0 0 20px 10px;
}

p.learnMore {
	padding: 0 0 0 10px;
}

table {
	border-collapse: collapse;
	width: 80%;
	margin: 0 25px 0 60px;
}

th {
	font-weight: bold;
	background-color: #669900;
	color: #ffffff;
	padding: 5px;
	border: 1px solid #006600;
}

td {
	padding: 5px;
	border: 1px solid #006600;
}

tr.shaded td {
	background-color: #e4f5c5;
}

td.right {
	text-align: right;
}

td.center {
	text-align: center;
}

td.price {
	padding: 0 25px 0 0;
	text-align: right;
	background: url(Images/Layout/Price_white.png) no-repeat 25px center;
}

td.priceShaded {
	padding: 0 25px 0 0;
	text-align: right;
	background: url(Images/Layout/Price_shaded.png) no-repeat 25px center;
}

.borderBottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.borderTop {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}

a.offSiteLink {
	background: url(Images/Layout/OffSiteLink.png) no-repeat right top;
	padding: 2px 20px 0 0;
}

a.offSiteLink:hover {
	background: url(Images/Layout/OffSiteLink_hover.png) no-repeat right top;
	padding: 2px 20px 0 0;
}

a.videoList {
	background: url(Images/Layout/VideoLink.png) no-repeat right top;
	padding: 10px 25px 0 0;
}

a.videoList:hover { 
    background: url(Images/Layout/VideoLink_hover.png) no-repeat right top;
}

#homeBanner {
	margin: 0 0 0 0;
	padding: 30px 0 20px 0;
}

#homeContentRightImage {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 500px;
	float: left;
}

#homeRightImage {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 400px;
	float: right;
}


/******************************************************************
       content
******************************************************************/	

.learnMoreNav {
	padding: 0 20px 30px 0;
	float: right;
}

#videoNav {
	padding: 0 20px 30px 0;
	float: right;
}

#videoNav a {
	display: inline-block;
    height: 30px;
    background: url(Images/Icons/Icon-Video_red_30x30.png) no-repeat right top;
	line-height: 30px;
	padding: 0 35px 0 0;
}

#videoNav a:hover { 
    background: url(Images/Icons/Icon-Video_orange_30x30.png) no-repeat right top;
}



.cartNav {
	padding: 0 5px 5px 0;
	float: right;
}

.flagNav {
	margin: 0 0 0 0;
	padding: 5px 20px 30px 20px;
	width: 135px;
	float: left;
}

#contentNoImage {
	margin: 0 0 0 0;
	padding: 0 0 25px 0;
	width: 920px;
}

#contentRightImage {
	margin: 0 0 0 0;
	padding: 0 0 25px 0;
	width: 670px;
	float: left;
}

#rightImage {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 210px;
	float: right;
}

#fancyboxRightImage {
	margin: 0 0 0 0;
	padding: 0 0 25px 0;
	width: 210px;
	float: right;
	font-size: 12px;
}

#contentLeftImage {
	margin: 0 0 0 0;
	padding: 0 0 25px 0;
	width: 670px;
	float: right;
}

#leftImage {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 210px;
	float: left;
}

#fancyboxLeftImage {
	margin: 0 0 0 0;
	padding: 0 0 25px 0;
	width: 210px;
	float: left;
	font-size: 12px;
}

#splitPageLeft {
	float: left;
	width: 450px;
	padding: 15px 0 15px 0;
}

#splitPageRight {
	float: right;
	width: 450px;
	padding: 15px 0 15px 0;
}

#splitPageContent {
	float: left;
	width: 220px;
}

#splitPageDeviceContent {
	float: left;
	width: 300px;
}

ul.splitPageList {
	margin: 0 0 0 0;
	padding: 0 0 0 25px;
	list-style: disc;
	line-height: 1.9em;
}


/** end content  **/


/******************************************************************
       header
******************************************************************/	   

#header {
	color: #333333;
	font-size: 12px;
	width: 920px;
	margin-left: auto;
	margin-right: auto;	
}

#header a {
	color: #006699;
	text-decoration: none;
}

#header a:hover {
	text-decoration: underline;
}

#header .nav {
	padding: 0 0 0.5em 0;
}

/** end header  **/


/******************************************************************
       mainNav
******************************************************************/

#mainNav {
	color: #000000;
	font-size: 12px;
	font: Arial, Helvetica, sans-serif;
	width: 920px;
	height: 40px;
	background: url(Images/Layout/mainNav_bg.png);
}

#mainNav a {
	color: #000000;
	text-decoration: none;
	display: block;
	padding: 0 1em;
	line-height: 2.6em;
	background: url(Images/Layout/mainNav_divider.gif) no-repeat left top;
}

#mainNav ul {
	padding: 0 0 0 0;
}

#mainNav li.last {
	display: block;
	padding: 0 1em;
	line-height: 2.6em;
	background: url(Images/Layout/mainNav_divider.gif) no-repeat left top;
}

#mainNav ul a:hover {
	color: #ffffff;
	text-decoration: underline;
	display: inline-block;
	padding: 0 1em;
	line-height: 2.6em;
	height: 40px;
	background: url(Images/Layout/mainNav_hover.gif) no-repeat left top;
}

#mainNav ul.nav,
li.nav {
	margin: 0 0 0 0;
	list-style: none;
	float: left;
}

#home #mainNav .home a,
#features #mainNav .features a,
#compare #mainNav .compare a,
#supportedLanguages #mainNav .supportedLanguages a,
#techSpecs #mainNav .techSpecs a,
#pricing #mainNav .pricing a,
#support #mainNav .support a,
#pressKit #mainNav .pressKit a,
#company #mainNav .company a {
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
	padding: 0 1em;
	line-height: 2.6em;
	height: 40px;
	background: url(Images/Layout/mainNav_hover.gif) no-repeat left top;
	cursor: default;
}

/** end mainNav  **/


/******************************************************************
       subNav
******************************************************************/

#subNav ul ,
#subNav li {
	float: left;
	list-style: none;
	color:#666666;
	font-size: 0.9em;
	line-height: 1.5em;
	font-weight: bold;
	padding: 4px 0 0 0;
	margin: 0 0 0 0;
}

#subNav a {
	color: #990000;
	text-decoration: none;
	padding: 0 6px 0 10px;
}

#subNav a:hover {
	color: #990000;
	text-decoration: underline;
}

#subNav a.grey,
#subNav a.grey:hover {
	color: #333333;
	text-decoration: none;
	padding: 0 6px 0 10px;
	cursor: default;
}

iframe {
	width: 100%;
	border:none;
	margin: 0 0 0 0;
}

/** end subNav  **/


/******************************************************************
       pageTitle
******************************************************************/

#pageTitle {
	width: 620px;
	margin: 2.5em 0 2.5em 0;
	float: left;
}

#pageTitle .icon {
	float: left;
	display: block;
	width: 140px;
	vertical-align: middle;
}

#pageTitle .iconTitle {
	float: right;
	display: block;
	width: 480px;
	padding: 30px 0 0 0;
	vertical-align: middle;
}

#pageTitle .iconTitleExtraLine {
	float: right;
	display: block;
	width: 480px;
	padding: 5px 0 0 0;
	vertical-align: middle;
}

.indentTitle {
	padding: 0 0 0 15px;
}

/** end pageTitle  **/


/******************************************************************
       featurePage
******************************************************************/

#featureContent {
	margin: 0 0 0 0;
	padding: 0 0 25px 0;
	width: 670px;
	float: left;
}

#featureContent p {
	padding: 0 0 5px 20px;
}

#featureContentTitle {
	width: 670px;
	margin: 0 0 10px 0;
	float: left;
}

#featureContentTitle .icon {
	float: left;
	display: block;
	width: 110px;
	vertical-align: middle;
}

#featureContentTitle .iconTitle {
	float: right;
	display: block;
	width: 560px;
	padding: 32px 0 0 0;
	vertical-align: middle;
}

#fancyboxFeatureImage {
	margin: 0 0 0 0;
	padding: 50px 0 0 0;
	width: 210px;
	float: right;
	font-size: 12px;
}

h2.featurePage {
	font-size: 2.0em;
	color: #006699;
	line-height: 1.2em;
	padding: 30px 0 0 15px;
}

a.featurePageMailServer {
	display: inline-block;
    height: 100px;
    background: url(Images/Icons/Icon-MailServer_green_100x100.gif) no-repeat left top;
	line-height: 30px;
	padding: 0 0 0 100px;
}

a.featurePageMailServer:hover { 
    background: url(Images/Icons/Icon-MailServer_orange_100x100.gif) no-repeat left top;
}

a.featurePageBlackBerryIntegration {
	display: inline-block;
    height: 100px;
    background: url(Images/Icons/Icon-BlackBerryIntegration_green_100x100.gif) no-repeat left top;
	line-height: 30px;
	padding: 0 0 0 100px;
}

a.featurePageBlackBerryIntegration:hover { 
    background: url(Images/Icons/Icon-BlackBerryIntegration_orange_100x100.gif) no-repeat left top;
}

a.featurePageWebmail {
	display: inline-block;
    height: 100px;
    background: url(Images/Icons/Icon-Webmail_green_100x100.gif) no-repeat left top;
	line-height: 30px;
	padding: 0 0 0 100px;
}

a.featurePageWebmail:hover { 
    background: url(Images/Icons/Icon-Webmail_orange_100x100.gif) no-repeat left top;
}

a.featurePageMobileDevice {
	display: inline-block;
    height: 100px;
    background: url(Images/Icons/Icon-MobileDevice_green_100x100.gif) no-repeat left top;
	line-height: 30px;
	padding: 0 0 0 100px;
}

a.featurePageMobileDevice:hover { 
    background: url(Images/Icons/Icon-MobileDevice_orange_100x100.gif) no-repeat left top;
}

a.featurePageEmailArchive {
	display: inline-block;
    height: 100px;
    background: url(Images/Icons/Icon-EmailArchive_green_100x100.gif) no-repeat left top;
	line-height: 30px;
	padding: 0 0 0 100px;
}

a.featurePageEmailArchive:hover { 
    background: url(Images/Icons/Icon-EmailArchive_orange_100x100.gif) no-repeat left top;
}

a.featurePageExchangeMigration {
	display: inline-block;
    height: 100px;
    background: url(Images/Icons/Icon-ExchangeMigration_green_100x100.gif) no-repeat left top;
	line-height: 30px;
	padding: 0 0 0 100px;
}

a.featurePageExchangeMigration:hover { 
    background: url(Images/Icons/Icon-ExchangeMigration_orange_100x100.gif) no-repeat left top;
}

a.featurePageInstantMessage {
	display: inline-block;
    height: 100px;
    background: url(Images/Icons/Icon-InstantMessage_green_100x100.gif) no-repeat left top;
	line-height: 30px;
	padding: 0 0 0 100px;
}

a.featurePageInstantMessage:hover { 
    background: url(Images/Icons/Icon-InstantMessage_orange_100x100.gif) no-repeat left top;
}

a.featurePageSpamFiltering {
	display: inline-block;
    height: 100px;
    background: url(Images/Icons/Icon-SpamFiltering_green_100x100.gif) no-repeat left top;
	line-height: 30px;
	padding: 0 0 0 100px;
}

a.featurePageSpamFiltering:hover { 
    background: url(Images/Icons/Icon-SpamFiltering_orange_100x100.gif) no-repeat left top;
}

a.featurePageEmailSecurity {
	display: inline-block;
    height: 100px;
    background: url(Images/Icons/Icon-EmailSecurity_green_100x100.gif) no-repeat left top;
	line-height: 30px;
	padding: 0 0 0 100px;
}

a.featurePageEmailSecurity:hover { 
    background: url(Images/Icons/Icon-EmailSecurity_orange_100x100.gif) no-repeat left top;
}

a.featurePageAntiVirus {
	display: inline-block;
    height: 100px;
    background: url(Images/Icons/Icon-AntiVirus_green_100x100.gif) no-repeat left top;
	line-height: 30px;
	padding: 0 0 0 100px;
}

a.featurePageAntiVirus:hover { 
    background: url(Images/Icons/Icon-AntiVirus_orange_100x100.gif) no-repeat left top;
}

a.featurePageOutlookConnector {
	display: inline-block;
    height: 100px;
    background: url(Images/Icons/Icon-OutlookConnector_green_100x100.gif) no-repeat left top;
	line-height: 30px;
	padding: 0 0 0 100px;
}

a.featurePageOutlookConnector:hover { 
    background: url(Images/Icons/Icon-OutlookConnector_orange_100x100.gif) no-repeat left top;
}

a.featurePageRemoteAdmin {
	display: inline-block;
    height: 100px;
    background: url(Images/Icons/Icon-RemoteAdmin_green_100x100.gif) no-repeat left top;
	line-height: 30px;
	padding: 0 0 0 100px;
}

a.featurePageRemoteAdmin:hover { 
    background: url(Images/Icons/Icon-RemoteAdmin_orange_100x100.gif) no-repeat left top;
}

a.featurePageMailClientSupport {
	display: inline-block;
    height: 100px;
    background: url(Images/Icons/Icon-MailClientSupport_green_100x100.gif) no-repeat left top;
	line-height: 30px;
	padding: 0 0 0 100px;
}

a.featurePageMailClientSupport:hover { 
    background: url(Images/Icons/Icon-MailClientSupport_orange_100x100.gif) no-repeat left top;
}


/** end featurePage  **/


/******************************************************************
       downloadControl
******************************************************************/

#downloadMDControl {
	width: 300px;
	padding: 2.5em 0 2.5em 0;
	float: right;
	display: block;
	vertical-align: middle;
}

#downloadMDControl a {
	display: inline-block;
    width: 300px;
    height: 125px;
    background: url(Images/Download/MDaemon-DownloadControler.jpg) no-repeat 0 0;
	padding: 0 0 0 0;
	line-height: normal;
	vertical-align: middle;
}

#downloadMDControl a:hover { 
    background: url(Images/Download/MDaemon-DownloadControler_hover.jpg) no-repeat 0 0;
}

#downloadSPControl {
	width: 300px;
	padding: 2.5em 0 2.5em 0;
	float: right;
	display: block;
	vertical-align: middle;
}

#downloadSPControl a {
	display: inline-block;
    width: 300px;
    height: 125px;
    background: url(Images/Download/SecurityPlus-DownloadControler.jpg) no-repeat 0 0;
	padding: 0 0 0 0;
	line-height: normal;
	vertical-align: middle;
}

#downloadSPControl a:hover { 
    background: url(Images/Download/SecurityPlus-DownloadControler_hover.jpg) no-repeat 0 0;
}


#downloadOCControl {
	width: 300px;
	padding: 2.5em 0 2.5em 0;
	float: right;
	display: block;
	vertical-align: middle;
}

#downloadOCControl a {
	display: inline-block;
    width: 300px;
    height: 125px;
    background: url(Images/Download/OutlookConnector-DownloadControler.jpg) no-repeat 0 0;
	padding: 0 0 0 0;
	line-height: normal;
	vertical-align: middle;
}

#downloadOCControl a:hover { 
    background: url(Images/Download/OutlookConnector-DownloadControler_hover.jpg) no-repeat 0 0;
}

#downloadPage {
	width: 300px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;

}

fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #690;
	background: #e4f5c5;
}

legend {
	color: #006699;
	font-weight: bold;
}


/** downloadControl  **/


/******************************************************************
       footer
******************************************************************/

#footerGap {
	height: 50px;
	text-align: center;
	font-size: 11px;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -300px; /* the bottom margin is the negative value of .footerStick height */
}

.footerStick,
.push {
	height: 315px; /* .push must be the same height as .footerStick */
	/* http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ */
}

#footer {
	background: #333333;
	color: #ffffff;
	font-size: 12px;
	line-height: 15px;
	height: 315px;
}

#footer a {
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover {
	color: #006699;
	text-decoration: underline;
}

#footer .inner {
	padding: 5px 0 0 0;
	clear: left;	
}

#footer .copyright {
	padding: 20px 0 0 0;
	font-size: 10px;
}

/** end footer  **/


/******************************************************************
       featureNav :: jCarouselLite
******************************************************************/

#featureNav {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
	width: 920px;
	height: 140px;
	font-size: 12px;
	background: transparent url(Images/Layout/FeatureNav_background.jpg) no-repeat bottom center;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}

#featureNav .featureButton {
	float: left;
	width: 100px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#jCarouselLite {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
	float: right;
	width: 800px;
	font-size: 12px;
	/* line-height: 75px; */
	
}

#jCarouselLite .carousel {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    position: relative;
	clear: both;
}

#jCarouselLite .carousel a.prev,
#jCarouselLite .carousel a.next {
	display: block;
	float: left;
	width: 30px;
	height: 140px;
	text-decoration: none;
}

#jCarouselLite .carousel a.next {
	background: url(Images/Icons/Icon-Next_red_30x30.gif) right 30px no-repeat;
	margin: 0 0 0 10px;
	line-height: 45px;
}
	
#jCarouselLite .carousel a.prev {
	background: url(Images/Icons/Icon-Prev_red_30x30.gif) right 30px no-repeat;
	margin: 0 10px 0 0;
	line-height: 45px;
}
	
#jCarouselLite .carousel a.next:hover {
	background-image: url(Images/Icons/Icon-Next_orange_30x30.gif);
	text-decoration: underline;
	margin: 0 0 0 10px;
	line-height: 45px;
}
	
#jCarouselLite .carousel a.prev:hover {
	background-image: url(Images/Icons/Icon-Prev_orange_30x30.gif);
	text-decoration: underline;
	margin: 0 10px 0 0;
	line-height: 45px;
}
	
#jCarouselLite .carousel a:hover,
#jCarouselLite .carousel a:active {
	border: none;
	outline: none;
}
	
#jCarouselLite .carousel .jCarouselLite {
	float: left;
		/* Needed for rendering without flicker */
	position: relative;
	visibility: hidden;
	left: -5000px;	
}

#jCarouselLite .carousel ul {
	margin: 0 0 0 0;
}

#jCarouselLite .carousel li, 
#jCarouselLite .carousel li p {
	width: 100px;
	height: 140px;
	margin: 0 0 0 0;
}
        
#jCarouselLite .widget img {
	cursor: pointer;
}

#jCarouselLite .mid {
	margin: 0 0 0 80px;
	width: 400px;
	height: 300px;
}

#jCarouselLite .vertical {
	margin: 0 0 0 170px;
}

#jCarouselLite .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
	width: 170px;
}

#jCarouselLite .imageSlider li img, 
#jCarouselLite .imageSlider li p, 
#jCarouselLite .imageSliderExt li img , 
#jCarouselLite .imageSliderExt li p {
	width: 400px;
	height: 300px;
}
            
/** end jCarouselLite  **/


/******************************************************************
       rollovers
******************************************************************/

a.cart {
	display: inline-block;
    height: 30px;
    background: url(Images/Icons/Icon-Cart_red_30x30.png) no-repeat right top;
	vertical-align: middle;
	line-height: 30px;
	padding: 0 35px 0 0;
}

a.cart:hover { 
    background: url(Images/Icons/Icon-Cart_orange_30x30.png) no-repeat right top;
}

a.learnMore {
	display: inline-block;
    height: 30px;
    background: url(Images/Icons/Icon-LearnMore_red_30x30.png) no-repeat right top;
	line-height: 30px;
	padding: 0 35px 0 0;
}

a.learnMore:hover { 
    background: url(Images/Icons/Icon-LearnMore_orange_30x30.png) no-repeat right top;
}

#featureHome {
	display: inline-block;
    width: 100px;
    height: 100px;
    background: url(Images/Icons/Icon-Features_green_100x100.gif) no-repeat 0 0;
	line-height: 75px;
}

#featureHome:hover { 
    background: url(Images/Icons/Icon-Features_orange_100x100.gif) no-repeat 0 0;
}

#features #featureNav .featureButton a {
	color: #999999;
	text-decoration: none;
	background: url(Images/Icons/Icon-Features_blue_100x100.gif) no-repeat 0 0;
	cursor: default;
}

#MailServerIcon {
	display: inline-block;
    width: 100px;
    height: 100px;
    background: url(Images/Icons/Icon-MailServer_green_100x100.gif) no-repeat 0 0;
	padding: 105px 0 0 0;
	line-height: normal;
}

#MailServerIcon:hover { 
    background: url(Images/Icons/Icon-MailServer_orange_100x100.gif) no-repeat 0 0;
}

#MailServer #jCarouselLite .carousel .jCarouselLite .MailServer a {
	color: #999999;
	text-decoration: none;
	background: url(Images/Icons/Icon-MailServer_blue_100x100.gif) no-repeat 0 0;
	cursor: default;
}

#BlackBerryIntegrationIcon {
	display: inline-block;
    width: 100px;
    height: 100px;
    background: url(Images/Icons/Icon-BlackBerryIntegration_green_100x100.gif) no-repeat 0 0;
	padding: 105px 0 0 0;
	line-height: normal;
}

#BlackBerryIntegrationIcon:hover { 
    background: url(Images/Icons/Icon-BlackBerryIntegration_orange_100x100.gif) no-repeat 0 0;
}

#BlackBerryIntegration #jCarouselLite .carousel .jCarouselLite .BlackBerryIntegration a {
	color: #999999;
	text-decoration: none;
	background: url(Images/Icons/Icon-BlackBerryIntegration_blue_100x100.gif) no-repeat 0 0;
	cursor: default;
}

#WebmailIcon {
	display: inline-block;
    width: 100px;
    height: 100px;
    background: url(Images/Icons/Icon-Webmail_green_100x100.gif) no-repeat 0 0;
	padding: 105px 0 0 0;
	line-height: normal;
}

#WebmailIcon:hover { 
    background: url(Images/Icons/Icon-Webmail_orange_100x100.gif) no-repeat 0 0;
}

#Webmail #jCarouselLite .carousel .jCarouselLite .Webmail a {
	color: #999999;
	text-decoration: none;
	background: url(Images/Icons/Icon-Webmail_blue_100x100.gif) no-repeat 0 0;
	cursor: default;
}

#MobileDeviceIcon {
	display: inline-block;
    width: 100px;
    height: 100px;
    background: url(Images/Icons/Icon-MobileDevice_green_100x100.gif) no-repeat 0 0;
	padding: 105px 0 0 0;
	line-height: normal;
}

#MobileDeviceIcon:hover { 
    background: url(Images/Icons/Icon-MobileDevice_orange_100x100.gif) no-repeat 0 0;
}

#MobileDevice #jCarouselLite .carousel .jCarouselLite .MobileDevice a {
	color: #999999;
	text-decoration: none;
	background: url(Images/Icons/Icon-MobileDevice_blue_100x100.gif) no-repeat 0 0;
	cursor: default;
}

#EmailArchiveIcon {
	display: inline-block;
    width: 100px;
    height: 100px;
    background: url(Images/Icons/Icon-EmailArchive_green_100x100.gif) no-repeat 0 0;
	padding: 105px 0 0 0;
	line-height: normal;
}

#EmailArchiveIcon:hover { 
    background: url(Images/Icons/Icon-EmailArchive_orange_100x100.gif) no-repeat 0 0;
}

#EmailArchive #jCarouselLite .carousel .jCarouselLite .EmailArchive a {
	color: #999999;
	text-decoration: none;
	background: url(Images/Icons/Icon-EmailArchive_blue_100x100.gif) no-repeat 0 0;
	cursor: default;
}

#ExchangeMigrationIcon {
	display: inline-block;
    width: 100px;
    height: 100px;
    background: url(Images/Icons/Icon-ExchangeMigration_green_100x100.gif) no-repeat 0 0;
	padding: 105px 0 0 0;
	line-height: normal;
}

#ExchangeMigrationIcon:hover { 
    background: url(Images/Icons/Icon-ExchangeMigration_orange_100x100.gif) no-repeat 0 0;
}

#ExchangeMigration #jCarouselLite .carousel .jCarouselLite .ExchangeMigration a {
	color: #999999;
	text-decoration: none;
	background: url(Images/Icons/Icon-ExchangeMigration_blue_100x100.gif) no-repeat 0 0;
	cursor: default;
}

#InstantMessageIcon {
	display: inline-block;
    width: 100px;
    height: 100px;
    background: url(Images/Icons/Icon-InstantMessage_green_100x100.gif) no-repeat 0 0;
	padding: 105px 0 0 0;
	line-height: normal;
}

#InstantMessageIcon:hover { 
    background: url(Images/Icons/Icon-InstantMessage_orange_100x100.gif) no-repeat 0 0;
}

#InstantMessage #jCarouselLite .carousel .jCarouselLite .InstantMessage a {
	color: #999999;
	text-decoration: none;
	background: url(Images/Icons/Icon-InstantMessage_blue_100x100.gif) no-repeat 0 0;
	cursor: default;
}

#SpamFilteringIcon {
	display: inline-block;
    width: 100px;
    height: 100px;
    background: url(Images/Icons/Icon-SpamFiltering_green_100x100.gif) no-repeat 0 0;
	padding: 105px 0 0 0;
	line-height: normal;
}

#SpamFilteringIcon:hover { 
    background: url(Images/Icons/Icon-SpamFiltering_orange_100x100.gif) no-repeat 0 0;
}

#SpamFiltering #jCarouselLite .carousel .jCarouselLite .SpamFiltering a {
	color: #999999;
	text-decoration: none;
	background: url(Images/Icons/Icon-SpamFiltering_blue_100x100.gif) no-repeat 0 0;
	cursor: default;
}

#EmailSecurityIcon {
	display: inline-block;
    width: 100px;
    height: 100px;
    background: url(Images/Icons/Icon-EmailSecurity_green_100x100.gif) no-repeat 0 0;
	padding: 105px 0 0 0;
	line-height: normal;
}

#EmailSecurityIcon:hover { 
    background: url(Images/Icons/Icon-EmailSecurity_orange_100x100.gif) no-repeat 0 0;
}

#EmailSecurity #jCarouselLite .carousel .jCarouselLite .EmailSecurity a {
	color: #999999;
	text-decoration: none;
	background: url(Images/Icons/Icon-EmailSecurity_blue_100x100.gif) no-repeat 0 0;
	cursor: default;
}

#AntiVirusIcon {
	display: inline-block;
    width: 100px;
    height: 100px;
    background: url(Images/Icons/Icon-AntiVirus_green_100x100.gif) no-repeat 0 0;
	padding: 105px 0 0 0;
	line-height: normal;
}

#AntiVirusIcon:hover { 
    background: url(Images/Icons/Icon-AntiVirus_orange_100x100.gif) no-repeat 0 0;
}

#AntiVirus #jCarouselLite .carousel .jCarouselLite .AntiVirus a {
	color: #999999;
	text-decoration: none;
	background: url(Images/Icons/Icon-AntiVirus_blue_100x100.gif) no-repeat 0 0;
	cursor: default;
}

#OutlookConnectorIcon {
	display: inline-block;
    width: 100px;
    height: 100px;
    background: url(Images/Icons/Icon-OutlookConnector_green_100x100.gif) no-repeat 0 0;
	padding: 105px 0 0 0;
	line-height: normal;
}

#OutlookConnectorIcon:hover { 
    background: url(Images/Icons/Icon-OutlookConnector_orange_100x100.gif) no-repeat 0 0;
}

#OutlookConnector #jCarouselLite .carousel .jCarouselLite .OutlookConnector a {
	color: #999999;
	text-decoration: none;
	background: url(Images/Icons/Icon-OutlookConnector_blue_100x100.gif) no-repeat 0 0;
	cursor: default;
}

#RemoteAdminIcon {
	display: inline-block;
    width: 100px;
    height: 100px;
    background: url(Images/Icons/Icon-RemoteAdmin_green_100x100.gif) no-repeat 0 0;
	padding: 105px 0 0 0;
	line-height: normal;
}

#RemoteAdminIcon:hover { 
    background: url(Images/Icons/Icon-RemoteAdmin_orange_100x100.gif) no-repeat 0 0;
}

#RemoteAdmin #jCarouselLite .carousel .jCarouselLite .RemoteAdmin a {
	color: #999999;
	text-decoration: none;
	background: url(Images/Icons/Icon-RemoteAdmin_blue_100x100.gif) no-repeat 0 0;
	cursor: default;
}

#MailClientSupportIcon {
	display: inline-block;
    width: 100px;
    height: 100px;
    background: url(Images/Icons/Icon-MailClientSupport_green_100x100.gif) no-repeat 0 0;
	padding: 105px 0 0 0;
	line-height: normal;
}

#MailClientSupportIcon:hover { 
    background: url(Images/Icons/Icon-MailClientSupport_orange_100x100.gif) no-repeat 0 0;
}

#MailClientSupport #jCarouselLite .carousel .jCarouselLite .MailClientSupport a {
	color: #999999;
	text-decoration: none;
	background: url(Images/Icons/Icon-MailClientSupport_blue_100x100.gif) no-repeat 0 0;
	cursor: default;
}

/** end rollovers  **/


/******************************************************************
       FancyBox
******************************************************************/

li.gallery {
	padding: 0 25px 20px 25px;
	width: 210px;
	height: 200px
}

ul.gallery,
li.gallery {
	margin: 0 0 0 0;
	list-style: none;
	float: left;
	display: block;
	line-height: normal;
	font-size: 12px;
}

.gallery a {
	color: #333333;
	text-decoration: none;
}

.gallery a:hover {
	color: #669900;
	text-decoration: none;
}

div#fancy_overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #333;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(Images/FancyBox/fancy_progress.png) no-repeat;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(Images/FancyBox/fancy_closebox.png) ;
	cursor: pointer;
	z-index: 100;
	display: none;
}

div#fancy_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	z-index: 96;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 92;
}

div#fancy_title {
	position: absolute;
	bottom: -45px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 2px;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	border: 0px;
	padding: 0;
	background: transparent url(Images/FancyBox/fancy_title_left.png) no-repeat right;
}

td#fancy_title_main {
	height: 32px;
	border: 0px;
	padding: 0;
	text-align: center;
	background: transparent url(Images/FancyBox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	border: 0px;
	padding: 0;
	background: transparent url(Images/FancyBox/fancy_title_right.png) no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	/* border: 1px solid #444; */
	background: #FFF;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 10px; 
	height: 100%; 
	width: 45%; 
	cursor: pointer;
	background-image: url(data:image/gif;base64,AAAA);
	z-index: 100; 
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

a#fancy_left:hover {
	background: transparent url(Images/FancyBox/fancy_left.png) no-repeat left center;
}

a#fancy_right:hover {
	background: transparent url(Images/FancyBox/fancy_right.png) no-repeat right center;
}

#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

div#fancy_bg {
	display: none;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
}

div.fancy_bg_n {
	top: -13px;
	width: 100%;
	height: 13px;
	background: transparent url(Images/FancyBox/fancy_shadow_n2.png) repeat-x;
}

div.fancy_bg_ne {
	top: -13px;
	right: -13px;
	width: 13px;
	height: 13px;
	background: transparent url(Images/FancyBox/fancy_shadow_ne2.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(Images/FancyBox/fancy_shadow_e2.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -13px;
	right: -13px;
	width: 13px;
	height: 13px;
	background: transparent url(Images/FancyBox/fancy_shadow_se2.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -13px;
	width: 100%;
	height: 13px;
	background: transparent url(Images/FancyBox/fancy_shadow_s2.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -13px;
	left: -13px;
	width: 13px;
	height: 13px;
	background: transparent url(Images/FancyBox/fancy_shadow_sw2.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(Images/FancyBox/fancy_shadow_w2.png) repeat-y;
}

div.fancy_bg_nw {
	top: -13px;
	left: -13px;
	width: 13px;
	height: 13px;
	background: transparent url(Images/FancyBox/fancy_shadow_nw2.png) no-repeat;
}

/** end FancyBox  **/