/* v1.0 | 20080212 */
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,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1em;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
/*
 * jQuery Nivo Slider v2.5.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}/**
Kagi Styles
**/
body {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
  /*font-family: 'Lucida Grande', Arial, sans-serif;*/
  background-color: rgb(220, 220, 220);
  /*background-color: rgb(255, 255, 255);*/
  overflow-x: hidden;
}
.clear {
  clear: both;
  line-height: 1px;
}
.containWidth {
  width: 100%;
  overflow: hidden;
}
.fullWidth {
  margin: 0 auto;
  /*overflow: hidden;*/
  text-align: left;
  margin-bottom: 20px;
  width: 960px;
}
.content p {
  margin: 0px 0 5px;
}
#container {
  height: 100%;
  width: 100%;
  margin-bottom: 0;
  padding: 10px 0 0 0;
  min-height: 400px;
  background: url(../img/kagi-content_bg.png) 0 0 repeat-x rgb(255, 255, 255);
  /*background-color: rgba(255, 255, 255, 1);*/
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(235, 235, 235)', endColorstr='rgb(255, 255, 255)');*/ /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(rgb(235, 235, 235)), to(rgb(255, 255, 255)));*/ /* for webkit browsers */
	/*background: -moz-linear-gradient(top,rgb(235, 235, 235),rgb(255, 255, 255));*/ /* for firefox 3.6+ */
}
#header {
  padding: 25px;
  height: 50px;
  font-size: 14px;
  overflow: none;
  background: url(../img/kagi-header_bg.gif) 0 0 repeat rgb(78, 140, 55);
  /*background-color: rgb(78, 140, 55);*/
  /*-moz-box-shadow: 0 4px 3px rgb(51, 51, 51);
    -webkit-box-shadow: 0 4px 3px rgb(51, 51, 51);
    box-shadow: 0 4px 3px rgb(51, 51, 51);*/
}
div.logo {
  float: left;
}
#header .logo a {
	float: left;
	text-indent: -999em;
	margin-left: 3px;
	margin-top: -10px;
	height: 60px;
	width: 174px;
	background: url(../img/kagi_logo_trans-NEW.png) 0 0 no-repeat transparent;
}
#header .logo a:hover {
  background: url(../img/kagi_logo_trans-NEW.png) 0 -60px no-repeat transparent;
}

#header .logotag { 
  clear: both;
  /*position: absolute;*/ 
  margin-left: 3px; 
  /*margin-top: 50px;*/
  /*float: left;*/
  font-weight: normal; 
  font-family: Helvetica, Arial, sans-serif; 
  font-size: 12px; 
  font-style: italic; 
  color: #ffffff;
  width: 100%;
}

#header .print {
	margin-left: 3px;
	height: 60px;
	width: 100%;
	display: none;
	}

.login p {
  color: rgb(255, 255, 255);
  font-size: 11px;
  float: right;
  margin: -21px 13px 0 0;
  /*position: absolute;*/
  /*right: 365px;*/
  text-shadow: 0px 1px 1px rgb(51, 51, 51);
  /*top: 10px;*/
}
.login a {
  color: rgb(225, 225, 225);
  text-decoration: none;
  /*text-shadow: none;*/
}
.login a:hover {
  color: rgb(255, 255, 255);
}

/**********************/
#nav {
	/*margin: 0 auto 0;
	 width: 490px;*/
	float: right;
	line-height: 100%;
	padding: 15px 6px 0;
	z-index: 300;
}
#nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
	z-index: 305;
}
/* main level link */
#nav a {
	color: rgb(255, 255, 255);
	font-size: 13px;
	text-decoration: none;
	display: block;
	padding:  6px 10px;
	margin: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0 1px 1px rgb(51, 51, 51);
	-webkit-transition: 0.1s linear;
  -moz-transition: 0.1s linear;
}
#nav .sub a, #nav li.sub:hover > a {
  -webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;	
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: rgb(54,90,112); /* for non-css3 browsers */
	color: rgb(255, 255, 255);
	/*-moz-transition: background-color 0.1s linear;
	 -webkit-transition: background-color 0.1s linear;
	 transition: background-color 0.1s linear;*/
	/*border-top: solid 1px #f8f8f8;*/
	/*-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	 box-shadow: 0 1px 1px rgba(0, 0, 0, .2);*/
	text-shadow: 0 1px 1px rgb(51, 51, 51);
}
#nav .current a {
  -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
  background: rgb(54,90,112);
  color: rgb(255, 255, 255);
/*  
  -moz-box-shadow: inset 0 0 3px rgb(51, 51, 51);
  -webkit-box-shadow: inset 0 0 3px rgb(51, 51, 51);
  box-shadow: inset 0 0 3px rgb(51, 51, 51);
*/
}
/* level 2 list */
#nav li ul {
	background: rgb(54, 90, 112); /* for non-css3 browsers */
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
	/*z-index: -150;*/
	height: 0;
	margin: 0;
	padding: 0;
	width: 200px;
	position: absolute;
	top: 26px;
	left: 0;
	/*border: solid 1px #b4b4b4;*/
	-webkit-border-radius: 0 3px 3px 3px;
	-moz-border-radius: 0 3px 3px 3px;
	border-radius: 0 3px 3px 3px;
	/*-webkit-box-shadow: 0 1px 3px rgb(51, 51, 51);
	 -moz-box-shadow: 0 1px 3px rgb(51, 51, 51);
	 box-shadow: 0 1px 3px rgb(51, 51, 51);*/
  -webkit-transition: 0.1s linear;
  -moz-transition: 0.1s linear;
}
/* dropdown */
#nav li:hover > ul {
	display: block;
	opacity: 1;
	filter: alpha(opacity=100);
	height: auto;
	z-index: 310;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;	
	z-index: 315;
}
/* sub levels link hover */
#nav ul a {
  color: rgb(255, 255, 255);
  display: block;
	font-weight: normal;
	text-shadow: 0 1px 1px rgb(51, 51, 51);
	/*z-index: 170;*/
}
#nav ul a:hover {
	background: rgb(154, 172, 183) !important; /* for non-css3 browsers */
	color: rgb(255, 255, 255) !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-shadow: 0 1px 1px rgb(51, 51, 51);
	/*z-index: 180;*/
}
/* rounded corners for first and last child */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
}
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/**********************/
ul.action {
  float: right;
  padding: 15px 6px 0;
  line-height: 100%;
}
ul.action li {
  float: left;
  margin: 0 5px;
  padding: 0 0 10px;
  position: relative;
}
ul.action li a {
  background: rgb(54, 90, 112); /* for non-css3 browsers */
	color: rgb(255, 255, 255);
	display: block;
  font-size: 13px;
  padding: 8px 15px;
  text-decoration: none;
	text-shadow: 0 1px 1px rgb(51, 51, 51);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
ul.action li a:hover {
  background: rgb(54, 90, 170); /* for non-css3 browsers */
  text-decoration: underline;
}

ul.callout1 {
  /*float: right;*/
  padding: 15px 6px 0;
  line-height: 15px;
}
ul.callout1 li {
  /*float: left;*/
  margin: 0 5px;
  padding: 0 0 10px;
  position: relative;
}
ul.callout1 li a {
  background: rgb(54, 90, 112); /* for non-css3 browsers */
	color: rgb(255, 255, 255);
	display: block;
  font-size: 12px;
  padding: 5px 10px;
  text-decoration: none;
	text-shadow: 0 1px 1px rgb(0, 0, 0);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
ul.callout1 li a:hover {
  background: rgb(7, 86, 123); /* for non-css3 browsers */
  text-decoration: underline;
}

ul.callout3 {
  float: right;
  padding: 15px 6px 0;
  line-height: 15px;
}
ul.callout3 li {
  float: left;
  margin: 0 5px;
  padding: 0 0 10px;
  position: relative;
}
ul.callout3 li a {
  background: rgb(54, 90, 112); /* for non-css3 browsers */
	color: rgb(255, 255, 255);
	display: block;
  font-size: 12px;
  padding: 5px 10px;
  text-decoration: none;
	text-shadow: 0 1px 1px rgb(0, 0, 0);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
ul.callout3 li a:hover {
  background: rgb(73, 84, 51); /* for non-css3 browsers */
  text-decoration: underline;
}

#footer {
  font-size: 11px;
  margin-top: -4px;
}
#promo {
  background: rgb(125, 125, 125);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#A9A9A9', endColorstr='#7A7A7A'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(169, 169, 169)), to(rgb(122, 122, 122))); /* for webkit browsers */
	background: -moz-linear-gradient(top,  rgb(169, 169, 169),  rgb(122, 122, 122)); /* for firefox 3.6+ */  
	color: rgb(255, 255, 255);
  height: 20px;
  padding: 10px 0;
}
#map {
  background: rgb(220, 220, 220);
  /*background: rgb(255, 255, 255);*/
  border-top: 1px solid rgb(255, 255, 255);
  min-height: 300px;
  height: 100%;
}
#highlight {
  /*margin-top: 15px;*/
  padding-top: 15px;
  background: url(../img/kagi-homebar_bg.png) 0 0 repeat-x rgb(255, 255, 255);
}
.homeBar, .socialBar {
  text-align: center;
  padding: 15px 0;
  background: url(../img/kagi-homebar_bg.png) 0 0 repeat-x rgb(255, 255, 255);
}
.socialBar {
  background: rgb(125, 125, 125);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#A9A9A9', endColorstr='#7A7A7A'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(169, 169, 169)), to(rgb(122, 122, 122))); /* for webkit browsers */
	background: -moz-linear-gradient(top,  rgb(169, 169, 169),  rgb(122, 122, 122)); /* for firefox 3.6+ */  
  /*background: -moz-linear-gradient(center top , #CCCCCC, #FFFFFF) repeat scroll 0 0 transparent;*/
  padding: 5px 0;
}
.homeBar ul {
  display: inline-block;
  width: 528px;
}
.homeBar ul li {
  float: left;
}
.homeBar ul li a {
  display: block;
  height: 47px;
  width: 176px;
  text-indent: -999em;
}
li.tour a {background: url(../img/kagi-take_a_tour.png) 0 0 no-repeat;}
li.tour a:hover {background: url(../img/kagi-take_a_tour.png) 0 0 no-repeat;}
li.expert a {background: url(../img/kagi-ask_an_expert.png) 0 0 no-repeat;}
li.open a {background: url(../img/kagi-open_your_store.png) 0 0 no-repeat;}

.socialBar ul {
  display: inline-block;
  padding-bottom: 5px;
}
.socialBar ul li {
  float: left;
  margin: 0 3px;
}
.socialBar ul li a {
  display: block;
  width: 32px;
  height: 32px;
  padding: 0;
  text-indent: -999em;
}
li.facebookMain a {background: url(../img/icons/social-sprite.png) 0 -32px no-repeat;}
li.twitterMain a {background: url(../img/icons/social-sprite.png) 0 -96px no-repeat;}
li.youtubeMain a {background: url(../img/icons/social-sprite.png) 0 -128px no-repeat;}
li.listMain a {background: url(../img/icons/social-sprite.png) 0 0 no-repeat;}

li.facebookMain a:hover {background-position: -32px -32px;}
li.twitterMain a:hover {background-position: -32px -96px;}
li.youtubeMain a:hover {background-position: -32px -128px;}
li.listMain a:hover {background-position: -32px 0;}
span.connect {
  display: block;
  padding: 0 0 10px 0;
  /*font-weight: bold;*/
  font-size: 16px;
  text-shadow: 1px 1px 3px #000000;
  color: #FFFFFF;
}

.highlight {
  width: 960px;
}

.item {
  margin: 0px;
  padding-left: 10px; padding-right: 10px; padding-top: 5px; 
  width: 170px;
  height: 195px;
  text-align: center;
  font-weight: bold; 
  text-shadow: 0 1px 1px rgb(0, 0, 0);
  color: #ffffff;
  float: left;
  border: 1px solid rgb(220, 220, 220);
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px; 
}

.itemLG {
  margin-left: 10px;
  padding: 10px;
  width: 510px;
  height: 180px;
  text-align: center;
  float: left;
  border: 1px solid rgb(220, 220, 220);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.one, .two {
  margin-right: 10px;
  border-right: 1px solid rgb(220, 220, 220); 
}

.three {
  margin-left: 10px;
  border-right: 1px solid rgb(220, 220, 220); 
}

#slideshow {
  width: 100%;
  margin-bottom: 20px;
}
.slideshow {
  height: 370px;
  /*background: rgb(220, 220, 220);*/
  
}
#slider {
    position:relative;
    width:960px; /* Change this to your images width */
    height:370px; /* Change this to your images height */
    background:url(../img/processing.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    z-index: 10;
}
#slider a {
    border:0;
    display:block;
}
.nivo-controlNav {
	position:absolute;
	/*left: 415px;*/ /* for 5 slides */
	left: 428px; /* for 4 slides */
	bottom: 0px;
	z-index: 8;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
  background:url(../img/bullets2.png) no-repeat;
  text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
	z-index: 9;
}

.nivo-controlNav a.active {
  background-position:0 -22px;
}

.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	margin: 0 10px;
	width:30px;
	height:30px;
	background: url(../img/arrows2.png) no-repeat;
	text-indent:-9999px;
	cursor:pointer;
}
a.nivo-prevNav {
	left:0px;
}
a.nivo-nextNav {
	background-position: -30px 0;
	right:0px;
}


/******************************/
/*       FEATURES TABS        */
/******************************/

#content {
	/*border-top: 1px solid rgb(153, 153, 153);*/
	margin: 0px 10px;
	height: inherit;
}
#navInner {
	border-right: 1px solid rgb(235, 235, 235);
  font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
	float: left;
	width: 240px;
}
#navInner ul {
	list-style: none;
}
#navInner ul li p {
	line-height: 12px;
	font-size: 25px;
}
#navInner ul li p a {
	color: rgb(0, 0, 0);
	display: block;
	
	font-size: 9px;
	line-height: 12px; 
	height: 40px;
	padding-left: 45px;
	padding-top: 10px;
	position: relative;
	text-decoration: none;
	/*width: 254px;*/
	text-shadow: 1px 1px 0px rgb(255, 255, 255);
}

/*#navInner ul li.active {background: url(../img/kagi-homebar_bg.png) no-repeat scroll 0 0 #FFFFFF;}*/
#navInner ul li.active {background: url(../img/kagi-features_bg.png) no-repeat scroll 0 0 transparent;}
#navInner ul li:hover {background: url(../img/kagi-features_bg.png) no-repeat scroll 0 0 transparent;}

#navInner ul li p a {font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;}

#navInner ul li.overview p a {background: url(../img/icons/black/info.png) 6px 8px no-repeat;}
#navInner ul li.worldwide p a {background: url(../img/icons/black/line-globe.png) 6px 8px no-repeat;}
#navInner ul li.tax p a {background: url(../img/icons/black/dollar.png) 6px 8px no-repeat;}
#navInner ul li.hosted p a {background: url(../img/icons/black/cart.png) 6px 8px no-repeat;}
#navInner ul li.confirmation p a {background: url(../img/icons/black/email.png) 6px 8px no-repeat;}
#navInner ul li.security p a {background: url(../img/icons/black/shield.png) 6px 8px no-repeat;}
#navInner ul li.licensing p a {background: url(../img/icons/black/lock.png) 6px 8px no-repeat;}
#navInner ul li.contentDelivery p a {background: url(../img/icons/black/download.png) 6px 8px no-repeat;}
#navInner ul li.reporting p a {background: url(../img/icons/black/bar-chart.png) 6px 8px no-repeat;}
#navInner ul li.marketing p a {background: url(../img/icons/black/tag.png) 6px 8px no-repeat;}
#navInner ul li.partners p a {background: url(../img/icons/black/connections.png) 6px 8px no-repeat;}
#navInner ul li.customerService p a {background: url(../img/icons/black/phone.png) 6px 8px no-repeat;}
#navInner ul li.addOns p a {background: url(../img/icons/red/add-item.png) 6px 8px no-repeat;}
#navInner ul li.licenseCode p a {background: url(../img/icons/red/ID.png) 6px 8px no-repeat;}
#navInner ul li.eCampaigns p a {background: url(../img/icons/red/multi-agents.png) 6px 8px no-repeat;}
#navInner ul li.backupDisc p a {background: url(../img/icons/red/disc.png) 6px 8px no-repeat;}
#navInner ul li.onDemandDisc p a {background: url(../img/icons/red/processing.png) 6px 8px no-repeat;}
#navInner ul li.localization p a {background: url(../img/icons/red/world.png) 6px 8px no-repeat;}
#navInner ul li.salesAssistant p a {background: url(../img/icons/red/computer.png) 6px 8px no-repeat;}

#navInner ul li.overview.active p a, #navInner ul li.overview:hover p a {background: url(../img/icons/blue/info.png) 6px 8px no-repeat;}
#navInner ul li.worldwide.active p a, #navInner ul li.worldwide:hover p a {background: url(../img/icons/blue/line-globe.png) 6px 8px no-repeat;}
#navInner ul li.tax.active p a, #navInner ul li.tax:hover p a {background: url(../img/icons/blue/dollar.png) 6px 8px no-repeat;}
#navInner ul li.hosted.active p a, #navInner ul li.hosted:hover p a {background: url(../img/icons/blue/cart.png) 6px 8px no-repeat;}
#navInner ul li.confirmation.active p a, #navInner ul li.confirmation:hover p a {background: url(../img/icons/blue/email.png) 6px 8px no-repeat;}
#navInner ul li.security.active p a, #navInner ul li.security:hover p a {background: url(../img/icons/blue/shield.png) 6px 8px no-repeat;}
#navInner ul li.marketing.active p a, #navInner ul li.marketing:hover p a {background: url(../img/icons/blue/tag.png) 6px 8px no-repeat;}
#navInner ul li.partners.active p a, #navInner ul li.partners:hover p a {background: url(../img/icons/blue/connections.png) 6px 8px no-repeat;}
#navInner ul li.licensing.active p a, #navInner ul li.licensing:hover p a {background: url(../img/icons/blue/lock.png) 6px 8px no-repeat;}
#navInner ul li.contentDelivery.active p a, #navInner ul li.contentDelivery:hover p a {background: url(../img/icons/blue/download.png) 6px 8px no-repeat;}
#navInner ul li.reporting.active p a, #navInner ul li.reporting:hover p a {background: url(../img/icons/blue/bar-chart.png) 6px 8px no-repeat;}
#navInner ul li.customerService.active p a, #navInner ul li.customerService:hover p a {background: url(../img/icons/blue/phone.png) 6px 8px no-repeat;}
#navInner ul li.addOns.active p a, #navInner ul li.addOns:hover p a {background: url(../img/icons/blue/add-item.png) 6px 8px no-repeat;}
#navInner ul li.licenseCode.active p a, #navInner ul li.licenseCode:hover p a {background: url(../img/icons/blue/ID.png) 6px 8px no-repeat;}
#navInner ul li.eCampaigns.active p a, #navInner ul li.eCampaigns:hover p a {background: url(../img/icons/blue/multi-agents.png) 6px 8px no-repeat;}
#navInner ul li.backupDisc.active p a, #navInner ul li.backupDisc:hover p a {background: url(../img/icons/blue/disc.png) 6px 8px no-repeat;}
#navInner ul li.onDemandDisc.active p a, #navInner ul li.onDemandDisc:hover p a {background: url(../img/icons/blue/processing.png) 6px 8px no-repeat;}
#navInner ul li.localization.active p a, #navInner ul li.localization:hover p a {background: url(../img/icons/blue/world.png) 6px 8px no-repeat;}
#navInner ul li.salesAssistant.active p a, #navInner ul li.salesAssistant:hover p a {background: url(../img/icons/blue/computer.png) 6px 8px no-repeat;}

#navInner ul li.overviewCUR p a {background: url(../img/icons/blue/info.png) 6px 8px no-repeat; color: rgb(0, 102, 153);}
#navInner ul li.worldwideCUR p a {background: url(../img/icons/blue/line-globe.png) 6px 8px no-repeat; color: rgb(0, 102, 153);}
#navInner ul li.taxCUR p a {background: url(../img/icons/blue/dollar.png) 6px 8px no-repeat; color: rgb(0, 102, 153);}
#navInner ul li.hostedCUR p a {background: url(../img/icons/blue/cart.png) 6px 8px no-repeat; color: rgb(0, 102, 153);}
#navInner ul li.confirmationCUR p a {background: url(../img/icons/blue/email.png) 6px 8px no-repeat; color: rgb(0, 102, 153);}
#navInner ul li.securityCUR p a {background: url(../img/icons/blue/shield.png) 6px 8px no-repeat; color: rgb(0, 102, 153);}
#navInner ul li.licensingCUR p a {background: url(../img/icons/blue/lock.png) 6px 8px no-repeat; color: rgb(0, 102, 153);}
#navInner ul li.contentDeliveryCUR p a {background: url(../img/icons/blue/download.png) 6px 8px no-repeat; color: rgb(0, 102, 153);}
#navInner ul li.reportingCUR p a {background: url(../img/icons/blue/bar-chart.png) 6px 8px no-repeat; color: rgb(0, 102, 153);}
#navInner ul li.marketingCUR p a {background: url(../img/icons/blue/tag.png) 6px 8px no-repeat; color: rgb(0, 102, 153);}
#navInner ul li.partnersCUR p a {background: url(../img/icons/blue/connections.png) 6px 8px no-repeat; color: rgb(0, 102, 153);}
#navInner ul li.customerServiceCUR p a {background: url(../img/icons/blue/phone.png) 6px 8px no-repeat; color: rgb(0, 102, 153);}
#navInner ul li.addOnsCUR p a {background: url(../img/icons/blue/add-item.png) 6px 8px no-repeat; color: rgb(0, 102, 153);}
#navInner ul li.licenseCodeCUR p a {background: url(../img/icons/blue/ID.png) 6px 8px no-repeat; color: rgb(0, 102, 153);}
#navInner ul li.eCampaignsCUR p a {background: url(../img/icons/blue/multi-agents.png) 6px 8px no-repeat; color: rgb(0, 102, 153);}
#navInner ul li.backupDiscCUR p a {background: url(../img/icons/blue/disc.png) 6px 8px no-repeat; color: rgb(0, 102, 153);}
#navInner ul li.onDemandDiscCUR p a {background: url(../img/icons/blue/processing.png) 6px 8px no-repeat; color: rgb(0, 102, 153);}
#navInner ul li.localizationCUR p a {background: url(../img/icons/blue/world.png) 6px 8px no-repeat; color: rgb(0, 102, 153);}
#navInner ul li.salesAssistantCUR p a {background: url(../img/icons/blue/computer.png) 6px 8px no-repeat; color: rgb(0, 102, 153);}

#navInner ul li p a span {
	color: rgb(0, 0, 0);
	font-size: 12px;
	/*font-weight: bold;*/
}

#navInner ul li p a span.blue {
	color: rgb(0, 102, 153);
	font-style: italic; 
	font-size: 12px;
	/*font-weight: bold;*/
}

#navInner ul li:hover {
/* 	background: rgb(255, 255, 255); */
}
#navInner ul li:hover p span {
	color: rgb(0, 102, 153);
}
#navInner ul li.active {
/* 	padding-left: 30px; */
/* 	background: rgb(255, 255, 255); */
}
#navInner ul li.active p a span {
	color: rgb(0, 102, 153);
}
#containerInner {
	margin-left: 260px;
	padding-top: 5px;
}
.two-column {
  width: 680px;
}
.column {
  width: 315px;
  float: left;
}
.right-col {
  margin: 0 0 0 15px;
  padding: 0 15px;
}
.column p {
  color: rgb(33, 33, 33);
  line-height: 21px;
}

/*.tour_info {
  float: left;
  width: 290px;
  margin: 5px 20px 10px 0;
}*/

#map .map {
  margin-top: 20px;
  padding: 0 30px;
  width: 930px;
}

#map .mapItem {
  float: left;
  margin: 0 35px 40px 0;
  min-height: 140px;
  padding: 0;
  width: 195px;
}
#map .mapItem h4 {
  border-bottom: 1px solid #333;
  color: rgb(0, 0, 0);
  font-size: 13px;
  font-weight: bold;
  margin: 10px 0 8px;
  padding-bottom: 10px;
}
#map .mapItem h4:after {
  border-bottom: 1px solid rgb(255, 255, 255);
  content: "";
  display: block;
  position: relative;
  top: 12px;
}
#map .mapItem a, #map .mapItem {
  color: rgb(51, 51, 51);
  text-decoration: none;
  text-shadow: 0 1px 0 rgb(255, 255, 255);
}
#map .mapItem a:hover {
  color: rgb(48, 132, 202);
}

/*
ul.contactDetail li strong {
  display: block;
  float: left;
  width: 50px;
}
*/

ul.contactDetail li span {
  display: block;
  margin-left: 35px;
  min-height: 25px;
  padding-top: 1px;
}

ul.contactDetail li.phone {background: url(../img/icons/fugue/telephone.png) 8px 2px no-repeat transparent;}
ul.contactDetail li.fax {background: url(../img/icons/fugue/telephone-fax.png) 8px 2px no-repeat transparent;}
ul.contactDetail li.postal {background: url(../img/icons/fugue/address-book.png) 8px 2px no-repeat transparent;}
ul.contactDetail li.email {background: url(../img/icons/fugue/mail--pencil.png) 8px 2px no-repeat transparent;}
ul.contactDetail li.facebook {background: url(../img/icons/facebook_16.png) 8px 3px no-repeat transparent;}
ul.contactDetail li.twitter {background: url(../img/icons/twitter_16.png) 8px 3px no-repeat transparent;}
ul.contactDetail li.youtube {background: url(../img/icons/youtube_16.png) 8px 3px no-repeat transparent;}
ul.contactDetail li.signup {background: url(../img/icons/fugue/contract.png) 8px 3px no-repeat transparent;}

/*
ul.contactDetail li.phone {background: url(../img/icons/grey/phone.png) 0 0 no-repeat transparent;}
ul.contactDetail li.fax {background: url(../img/icons/grey/print.png) 0 0 no-repeat transparent;}
ul.contactDetail li.postal {background: url(../img/icons/grey/addressBook.png) 0 0 no-repeat transparent;}
ul.contactDetail li.email {background: url(../img/icons/grey/email.png) 0 0 no-repeat transparent;}
*/
/*
ul.contactDetail li.phone:hover {background: url(../img/icons/blue/phone.png) 0 0 no-repeat transparent;}
ul.contactDetail li.fax:hover {background: url(../img/icons/blue/print.png) 0 0 no-repeat transparent;}
ul.contactDetail li.postal:hover {background: url(../img/icons/blue/addressBook.png) 0 0 no-repeat transparent;}
ul.contactDetail li.email:hover {background: url(../img/icons/blue/email.png) 0 0 no-repeat transparent;}
*/

div#infoContainer {
  float: left;
  margin: 0 0 0 10px;
  width: 310px;
}
div#formContainer {
  float: left;
  margin: 10px 10px 0 0;
  width: 630px;
  /*min-height: 640px;*/
}
div#thanks {
  text-align: left;
  margin-right: 10px;
}
ul.contact:after {
  content: ' ';
  display: block;
  clear: both;
}
ul.contact {
  margin: 0;
}
ul.contact li {
  display: block;
  /*float: left;*/
  margin: 0 0 15px;
}
ul.contact li a {
  color: #7D7D7D;
  display: block;
  font-size: 1em;
  /*height: 35px;*/
  /*line-height: 30px;*/
  padding: 0 5px;
  text-align: left;
  text-decoration: none;
  text-shadow: 1px 1px 2px #FFFFFF;
  /*width: 210px;*/
}
ul.contact li a:hover {
  color: #3084CA;
}
ul.contact li.active a {
  /*background: #9AACB7;*/
  /*border-radius: 4px 4px 0 0;*/
  color: #3084CA;
  /*text-decoration: underline;*/
  text-shadow: 1px 1px 2px #FFFFFF;
}
div#forms {
  background: #9AACB7;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  color: #FFFFFF;
  font-size: 0.8em;
  /*margin-top: 15px;*/
  /*min-height: 100px;*/
  padding: 10px;
}
div#refundForm, div#feedbackForm {
  background: none repeat scroll 0 0 #9AACB7;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 0.8em;
  padding: 10px;
}
div.contactForm form {
  font-size: 1.1em;
}
div.contactForm form label {
  display: inline-block;
  padding: 3px;
  text-align: right;
  text-shadow: 1px 1px 2px #000000;
  width: 88px;      
}
div.contactForm form label.radio {
  text-align: left;
  width: auto;
}
div.contactForm form input.text {
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  box-shadow: 0 0 3px #333333;
  -webkit-box-shadow: 0 0 3px #333333;
  margin: 2px 0;
  padding: 6px 3px;
  width: 197px;
}
div.contactForm form select.select {
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  box-shadow: 0 0 3px #333333;
  -webkit-box-shadow: 0 0 3px #333333;
  margin: 2px 0;
  padding: 6px 3px;
  width: 205px;
  height: 28px;
}
div.contactForm form select.order {
  width: 65px;
}
div.contactForm form textarea.textarea {
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  box-shadow: 0 0 3px #333333;
  font-family: inherit;
  font-size: 1.1em;
  -webkit-box-shadow: 0 0 3px #333333;
  padding: 6px 3px;
  width: 600px;
  min-width: 600px;
  max-width: 600px;
}
div.contactForm form input.submit {
  background: #498435;
  border: 1px solid #666666;
  border-radius: 3px;
  color: #FFFFFF;
  display: block;
  float: right;
  /*margin: 10px 0 0 490px;*/
  padding: 12px;
  text-decoration: none;
}
div.contactForm form input.atKagi {
  width: 125px;
}
div.contactForm form input.submit:hover {
  background: #4E8C37;
  cursor: pointer;
}
div.contactForm form input.required, div.contactForm form select.required, .required {
  background: #FFFFCC;
}
div.contactForm form input.error, div.contactForm form select.error, div.contactForm form textarea.error {
  background: #FCCFCB;
}
label.error {
  color: #FCCFCB;
}
span.req {
  color: #FFFFCC;
}
span.bug {
  color: #000000;
  text-shadow: none;
  background: #FCCFCB;
  display: inline-block;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 12px;
  margin: 3px;
}
div.contactForm form input.text:focus, div.contactForm form textarea.textarea:focus {
  background: #F0F8FE;
}
.left {
  float: left;
}
.right {
  float: right;
}
.error404 {
  width: 465px;
  margin-top: 40px;
  margin-right: 15px;
}
span.left {
  width: 305px;
}

#infoContainer h3 {
  margin-top: 0;
}
.contactForm h2 {
  font-size: 1.3em;
  font-weight: 100;
  margin: 0 0 10px;
  text-shadow: 1px 1px 2px #000000;
}
.contactForm h2 a {
  color: #FFFFFF;
}
.contactForm p {
  font-size: 1.1em;
  margin: 5px 0;
  text-shadow: 1px 1px 2px #000000;
}
.contactForm p.error {
  color: #FFFFCC;
  font-size: 11px;
  font-style: italic;
  margin: 0 5px 5px 0;
  text-align: right;
}
.contactForm p.notice {
  color: #FFFFFF;
  font-size: 11px;
  font-style: italic;
  margin: 0 0 5px 5px;
  text-align: right;
}
span.atKagi {
  text-shadow: 1px 1px 2px #000000;
}
.hidden {
  display: none;
}
.clear {
  clear: both;
  height: 1px;
}


/* MONTHLY MESSAGE STYLES */
.left_margin {
    margin-left: 10px;
}
.right_margin {
  margin-right: 220px;
}
#right_content {
  border: 1px solid #B1C4DA;
  font-size: 0.9em;
  padding: 10px;
  float: right;
  width: 175px;
}
#right_content h3 {
  margin: 0;
  padding-top: 5px;
}
#right_content p {
  line-height: 1.6em;
  margin-bottom: 10px;
}
#monthlyMessage p {
  margin: 5px 0 10px;
}
#monthlyMessage h1 {
  color: #0A78C3;
  font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
  font-size: 2em;
  font-weight: normal;
  line-height: 1.5em;
  margin: 10px 0;
}
#monthlyMessage h2 {
    color: #3776AF;
    font-size: 1.5em;
    font-weight: normal;
    margin: 0;
    padding-top: 10px;
}
div.copy {
    margin: 15px 0;
}
div.copy h3 {
    color: #767E9E;
    font-size: 1.1em;
    letter-spacing: 1px;
    margin-top: 6px;
}
div.copy h4 {
    color: #19275D;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding-top: 5px;
}
#monthlyMessage ul li {
  list-style: disc outside none;
  margin-left: 24px;
}
.StextG {
    color: #999999;
    font-size: 0.8em;
}
#monthlyMessage div.two-column .column {
  border: none;
  float: left;
    width: 440px;
}
#monthlyMessage .two-column {
  width: 950px;
}
#monthlyMessage .two {
    margin: 0 0 0 15px;
    padding: 0 15px;
}


/******************
Facebook Widget
******************/
.social {
  margin-left: 400px;
}
.facebook-button {
  margin-left: 110px;
  margin-top: -18px;
  height: 20px;
  position: absolute !important;
}
.twitter-button {
  /*margin-left: 300px;*/
  margin-top: -18px;
  height: 20px;
  position: absolute !important;
}
.fb_edge_widget_with_comment {
  margin-left: 300px;
  margin-top: -20px;
  position: absolute !important;
}
/*.connect_widget .connect_widget_text, .connect_widget_not_connected_text {
  color: #FFFFFF !important;
}
connect_widget_not_connected_text a {
  color: rgb(255, 255, 255) !important;
  text-shadow: 0px 1px 1px rgb(51, 51, 51) !important;
}
*/
/*.fb_iframe_widget, .fb_edge_widget_with_comment {
  background: url("../img/kagi-header_bg.gif") repeat scroll 0 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: fixed !important;
  right: 4px;
  top: 4px;
}
.fan_box .profileimage {
  display: none !important;
}

*//**
Kagi Typography Styles
**/

h2 { font-size: 1.5em;  margin-bottom: -20px; }
h3 { color: rgb(10, 120, 195); font-size: 1.0em; margin-bottom: 2px; margin-top: 25px; }
h4 { font-size: .9em; }
h5 { font-size: .7em; }
h6 { font-size: .5em; }

p { margin-bottom: 10px; }

ul.content { list-style-type: disc; margin: 1em 0 1em 0; padding-left: 40px; list-style-position: outside; } 
ol.content { list-style-type: decimal; margin: 1em 0 1em 0; padding-left: 40px; list-style-position: outside; display: inline-block; } 

h1.headline { font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;  color: rgb(10, 120, 195); font-size: 2em; line-height: 1.5em; margin-bottom: -10px; margin-left: 0px; }
h1.headline2 {  font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;  color: rgb(10, 120, 195); font-size: 2em; line-height: 1.5em; margin-bottom: 7px; }
h1.sidebar {  font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;  color: rgb(10, 120, 195); font-size: 1.9em; line-height: 1.5em; margin-bottom: 7px; }
h2.tagline { font-size: 1.0em; margin-top: 0px; color: #9E9E9E; margin-bottom: 2em; font-style: italic; }
h3.callout1 { font-size: 14px; margin-top: 0px; text-decoration: none; text-shadow: 0 1px 1px rgb(0, 0, 0); color: #d7e7ec; }
h3.callout3 { font-size: 14px; margin-top: 0px; text-decoration: none; text-shadow: 0 1px 1px rgb(0, 0, 0); color: #d9e1c8; }
h3.dark { color: #000000; }

/**  Special Styles  **/

.h1parenthetical { font-size: 15px; font-weight: normal; font-style: italic; }
.h3parenthetical { font-weight: normal; font-style: italic; }
.footnote { font-size: 10px; font-weight: normal; font-style: italic; text-indent: -5px; padding-left: 15px; line-height: 13px; color: #666666; }
.firstLine { font-weight: bold; text-decoration: underline; }
.a:hover.headline { color: black; text-decoration: underline }
.a.headline { color: rgb(10, 120, 195); text-decoration: none; }
h3 a:hover { color: #365A70; font-size: 1.0em; margin-bottom: 2px; margin-top: 25px; text-decoration: underline; }
h3 a { color: rgb(10, 120, 195); font-size: 1.0em; margin-bottom: 2px; margin-top: 25px; text-decoration: none; }
#stewardship p { margin-bottom: 20px; }
#company p { margin-bottom: 20px; }
#pricing p { margin-bottom: 20px; }
p.copyright { font-size: 10px; color: #666666; line-height: 13px; }
.blue { color: rgb(0, 102, 153); }
.indented { margin-left: 25px; }
#company p.quote { margin-bottom: 5px; margin-left: 25px; }
#company p.quoteSrc { text-align: right; color: #666666; font-family: Georgia, serif; margin-right: 50px; }
.red { color: #FF3333; }
#pricing p.nospace { margin-bottom: 0px; }
p.nospace { margin-bottom: 0px; }

.stewardshipInner {
	border-left: 1px solid rgb(235, 235, 235); border-bottom: 1px solid rgb(235, 235, 235);
	padding-left: 10px; padding-bottom: 10px; 
	margin-left: 10px; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 10px; 
	float: right;
	width: 300px;
}

h3.stewardshipInner { color: rgb(10, 120, 195); font-size: 15px; margin-bottom: 2px; border-bottom: none; }
.red { color: #780808; font-weight: bold; }

/**  Image Styles  **/
.floatL { float: left; padding-right: 10px; }
.floatR { float: right; padding-left: 10px; }

/** Testimonial Styles **/
#testimonial { float: left; background: url(../img/testimonial-bubble.jpg) 0 0 no-repeat; width: 300px; height: 236px; padding-top: 10px; padding-right: 10px; padding-left: 68px; color: #ffffff; }
#testimonial a:hover { color: #dddddd; text-decoration: none; }
#testimonial a { color: #bcbcbc; text-decoration: underline; }
#testimonial p { font-size: 10px; width: 235px; padding-left: 10px; padding-top: 15px; line-height: 12px; }
#testimonial p.nospace { padding-top: 0px; }

#testimonial2 { float: right; background: url(../img/testimonial-bubble.jpg) 0 0 no-repeat; width: 300px; height: 236px; padding-top: 10px; padding-right: 10px; padding-left: 68px; color: #ffffff; }
#testimonial2 a:hover { color: #dddddd; text-decoration: none; }
#testimonial2 a { color: #bcbcbc; text-decoration: underline; }
#testimonial2 p { font-size: 10px; width: 235px; padding-left: 10px; padding-top: 15px; line-height: 12px; }
#testimonial2 p.nospace { padding-top: 0px; }

/**  Table Styles  **/
th.content { background-color: #365a70; font-weight: bold; color: #ffffff; border: 1px solid #365a70; padding: 2px; text-align: center; }
td.content { background-color: transparent; font-weight: normal; border: 1px solid #365a70; padding: 2px; }
td.contentShiftRight { background-color: transparent; font-weight: normal; border: 1px solid #365a70; padding: 2px 2px 2px 35px; }

/** Pricing Matrix Styles **/
th.pricing { background-color: #999999; font-weight: bold; color: #ffffff; border: 1px solid #365a70; padding: 2px; text-align: center; }
td.pricingW { background-color: #ffffff; font-weight: normal; color: #000000; border-right: 1px solid #365a70; border-left: 1px solid #365a70; border-bottom: 1px solid #365a70; padding: 2px; text-align: center; }
td.pricingMWblue { background-color: #DBEEF3; font-weight: normal; color: #000000; border-right: 1px solid #365a70; border-bottom: 1px solid #365a70; padding: 2px; text-align: center; }
td.pricingMWbluer { background-color: #86DDE8; font-weight: normal; color: #000000; border-right: 1px solid #365a70; border-bottom: 1px solid #365a70; padding: 2px; text-align: center; }
td.pricingMWbluest { background-color: #93CDDD; font-weight: normal; color: #000000; border-right: 1px solid #365a70; border-bottom: 1px solid #365a70; padding: 2px; text-align: center; }
.strike { text-decoration: line-through; }
tr.odd td {background-color:#E8F2F5;}
td.content img {
  vertical-align: middle;
}
div.promo {
  float: left;
  width: 650px;
}
div.promo.left {
  margin-right: 10px;
  width: 230px;
}
div.promo .left {
  margin-right: 7px;
}
div.promo ol {
  list-style-position: inside;
  list-style-type: decimal;
}
span.promo {
  font-style: italic;
}
div#default {
  /*display: none;*/
}
sup {
  font-size: 0.6em;
  vertical-align: top;
}
.large {
  font-size: 1.4em;
  text-align: center;
}

ol.promoSteps li {
  /*float: left;*/
  margin-right: 5px;
  font-size: 1.4em;
  font-weight: bold;
}
ol.promoSteps li span.li {
  font-size: 0.7em;
  font-weight: normal;
  vertical-align: top;
}

/** Marquee Styles **/
a:hover.marquis { color: #CCCCCC; text-decoration: underline; }
a.marquis { color: #ffffff; text-decoration: underline; }