/* ==========================================================================
   The basic stylesheets for the Kana AT theme are pulled from the Drupal
   modules and base theme and from the Boilerplate distribution and therefore 
  follow whatever arrangement the authors of those pieces used. The overrides 
  that we use to create the specific look and feel follow a SMACSS organization. 
   - layout: page wireframe (container widths and floats, etc)
   - modules: the individual page elements that fit within the wireframe (look
              and feel of the search box, the hero area, etc). Most CSS is here.
   - styles: basic text styles, colors and such that apply to multiple modules
   - states: media queries and styles that change depending on state.

==============================================================================

*  MODULES - Kana AT theme - note these are SMACSS modules, not Drupal modules.
*  Keep "depth of applicability" as low as possible - in other words, do not use
*  selectors from several steps up the DOM. Ideally these modules could be 
*  places anywhere on the page and have the same styling as long as the
*  container box (defined in layout) is the same size.
*     - Search box
*	  - Share this block
*     - Buttons (CTA, chat, etc)
*     - Navigation (Superfish menus) - @todo: delete this when OM Maximenu is ready
*	  - Navigation (OM Maximenu)
*     - Hero Header - this is the title and breadcrumbs in the hero area
      - Products Hero
          - Magnifier - monitor, image, loupe consitute a module together
          - Hero - Text-Based (resource panel or the like)
	  - Stack Hero (hero with carousel)
      - Home Page Hero and Product News Hero
      - Explore KANA quicktabs and 3 col widget
      - Footer
	  - Quick Tabs: Resources;
      - LEGACY styles - these need to be found and deleted over time
          - Sidebar boxes
          - Stack styles
          - Solutions Excerpts
          - Demo Library CSS
		  - Newsletter
    -Kana Express  
      - Kana Express Customer Story Carousel
      - Explore KANA Express 4-col mini-panel
   ==========================================================================*/

/* ======================================================
*  Search box 
   ======================================================*/

#search-box {
  /*margin-top: 5px;*/
  width: auto;
  float: right;
}

#search {
	float:right;
	margin:0 0 0 10px;
}

#search-theme-form {
    float: left;
    margin: 0;
}

#search-theme-form span.button-wrapper {
  display:none;
}
#edit-search-theme-form-1-wrapper {
    float: left;
    margin: 0;
    padding: 0;
}

#edit-search_theme_form_keys {
  width: 175px;
}
#edit-search-theme-form-1-wrapper label {
 height:0;
 padding:0;
 margin: 0 0 5px 0;
 border: 0;
}

input#edit-search-theme-form-1 {
  margin: 0;
  width: 206px;
}

/* ======================================================
*  Share This block - social media icons 
   ======================================================*/
/* @todo - move this to layout styles */  
#secondary-content { margin: -5px 0 -50px 0;}
.share-this-cta {margin-right: 1em;}
.left.share-this, .left .share-this-cta, .left .share-this-invoke {float: left;margin-top: 5px;} 
   
/* ==========================================================================
   Buttons
   ========================================================================== */

/* our base buttons */
.btn-cta { 
  /*background: url(../../images/btn-red.jpg) repeat-x left bottom #B91212; */
  border: 0 currentColor; 
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
  border-radius: 3px; 
  behavior: url(../../../../libraries/PIE/PIE.htc);	
	
    -webkit-box-shadow: 1px 1px 2px rgb(136, 136, 136);
    -moz-box-shadow: 1px 1px 2px #888;
  box-shadow: 1px 1px 2px #888888; 
  color: #FFFFFF !important; 
  display: inline-block; 
  font-size: 120% !important; 
  font-weight: bold; 
  height: auto; 
  margin-top: 2px; 
  padding: 8px; 
  /*white-space: nowrap; */
}

/*Chat Button*/
#imagePanelRightTop { 
  z-index:999;
  cursor: pointer; 
  line-height: 1; 
  position: fixed; 
  height: auto; 
  top: 193px; 
  right: -49px; 
  margin: 0 0 0 0; 
  -webkit-transform: rotate(90deg); 
  -moz-transform: rotate(90deg); 
  -ms-transform: rotate(90deg); 
  -o-transform: rotate(90deg); 
  transform: rotate(90deg); }
@media \0screen {
  #imagePanelRightTop { 
    right: -95px; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.8369701987210297e-16, M12=-1, M21=1, M22=-1.8369701987210297e-16, SizingMethod='auto expand')"; 
  }
}

/* ==========================================================================
   Superfish Navigation module
   ========================================================================== */

#block-superfish-1, #block-superfish-2 {
  float:right;
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    box-shadow: none;
}

.sf-menu.sf-style-white a {
  border:none;
}

.sf-menu.sf-style-white a.sf-with-ul {
  padding: .75em 1em;
}

.sf-menu.sf-style-white li, .sf-menu.sf-style-white.sf-navbar {
    background: none repeat scroll 0 0 #FFFFFF;
    font-weight: bold;
    color: #000000;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	z-index: 999;
}

.sf-menu.sf-style-white li li {font-weight:normal;}
.sf-menu.sf-style-white li:hover,
.sf-menu.sf-style-white li.sfHover,
.sf-menu.sf-style-white li.active a,
.sf-menu.sf-style-white a:focus,
.sf-menu.sf-style-white a:hover,
.sf-menu.sf-style-white a:active,
.sf-menu.sf-style-white.sf-navbar li li,
.sf-menu.sf-style-white li li {
  background: #ffffff;
}

.sf-menu.sf-style-white .sf-depth-1.li {
    font-weight: bold;
}
.sf-menu a:link, .sf-menu a, .sf-menu a:visited {
  color: #000;
}
.sf-menu a:focus, .sf-menu a:hover {
  color:#E31B23;
  text-decoration: none;
}

.sf-menu a.active:link, .sf-menu a.active, .sf-menu a.active:visited {
  color: #E31B23;
}

a > .sf-sub-indicator {
    top: 1.0em;
    right: .25em
}

.sf-menu.sf-style-white li.sfHover a:hover > .sf-sub-indicator {
    background-image: url('../../img/arrows/arrows-e31b23.png');
}

/* float Platform and Brands down */

#menu-1827-1 {
  clear: left;
}

#menu-1827-1, #menu-1827-1 {
  width:24em;
}

.sf-menu.sf-horizontal.sf-shadow ul {
  background: none;
}

#menu-2174-1 > ul{
  background-color: transparent;
/*  margin-left:-12em;*/
}

a.sf-depth-2,
li.sf-depth-2 {
  z-index:9999;
}

li.sf-depth-2 > ul > li.sf-depth-2 {
  left: -12em; 
  width:auto;
}
li.sf-depth-2 > ul > li.sf-depth-2 ul {
  top: .2.5em;
}

#menu-2471-1 ul > li.sf-item-1.sf-depth-2 {
  left: -12em;
}
li.sf-depth-2 > ul > li.sf-item-1.sf-depth-2 ol > li.sf-item-1.sf-depth-3,
li.sf-depth-2 > ul > li.sf-item-2.sf-depth-2 ol > li.sf-item-2.sf-depth-3,
li.sf-depth-2 > ul > li.sf-item-3.sf-depth-2 ol > li.sf-item-3.sf-depth-3,
li.sf-depth-2 > ul > li.sf-item-4.sf-depth-2 ol > li.sf-item-4.sf-depth-3 {
  left:12em;
  width: 24em;
  z-index: 100;
}  /*
li.sf-depth-2 > ul > li.sf-item-1.sf-depth-2 ol > li.sf-item-1.sf-depth-3 > div.sf-megamenu-column {
  width: 12em;
}  

/*======================================================
  OM Maximenu Styles
/*=====================================================*/

.nav-collapse:hover, .nav-collapse.collapse:hover {
    overflow: visible;
}
#header .nav-collapse.collapse {
/*  float: left; */
}

.menu li.collapsed {
    margin-left: 0 !important;
}

/* create full-width container */
.om-maximenu .om-maximenu-middle {
/*    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    width: 100%;
    margin: 0 -1000em;
    padding: 0 1000em;
    opacity: .98;*/
	box-shadow: 0 6px 5px #aaa;
	border-top:1px solid #eee;
	padding-top:10px;
}

.om-maximenu-no-style .om-maximenu-content {
  padding-top: 20px;
 top: 22px;
 left: 0;
}

.om-maximenu.om-maximenu-block ul.om-menu {
  float: right;
}

/* get rid of default padding on blocks where needed */
.om-maximenu-no-style .om-maximenu-middle-right,
.om-maximenu .om-maximenu-content .block, 
.block.block-om_maximenu {
  padding: 0;
  margin: 0;
 z-index: 999;
}

.om-maximenu .om-maximenu-content .block {
/*    position: relative; */
}

ul.menu.menu-platform {
  margin-top: -21px;
  border-top: 1px solid #eee;
}

.product-col li a {
  line-height: 1;
  margin-right: .5em;
  margin-bottom: .2em;
  font-weight:normal !important;
}

/* list styles */
.om-maximenu-content li.expanded,
.om-maximenu-content li.leaf,
.om-maximenu-content li,
.om-maximenu-content ul.menu,
.om-maximenu-content ul
 {
  list-style: none outside none;
  margin-left: 0;
  padding-left: 0;
}

.om-maximenu-content .menu-name-primary-links li,
.om-maximenu-content .menu-name-menu-nl-menu li,
.menu-platform li {
/*	display: inline-block;
	float: left;
	border: 1px solid #eee;
	margin-right: -1px;
	padding: 1%;
	width: 22%;*/
    height:2.2em;
}
#product-menu-tabs .ui-tabs-nav {
  margin-left: 0px;
}

.product-col ul {
  padding-bottom: 0;
  margin-bottom: 0;
}

#menu-kana-enterprise .product-col li,
#menu-kana-express .product-col li,
#menu-lagan-enterprise .product-col li {
 margin-bottom: .7em;
}

/* end borders */

.menu-platform li.menu-mlid-1840,
.menu-platform li.menu-mlid-26525 {
  width:260px;
}

/* hide the Overview links by default, and show only on mobile < 981 */
#menu-32647-1, 
#menu-32648-1, 
#menu-32649-1, 
#menu-32650-1, 
#menu-32651-1, 
#menu-32652-1, 
.menu li.menu-mlid-32648,
.menu li.menu-mlid-32649, 
.menu li.menu-mlid-32650, 
.menu li.menu-mlid-32651, 
.menu li.menu-mlid-32652 {
  display: none;
}

.om-maximenu-content .menu-name-primary-links li a,
.om-maximenu-content .menu-name-menu-nl-menu li a,
.menu-platform li a {
  margin-left: 1.4em;
}

.om-maximenu-content .menu-name-primary-links li a,
.om-maximenu-content .menu-name-menu-nl-menu li a,
.om-maximenu-content .menu-platform li a {
/*  display: block; */
    white-space: nowrap;
	font-weight:normal;
}

/* link colors and styles */

.product-col h3,
li.platform-title,
.om-link,
.om-maximenu-no-style a:link,
.om-maximenu-no-style a:visited,
.om-maximenu-no-style a:hover
 {
 font-weight:700;
  font-size: 14px;
  margin-top: 0;
  font-family: 'Open Sans', Trebuchet, sans-serif;
  color: #36434D;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
  text-decoration: none;
}

.om-link:after {
 content: "\25be"; /* Unicode down-pointing small triangle */
}

.leaf-contact-us .om-link:after,
.leaf-contact .om-link:after
 {
  content: "";
}

.om-link a.active:link,
.om-link a.hover,
.omlink a.active,
.om-maximenu-no-style a:hover {
  color: #E31B23;
  text-decoration: none;
}

/* icons */
.om-maximenu-no-style h3 a ,
li.platform-title a {
 padding-right: 25px;
}
.om-maximenu-no-style .product-col.web-experience h3 a {
 background: url("../../images/icons/dropdown/web-experience.png") no-repeat right transparent;
}
.om-maximenu-no-style .product-col.agent-experience h3 a {
 background: url("../../images/icons/dropdown/agent-experience.png") no-repeat right transparent;
}
.om-maximenu-no-style .product-col.social-experience h3 a {
 background: url("../../images/icons/dropdown/social-experience.png") no-repeat right transparent;
}
.om-maximenu-no-style .product-col.mobile-experience h3 a {
 background: url("../../images/icons/dropdown/mobile-experience.png") no-repeat right transparent;
}
.om-maximenu li.platform-title a {
 background: url("../../images/icons/dropdown/platform.png") no-repeat right transparent;
}

#product-menu-tabs {
  border: none;
}

#product-menu-tabs.ui-widget-content, 
#product-menu-tabs.ui-widget-content .ui-state-default,
#product-menu-tabs.ui-widget-content .ui-widget-header {
  border: none;
  background: none;
  background-color: #fff;
}

#product-menu-tabs ul.ui-tabs-nav {
  width: 22%;
  float: left;
  padding: 0;
}

#product-menu-tabs a .product-line {
  font-weight: bold;
}

#product-menu-tabs ul.ui-tabs-nav li,
#product-menu-tabs ul.ui-tabs-nav li p,
#product-menu-tabs ul.ui-tabs-nav li a {
  display:block;
  width: 100%;
  margin: 0;
  padding: 0;
}

#product-menu-tabs ul.ui-tabs-nav li {
  padding: 8px 0;
}
#product-menu-tabs ul.ui-tabs-nav li a{
  padding: 0 8px;
}

#product-menu-tabs ul.ui-tabs-nav li.ui-state-active {
  background-color: #eee;
}

#product-menu-tabs ul.ui-tabs-nav h2 a:link,
#product-menu-tabs ul.ui-tabs-nav h2 a:visited,
#product-menu-tabs ul.ui-tabs-nav h2 a:hover,
#product-menu-tabs ul.ui-tabs-nav a h2 {
  font-family: 'Open Sans Condensed',sans-serif;
  font-weight: 100;
  font-size: 26px;
  text-decoration: none;
  color: #333 !important;
  padding: 0;
  margin: 0;
}

#product-menu-tabs .ui-tabs .ui-tabs-panel {
 padding: 0;
}

#menu-kana-enterprise,
#menu-kana-express,
#menu-lagan-enterprise {
 display: table;
 width: 74%;
 float:left;
 padding: 0;
 background-color: #eee;
}

.om-maximenu .product-overview {
  border-bottom: 2px solid #ccc;
  padding: 10px 0 0 10px;
  margin: 0 0 10px 0;
}

.om-maximenu .product-row {
 display: table-row;
 }
 
.om-maximenu  .product-col {
 display: table-cell;
 /*padding-left: 1em;*/
 padding: 0 20px;
 border-left: 1px solid #eee;
 }
 

/* don't display the "Stay" checkbox - see http://drupal.org/node/1357526 */ 
.om-maximenu .om-maximenu-open {
  display: none;
}


/* ======================================================
*  Hero Header
   ======================================================*/
/* @todo - move this to kana_at_layout.css 
       - this keeps nav from overlapping hero sliders */
#header-region {
  width: 100%;
  margin-bottom: 1px;
  float:right;
  margin-top: -31px;
}   
   
/* ======================================================
*  Home Page Hero and Product News Hero
   ======================================================*/
  

.front #hero-region > .container,
.front #hero-region .span12,
.front #hero-region .views_slideshow_cycle_teaser_section,
.front #hero-region .views_slideshow_slide,
.front #hero-region,
.page-node-2897 #hero-region > .container,
.page-node-2897 #hero-region .span12,
.page-node-2897 #hero-region .views_slideshow_cycle_teaser_section,
.page-node-2897 #hero-region .views_slideshow_slide,
.page-node-2897 #hero-region,
.page-node-3227 #hero-region > .container,
.page-node-3227 #hero-region .span12,
.page-node-3227 #hero-region .views_slideshow_cycle_teaser_section,
.page-node-3227 #hero-region .views_slideshow_slide,
.page-node-3227 #hero-region,
.page-node-3259 #hero-region > .container,
.page-node-3259 #hero-region .span12,
.page-node-3259 #hero-region .views_slideshow_cycle_teaser_section,
.page-node-3259 #hero-region .views_slideshow_slide,
.page-node-3259 #hero-region,
.page-node-3100 #hero-region > .container,
.page-node-3100 #hero-region .span12,
.page-node-3100 #hero-region .views_slideshow_cycle_teaser_section,
.page-node-3100 #hero-region .views_slideshow_slide,
.page-node-3100 #hero-region,
.page-node-3256 #hero-region > .container,
.page-node-3256 #hero-region .span12,
.page-node-3256 #hero-region .views_slideshow_cycle_teaser_section,
.page-node-3256 #hero-region .views_slideshow_slide,
.page-node-3256 #hero-region,
.page-node-3263 #hero-region > .container,
.page-node-3263 #hero-region .span12,
.page-node-3263 #hero-region .views_slideshow_cycle_teaser_section,
.page-node-3263 #hero-region .views_slideshow_slide,
.page-node-3263 #hero-region,
.page-node-564 #hero-region > .container,
.page-node-564 #hero-region .span12,
.page-node-564 #hero-region .views_slideshow_cycle_teaser_section,
.page-node-564 #hero-region .views_slideshow_slide,
.page-node-564 #hero-region,
.page-node-2737 #hero-region > .container,
.page-node-2737 #hero-region .span12,
.page-node-2737 #hero-region .views_slideshow_cycle_teaser_section,
.page-node-2737 #hero-region .views_slideshow_slide,
.page-node-2737 #hero-region
{
  width: 100% !important;
  height: auto !important;
}
 
#hero-region  .container,
.content.container {
 padding-top: 0;
 margin-top: 0;
}
   
#hero-wrapper .block {
  padding-left: 0;
  padding-right: 0;
} 
   
#title-wrapper .container {
	padding-bottom: 0;
}

#row-title {
/* margin-bottom: 20px;*/
}
#row-title hr {
	margin-bottom:0;
}

.title-bg, 
.not-front .hero-bg {
 background: #ececec;
 padding: 0;
 margin: 0;
 padding:0;
}


.not-front .hero-bg{
	padding:10px 0 20px 0;
}


.hero-text {
	font-size:18px;
	line-height:1.5em;
}

.breadcrumb {
	font-size:12px !important;
	background-color: inherit;
}

.hero-bg h1 {
	font-size:36px;
	font-weight:700;
}

#row-hero-content h2 {
  border: none;
}

#red,
#light-grey,
#mid-grey,
#dark-grey,#dark-grey-new,
#whats-new-kana-enterprise,
#whats-new-lagan-enterprise,
#whats-new-kana-express,
#whats-new-kana-express-home,
#whats-new-kana-express-home-nl,
#whats-new-lagan-enterprise-home,
#holiday-banner, #verint-blue {
	height: 550px;
/*    overflow:hidden; */
    background-repeat:no-repeat; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
    background-size: cover;
	padding: 0 0 32px 0;
}

/* news page - do these need separate style? */
#whats-new-kana-enterprise-news,
#whats-new-lagan-enterprise-news,
#whats-new-kana-express-news { 
   background-size: cover; 
   color: #FFFFFF; 
   margin: -15px 0 -10px;
   padding: 20px 0;
}

#red {
	color:#000;
	background-image: url('../../images/home/hero-adverts/red-bg.jpg');
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/hero-adverts/red-bg.jpg', sizingMethod='scale');
   -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/hero-adverts/red-bg.jpg', sizingMethod='scale')";
}


#holiday-banner {
	color:#000;
	background-image: url('../../images/home/hero-adverts/red-bg.jpg');
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/hero-adverts/red-bg.jpg', sizingMethod='scale');
   -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/hero-adverts/red-bg.jpg', sizingMethod='scale')";
}

#holiday-banner a {
		color:#fff;
}

#light-grey {
	color:#fff;
	background-image: url('../../images/home/hero-adverts/dark-grey-bg.jpg');
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/hero-adverts/dark-grey-bg.jpg', sizingMethod='scale');
   -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/hero-adverts/dark-grey-bg.jpg', sizingMethod='scale')";
}

#mid-grey {
	color:#000;
	background-image: url('../../images/home/hero-adverts/red-bg.jpg');
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/hero-adverts/red-bg.jpg', sizingMethod='scale');
   -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/hero-adverts/red-bg.jpg', sizingMethod='scale')";
}

#dark-grey,#dark-grey-new {
	color:#fff;
	background-image: url('../../images/home/hero-adverts/dark-grey-bg.jpg');
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/hero-adverts/dark-grey-bg.jpg', sizingMethod='scale');
   -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/hero-adverts/dark-grey-bg.jpg', sizingMethod='scale')";
}

#whats-new-kana-enterprise,
#whats-new-kana-enterprise-home,
#whats-new-kana-enterprise-news {
	color:#fff;
	background-image: url('../../images/home/kana-enterprise/whats-new-bg.jpg');
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/kana-enterprise/whats-new-bg.jpg', sizingMethod='scale');
   -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/kana_at/images/home/kana-enterprise/whats-new-bg.jpg', sizingMethod='scale')";
}

#whats-new-lagan-enterprise-home { 
	background-image: url('../../images/home/lagan-enterprise/whats-new-bg.jpg'); 
}


#whats-new-lagan-enterprise,
#whats-new-lagan-enterprise-home,
#whats-new-lagan-enterprise-news { 
    color:#000;
	background-image: url('../../images/home/hero-adverts/red-bg.jpg'); 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/hero-adverts/red-bg.jpg', sizingMethod='scale');
   -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/hero-adverts/red-bg.jpg', sizingMethod='scale')";
}

#whats-new-kana-express,
#whats-new-kana-express-news,
#whats-new-kana-express-home,
#whats-new-kana-express-home-nl  { 
	color:#fff;
	background-image: url('../../images/home/kana-express/whats-new-bg.jpg'); 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/kana-express/whats-new-bg.jpg', sizingMethod='scale');
   -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/kana_at/images/home/kana-express/whats-new-bg.jpg', sizingMethod='scale')";
}

#verint-blue  { 
	color:#fff;
	background-image: url('../../images/home/hero-adverts/dark-grey-bg.jpg'); 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/hero-adverts/dark-grey-bg.jpg', sizingMethod='scale');
   -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/kana_at/images/home/hero-adverts/dark-grey-bg.jpg 		', sizingMethod='scale')";
}
.connect-na {
	background-image: url('../../images/home/hero-adverts/circle-new-orleans.png');
	background-repeat:no-repeat;
	background-position:right top;
	padding:20px 20px 0 0;
	min-height:300px;
}

.connect-uk {
	background-image: url('../../images/home/hero-adverts/circle-uk.png') ;
	background-repeat:no-repeat;
	background-position:left top;
	padding:20px 0 0 20px;
	min-height:300px;

}

.connect-nl {
	background-image: url('../../images/home/hero-adverts/circle-benelux.png');
	background-repeat:no-repeat;
	background-position:center top;
	padding:20px 0 0 0;
	min-height:300px;

}

/*===========================================================
 * Hero Carousel Pager - Stack Hero (hero with carousel)
/*==========================================================*/

#block-views-hero_block-block_1 {
  margin-bottom: -20px;
}

.views-slideshow-controls-bottom {
  position:absolute;
  right: 20px;
  bottom: -5px;
  z-index: 998;
  width: 100%;
}

.views_slideshow_cycle_teaser_section {
  margin:auto;
}

.views_slideshow_pager_field {
/*    background: none repeat scroll 0 0 #666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	behavior: url(/sites/all/libraries/PIE/PIE.htc);
    margin: auto;
    vertical-align: middle;
    width: 140px;
*/
    text-align: center;
	margin-bottom: 10px;
}

.view-hero-block .views_slideshow_pager_field_item {
  background: #ccc;
  color:#ccc;
  display: inline-block;
  height: 22px;
  width: 22px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  behavior: url(../../../../libraries/PIE/PIE.htc);
  margin-right: 2px;
  /* IE7 fixes - move these to special IE stylesheet
  zoom: 1; /*Fix for IE 7 - move or activate here if necessary
  *display: inline; /*Fix for IE 7 */
}

.view-hero-block .active.views_slideshow_pager_field_item,
.view-hero-block .views_slideshow_pager_field_item:hover {
  cursor: pointer;
  color: #000;
  background-color: #000;
}

/* we need a few special rules when we're only rotating the images not the whole region */

.view-display-id-monitor .views-slideshow-controls-bottom,
.view-display-id-hero_std .views-slideshow-controls-bottom {
	width: 570px;
	float: right;
	position: relative;
	bottom: auto;
	margin: 10px 0 0 0;
}

.edit-slide {
	clear:both;
	bottom: -110px;
	clear: both;
	position: absolute;
	z-index: 998;
}

/* ======================================================
*  Monitor and Magnifier Module (Products Hero)
   ======================================================*/
#monitor{
    /* The iphone frame div */
    width:368px;
    height:344px;
    background: url(../../img/retina/apple_monitor.png)no-repeat center center;
    position:relative;
    text-align:center;
    margin:auto;
}

#webpage{
    /* Contains the webpage screenshot */
    width: 339px;
    height: 215px;
    position: absolute;
    top: 48%;
    left: 72%;
    margin: -148px 0 0 -249px;
}

img#retina-small, img#zoom-sm {
    height: 210px;
    width: 330px;
}

img#zoom-sm, img#zoom-lg {
    max-width: none;
}


/* ======================================================
*  Hero - Text-Based (resource panel or the like)
   ======================================================*/


#content-header-category .module-inner {
    background: none repeat scroll 0 center transparent;
    padding: 20px 20px 10px;
}

.hero-no-img h3 {
    border-bottom: 1px dotted #999999;
    color: #444444;
    font-size: 180%;
    line-height: 120%;
    padding: 0 0 10px;
}

.hero-no-img .whitepaper {
    background: url("../../images/icons/icon-whitepaper-32x32.png") no-repeat scroll -5px 0 transparent;
    display: block;
    height: 30px;
    width: 30px;
}

.hero-no-img .title {
    color: #444444;
    font-size: 200%;
    font-variant: small-caps;
    margin: 10px 0 0 25px;
    padding: 0 0 0 30px;
    white-space: nowrap;
}

.hero-no-img .asset {
    font-size: 110%;
    margin: 5px 0 5px 55px;
}


.hero-no-img .demo {
    background: url("../../images/icons/icon-demo-32x32.png") no-repeat scroll -5px 0 transparent;
    display: block;
    height: 30px;
    width: 30px;
}
.hero-no-img .title {
    color: #444444;
    font-size: 200%;
    font-variant: small-caps;
    margin: 10px 0 0 25px;
    padding: 0 0 0 30px;
    white-space: nowrap;
}

.hero-no-img .trophy {
    background: url("../../images/icons/icon-trophy-32x32.png") no-repeat scroll -5px 0 transparent;
    display: block;
    height: 30px;
    width: 30px;
}


.hero-no-img .resources,
#content-header-category {
    background: -moz-linear-gradient(center top , white 0px, #F1F1F1 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D4D4D4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(../../../../libraries/PIE/PIE.htc);	
    float: right;
    margin: 30px 0;
    width: 420px;
}

.demo {
    background: url("../../images/sprite-featured-icons-home.png") no-repeat scroll 0 -109px transparent;
    display: block;
    height: 23px;
    width: 23px;
}

.whitepaper {
    background: url("../../images/sprite-featured-icons-home.png") no-repeat scroll 0 -80px transparent;
    display: block;
    height: 27px;
    width: 22px;
}


/* ======================================================
*  Explore KANA quicktabs
   ======================================================*/

.qt-mobile-select {
  display: none;
}
.qt-datasheet-img {
    margin: auto 10px auto 0;
}

table.views-view-grid tr,
table.views-view-grid td {
  border: 0px none; vertical-align: top;
}

a.qt-read:link,
a.qt-read:hover,
a.qt-read:active,
a.qt-read:visited {
  font-weight:bold;
  color: #E41F0B;
}

/* ======================================================
*  Explore KANA widget (mini-panels)
   ======================================================*/

.explore-right { padding: 20px 0; }
.explore, .pane-explore-kana h2.pane-title { font-size: 18px; padding: 0 0 0 30px; height: 20px; background-position: left center; background-repeat: no-repeat; }
.resource-customer { background-image: url(../../img/home/explore-kana/resource-icons/customer-success.png); }

.resource-whitepaper { background-image: url(../../img/home/explore-kana/resource-icons/white-paper.png); }
.resource-datasheets { background-image: url(../../img/home/explore-kana/resource-icons/white-paper.png); }
.resource-demo { background-image: url(../../img/home/explore-kana/resource-icons/demo.png); }
.resource-analyst { background-image: url(../../img/home/explore-kana/resource-icons/analyst.png); }
.resource-tools { background-image: url(../../img/home/explore-kana/resource-icons/tools.png); }
.resource-webinar  { background-image: url(../../img/home/explore-kana/resource-icons/webinar.png); }
#block-panels_mini-explore_kana_notab h2 { border-bottom: none; border-top: 1px dotted black; }
#mini-panel-explore_kana_notab .panel-col-first { border-right: 1px dotted black; }
#mini-panel-explore_kana_notab .panel-col-last { border-left: 1px dotted black; }
.panel-3col-33 .panel-col .inside { margin: 0 2.5em 1em 2.5em; /* height: 220px; /* fixed height causes overflow issues at narrower widths*/}
.panel-3col-33 .panel-col-first .inside { margin: 0 2.5em 1em 0; /* height: 220px; */ }
.panel-3col-33 .panel-col-last .inside { margin: 0 0 1em 2.5em; /* height: 220px; */}
.explore-read { color: #E31B23; font-weight: normal; }
.pane-inner .pane-title { border-bottom: none; font-size: 22.5px; font-weight: bold; margin-bottom: 20px; border-top: none !important; }
.pane-explore-whitepapers h2 {background-image: url(../../../../../../images/icons/resources/white-paper.png); padding: 0px 0px 12px 35px !important;background-size: 30px 30px;}
.pane-explore-datasheets h2 {background-image: url(../../../../../../images/icons/resources/datasheets.png);padding: 0px 0px 12px 35px !important;background-size: 30px 30px;}
.pane-explore-webinars h2 {background-image: url(../../../../../../images/icons/webinar-icon.gif); padding: 0px 0px 12px 40px !important;background-size: 30px 30px;}   


/* ======================================================
*  Footer
   ======================================================*/

#footer {
	background:#D4D8DB;
    border-bottom: 1px solid #DFD8DB; /* needed to negate bottom margin created by .clear-block:after {content: ".";} */
}

#footer .clear-block:after {
  content: none; 
}

#footer-region a { color:#455560;}

ul.footer-nav ,
ul.footer-nav  li {
	margin:0;
  padding:0;
	list-style:none !important;
}
.copyright-footer {
	text-align:center;
	padding:30px 0 10px 0;
}

/* ======================================================
*  Quicktabs: Resources 
   ======================================================*/
.quicktabs_main.quicktabs-style-navlist {
    background: none repeat scroll 0 0 transparent;
	border: none;
    border-left: 1px solid #E7E7E7;
	padding:0 20px;
}

.quicktabs_main.quicktabs-style-navlist .excerpt img {
    float:left;
	/*width:20px;
	height:20px;*/
	background:none;
}

ul.quicktabs_tabs.quicktabs-style-navlist li {
  white-space: normal;
}

ul.quicktabs_tabs.quicktabs-style-navlist li a {
    height: auto;
    margin: 10px 0;
	text-align: left;
}

ul.quicktabs_tabs.quicktabs-style-navlist li.active {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
	}

ul.quicktabs_tabs.quicktabs-style-navlist li.active a {
    color: #000;
    padding: 4px 0px 4px 8px;
    margin: 4px 0px;
    width: 103%;
    background: url("../../images/arw-listing-nav.png") no-repeat scroll 100% 50% transparent;
}

.excerpt-title {
  font-weight: bold;
}


.excerpt-title a{
  font-weight: bold;
  color:#000;
}

.excerpt-title a:hover{
  font-weight: bold;
  color:#E31B23;
}

.imagefield-field_conf_img { 
  margin-bottom: 20px;
  margin-left: 10px;
  width:143px;
}


/* ======================================================
*  LEGACY Styles - delete these once content is updated 
   ======================================================*/


/* ======================================================
*  Sidebar boxes - delete these once content is updated 
   ======================================================*/

.utilities {
    font-size: 95%;
    margin: 0 ;
    text-align: right;
}

/* Widths do not work with new sidebar, but still used for inset boxes */

.col306 {
    float: right;
    padding-left: 20px;
    width: 306px;
}
#sidebar-right-panels {
  margin-left: 30px;
}

/* hmenu used only in hardcoded block?? - used in Share This and ??? */

.hmenu {
    list-style: none outside none;
    margin-left: 0;
}

.hmenu li.first {
    border-left: medium none;
    padding-left: 0;
}
.hmenu li {
    border-left: 1px solid #ADADAD;
    display: inline;
    line-height: 1;
    list-style: none outside none;
    padding: 0 5px 0 8px;
}

#sidebar-right-panels .hmenu {
  margin-right: 55px;
}

/* coloring and styling sidebar boxes 
  - .module styles
  - .module-[function] (contact, title, inner)
  - .module-[color] (yellow, blue; default - white)
  - [selector] .module (.article, .pane-block-2 for overrides)
  - .excerpt (upcoming events, datasheets)
*/

.module {
    /*background: url("/../../images/bg-white-module.jpg") no-repeat scroll 0 0 #FFFFFF;*/
	background-color:#eeeeee;
	/*float: right;*/
}

.module p {
    color: #444444;
    font-size: 90%;
}

.module a {
    font-style: normal;
    text-decoration: none;
}

.module-title {
    border: 0 none;
    font-weight: bold;
    /*margin: 0 10px;*/
    padding: 10px 10px 5px;
    text-transform: uppercase;
	/*width: 272px; /* @todo - with SASS this should be a variable */
	background:#455560;
	color:#fff !important;
	margin:0;
}

.module-inner {
    /*background: url("/../../images/bg-white-module.jpg") no-repeat scroll left bottom #FFFFFF;*/
	background-color:#eeeeee;
    min-height: 50px;
    /*padding: 0 20px 15px;*/
	padding:10px 10px 5px;
    /*width: 272px;  /* @todo - with SASS this should be a variable */
}

.module-contact img {
    float: right;
    padding-left: 15px;
}

.module-blue {
    /*background: url("/../../images/bg-blue-module.jpg") no-repeat scroll 0 0 #FFFFFF;*/
	background-color:#eeeeee;
    min-height: 50px;
    /*padding: 0 20px 15px;
	padding:10px 10px 5px;*/
}
.module-blue .module-inner {
    /*background: url("/../../images/bg-blue-module.jpg") no-repeat scroll left bottom #FFFFFF;
    padding: 0 20px 20px;*/
}

.module-blue a {
    color: #2F5B88 !important;
}

.module-yellow {
    /*background: url("/../../images/bg-yellow-module.jpg") repeat-x scroll 0 0 #FDFAF1;
    border: 1px solid #E7DDB5;
    margin: 0 0 15px;
    padding: 15px;*/
	background-color:#eeeeee;padding: 10px 10px 5px;
}
.module-yellow .module-title {
    line-height: 120%;
    margin: -10px -10px 10px -10px;
    /*padding: 0 0 10px;*/
    text-transform: none;
}
.module-yellow p {
    line-height: 1.3em;margin-top: 10px;
}

.article .module-yellow .category {
    display: block;
    margin: 10px 0 0;
}
.article p.category {
    color: #9FA1A4;
    font-size: 85%;
    text-transform: uppercase;
	margin:0;
}

.article .module a {
    color: #2F5B88;
    font-size: 95%;
    text-decoration: none;
}

pane-block-2 {
    padding-left: 17px;
    width: 309px;
}
pane-block-2 .module {
    line-height: 1.3;
    margin-bottom: 25px;
    margin-right: -3px;
    padding: 10px 0 0;
}

.excerpt {
    border-bottom: 1px solid #DCDCDC;
    clear: both;
    overflow: hidden;
    padding: 15px 0;
}

.excerpt-text .meta {
    color: #666666;
    font-size: 90%;
}
.excerpt-left {
    text-transform: uppercase;
}

.excerpt-last {
    border: 0 none;
    padding: 10px 0 0;
}

.excerpt-event .excerpt-left {
    background: url("../../../../../../images/date.jpg") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 34px;
    padding: 2px 0 0;
    text-align: center;
    width: 34px;
	margin-right:10px;
}
.excerpt-event .excerpt-left p {
    color: #E31B23;
}

.excerpt-event .excerpt-left .month {
    font-size: 85%;
    font-weight: bold;
    text-transform: uppercase;
}

.excerpt-event .excerpt-left .day {
    display: block;
    font-size: 100%;
    font-weight: bold;
	margin-top:-17px;

}

.excerpt-event .excerpt-text {
    /*float: left;*/
    padding-left: 10px;
    /*width: 220px;*/
}

.excerpt-event .excerpt-text a {
    font-size: 105%;
}

.module .excerpt-event .excerpt-text a {
    color: #455560;
}

.module .excerpt-event .excerpt-text a:hover {
    color: #E31B23 !important;
}


#content-header-category {  float:right;margin:30px 0;width:420px;background: linear-gradient(top, white 0%,#F1F1F1 100%);
background: white;
background: -moz-linear-gradient(top, white 0%, #F1F1F1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(100%,#F1F1F1));
background: -webkit-linear-gradient(top, white 0%,#F1F1F1 100%);
background: -o-linear-gradient(top, white 0%,#F1F1F1 100%);
background: -ms-linear-gradient(top, white 0%,#F1F1F1 100%);
background: linear-gradient(top, white 0%,#F1F1F1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
border: 1px solid #D4D4D4;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(../../../../libraries/PIE/PIE.htc);
}

#content-header-category .module-inner { padding: 20px 20px 10px 20px;background:none;}
#content-header-category h3 { color: #444;font-size: 180%;line-height: 120%;padding: 0 0 10px 0;border-bottom:1px dotted #999;}
#content-header-category .title { margin: 10px 0 0px 25px;padding: 0 0 0 30px;color: #444;font-size: 200%;white-space: nowrap;font-variant: small-caps;}
#content-header-category .whitepaper {background: url(../../images/icons/icon-whitepaper-32x32.png) -5px 0px no-repeat;display: block;width: 30px;height: 30px;}
#content-header-category .demo {background: url(../../images/icons/icon-demo-32x32.png) -5px 0px no-repeat;display: block;width: 30px;height: 30px;}
#content-header-category .asset {margin: 5px 0 5px 55px; font-size:110%;}
#content-header-category .trophy {background: url(../../images/icons/icon-trophy-32x32.png) -5px 0px no-repeat;display: block;width: 30px;height: 30px;}
#content-header-category .blog {background: url(../../images/icons/feed-icon-28x28.png) 0px 8px no-repeat;display: block;width: 30px;height: 30px;}
#content-header-category .article {background: url(../../images/icons/article-new.png) -5px 0 no-repeat;display: block;width: 31px;height: 30px;}
#content-header-category .presentation {background: url(../../images/icons/presentation.png) -2px 0 no-repeat;display: block;width: 27px;height: 27px;}
#content-header .co-brand { margin: 0; }
/* #content-header ---(the gray area between the section-header and content;does not appear on every page)*/
#content-header h1 { font-size:350%; padding:10px 0; line-height:1.2; color:#000;}
#content-header h2 { font-size:250%; padding:10px 0; line-height:1.2; color:#000;}
    #content-header .customer-name { color:#333;font-size:150%; }
    #content-header .customer-intro { color:#333;font-size:120%;line-height: 1.5;}
	#content-header .customer-intro-modules { color:#333;font-size:120%; line-height:1.5}
/* #content-header for landing page---*/
#content-header .content-header-intro h1 { color: #666666; display: block; margin: 20px 0 15px 0; font-size: 160%; font-weight: normal; color: #666; font-size: 140%; font-weight: normal; line-height: 1.3em; }
#content-header .content-header-feature { width: 960px; padding: 0 0 10px 0; background: url(../../images/image-landing.png) bottom left no-repeat; }



/*==============================================================================
*
* Home page rotator styles
*
/*============================================================================*/


/* ======================================================
*  Logo Rotator
   ======================================================*/

#logo-rotator {
	background-color:#ececec;
	min-height:90px;
    /* huge padding + negative margins make the background bleed past the edges
	- this cannot be too large but must be balanced */
	padding: 0 2000em;
	margin: 0 -2000em
}

#logo-rotator .container{
	padding:0;
}

.logo-rotator-overlay-left {
	float: left;
	width: 351px;
	height: 90px;
	background: url('../../img/home/customer-logos/cropped-circle-bg.png') no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	display: table
}
.logo-rotator-overlay-left p {
  display:table-cell;
  vertical-align: middle;
}

/*
  root element for the scrollable area.
  when scrolling occurs this element stays still.
  */
.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 650px;
    height:90px;

}

/*
   root element for scrollable items. Must be absolutely positioned
   and it should have a extremely large width to accomodate scrollable
   items.  it's enough that you set the width and height for the root
   element and not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.items > div {
    float:left;
    width:680px;
}

/* single scrollable item */
.scrollable img {
    float:left;
    margin:30px 5px 20px 21px;
}

/* active item */
.scrollable .active {
    border:2px solid #000;
    position:relative;
    cursor:default;
}

.customer-logo-row {display: block; width: 100px; height: 30px; float: left;}


/* sprite offsets */
img.customer-logo-row.aetna {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') 0 0 no-repeat;}
img.customer-logo-row.att {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') 0 -32px no-repeat;}
img.customer-logo-row.brisbane {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') 0 -64px no-repeat;}
img.customer-logo-row.canon {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') -102px 0 no-repeat;}
img.customer-logo-row.cingular {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') -102px -32px no-repeat;}
img.customer-logo-row.city-of-boston {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') -102px -64px no-repeat;}
img.customer-logo-row.city-of-minneapolis {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') 0 -96px no-repeat;}
img.customer-logo-row.city-of-san-francisco {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') -102px -96px no-repeat;}
img.customer-logo-row.city-of-toronto {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') 0 -128px no-repeat;}
img.customer-logo-row.dell {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') -102px -128px no-repeat;}
img.customer-logo-row.delta {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') 0 -160px no-repeat;}
img.customer-logo-row.disney {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') -102px -160px no-repeat;}
img.customer-logo-row.ebay {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') -204px 0 no-repeat;}
img.customer-logo-row.ford {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') -204px -32px no-repeat;}
img.customer-logo-row.gap {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') -204px -64px no-repeat;}
img.customer-logo-row.hampshire-county-council {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') -204px -96px no-repeat;}
img.customer-logo-row.home-depot {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') -204px -128px no-repeat;}
img.customer-logo-row.hp {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') -204px -160px no-repeat;}
img.customer-logo-row.hsbc {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') 0 -192px no-repeat;}
img.customer-logo-row.london-borough-of-enfield {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') -102px -192px no-repeat;}
img.customer-logo-row.newcastle-city-council {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') -204px -192px no-repeat;}
img.customer-logo-row.nokia {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') 0 -224px no-repeat;}
img.customer-logo-row.scottish-improvement-service {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') -102px -224px no-repeat;}
img.customer-logo-row.sears {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') -204px -224px no-repeat;}
img.customer-logo-row.staples {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') 0 -256px no-repeat;}
img.customer-logo-row.tiffany {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') -102px -256px no-repeat;}
img.customer-logo-row.tmobile {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') -204px -256px no-repeat;}
img.customer-logo-row.travelocity {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') -306px 0 no-repeat;}
img.customer-logo-row.yahoo {background: url('../../img/home/customer-logos/sprite-customer-logos-grey.png') -306px -32px no-repeat;}

/* dutch sprite */

img.customer-logo-row.windesheim {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') 0 0 no-repeat;}
img.customer-logo-row.vrt {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') -130px 0 no-repeat;}
img.customer-logo-row.univeral-electronics {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') -247px 0 no-repeat;}
img.customer-logo-row.tui {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') -350px -0 no-repeat;}
img.customer-logo-row.thomas-cook {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') -475px -0 no-repeat;}
img.customer-logo-row.sunweb {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') 0 -50px no-repeat;}
img.customer-logo-row.susa {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') -130px -50px no-repeat;}
img.customer-logo-row.rijksuniversiteit-groningen {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') -240px -50px no-repeat;}
img.customer-logo-row.teleticketservice {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') -360px -50px no-repeat;}
img.customer-logo-row.afas {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') -475px -50px no-repeat;}
img.customer-logo-row.neckermann {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') 0 -100px no-repeat;}
img.customer-logo-row.klingel {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') -120px -100px no-repeat;}
img.customer-logo-row.kindertelefoon {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') -250px -100px no-repeat;}
img.customer-logo-row.iak {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') -350px -100px no-repeat;}
img.customer-logo-row.gvb {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') -475px -100px no-repeat;}
img.customer-logo-row.das {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') 0 -150px no-repeat;}
img.customer-logo-row.conrad {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') -120px -150px no-repeat;}
img.customer-logo-row.cendris {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') -240px -150px no-repeat;}
img.customer-logo-row.ccv {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') -360px -150px no-repeat;}
img.customer-logo-row.carglass {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') -480px -150px no-repeat;}
img.customer-logo-row.brabant {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') 0 -200px no-repeat;}
img.customer-logo-row.bindinc {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') -120px -200px no-repeat;}
img.customer-logo-row.albelli {background: url('../../img/home/customer-logos/sprite-dutch-customer-logos.png') -250px -200px no-repeat;}



/* ======================================================
*  Customer Stories Rotator
   ======================================================*/
#customer-stories.scrollable {
  height: 13.5em;
  width: auto;
}

#customer-stories.scrollable img{
  float:none;
}

#customer-stories .items > div {
  width: 1200px;
}

#customer-stories .customer-video {
  text-align: center;
}   

.block-title { position: relative; }
.cta { position: relative; float: right; right: 0; top: o; padding: 20px 0; padding: 10px 0 0 20px\9; }
blockquote { font-style: italic; font-size: 14px; margin: 1em 0; padding: 1em 90px; line-height: 1.45; position: relative; color: #383838; }
blockquote a { font-style: normal; }
blockquote:before { font-family: "Times New Roman", Times, serif; font-style: normal; display: block; content: "\201C"; font-size: 150px; position: absolute; left: 0; top: -50px; color: #7a7a7a; }
blockquote:after { font-family: "Times New Roman", Times, serif; font-style: normal; display: block; content: "\201D"; font-size: 100px; position: absolute; right: 50px; bottom: -50px; color: #7a7a7a; }
blockquote cite { color: #666; font-size: 14px; display: block; margin-top: 5px; font-weight: bold; }
blockquote cite:before { content: "\2014 \2009"; }
.customer-video { text-align: center; }


/* ======================================================
*  Explore KANA tabbed widget
   ======================================================*/
.home #content .inner { /*background:url(../../images/bg-home-content-rpt.png) 0 0 repeat-y;*/}
#home-explore { float: left; padding-top: 10px; width: 395px; background: url("../images/sprite-home.html") -10px -436px no-repeat; }
#home-explore h2 { border-bottom: 1px solid #ccc; margin: 0 3px; padding: 3px 15px 3px; color: #000; font-size: 18px; }
#home-explore h2 span { color: #910a0a; }
.explore-inner { padding: 0 3px 13px; background: url("../images/bg-explore-module.html") 100% 100% no-repeat; }
.explore-inner table { border-collapse: collapse; }
.explore-inner th { width: 70px; padding: 6px 15px; border-bottom: 1px solid #ccc; color: #999; font-size: 17px; text-align: left; }
.explore-inner td { width: 359px; padding: 9px 15px 5px; border-bottom: 1px solid #ccc; }
.explore-link { color: #910a0a; font-weight: bold; }
.explore-footer { padding: 8px 15px 0; }
#home-explore .listing { margin-bottom: 0; }
#home-explore .listing-nav { padding-top: 0; }
#home-explore .listing-nav li { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; list-style: none; width: 170px; }
#home-explore .listing-nav li a { display: inline-block; color: #999; }
#home-explore .listing-nav li a { display: block; padding: 6px 15px; }
#home-explore .listing-nav li a.active { width: 155px; margin-right: -15px; margin-top: 0; margin-bottom: 0; color: #fff; font-weight: bold; }
#home-explore .listing-items { display: none; }
#home-explore .listing-items.active { display: block; }
ul#explore-nav { float: left; margin: 0; padding: 0; }
#explore-nav li a { font-size: 17px; }
#explore-nav li a.active { background: url("../images/arw-home-filter-menu.html") 100% 50% no-repeat; }
.explore-items { float: right; width: 175px; padding: 10px 15px 0 0; }
.explore-items p { margin-bottom: 10px; }

/*==============================================================================
*
* Stack page styles
*
/*============================================================================*/

body.stack #content { background: #fff; }
#stack { /*border-bottom: 1px solid #ccc;*/ background:#eee; }
#stack .inner {margin: 0 auto; width: 958px;}
.slides { z-index: 2; }
.slide { display: none; position: relative; }
.slide.active { display: block; }
.slide h2 { color: #000; font-size: 32px !important; font-weight: normal; }
.slide h3 { color: #910a0a !important; font-weight: normal; }
.slide-article { display: none; position: relative; }
.slide-article.active { display: block; }
.slide-main {/* height:425px;/*padding: 25px 0 0; 	overflow:hidden;*/}
.slides .normal { height: 490px; }
.slides .normala { /*height:425px ;*/}
.slide-main li { color: #333; font-size: 15px; line-height: 1.5; }
.slide-main p { margin-bottom: 10px; margin-top: 10px; color: #333; font-size: 15px; line-height: 1.5; }
.slide-main h3 { margin: 10px 0 10px; font-size: 17px; }
.slide-main img { white-space: nowrap; }
.slide-main p { margin-bottom: 10px; margin-top: 10px; }
.slide-main h3 { margin: 10px 0 10px; }
.slide-main img { white-space: nowrap; padding-bottom: -50px; }
.slide-main-article { height: 280px; padding: 25px 0 45px; }
.slide-main-article p { color: #333; font-size: 15px; line-height: 1.5; }
.slide-main-article h3 { font-size: 17px; }
.slide-main.text-only .slide-text { margin: 20px auto 0; width: 515px; }
/*.slide-text.left { width: 310px; }*/
.slide-text.left ul { list-style: inside; list-style-type: disc; margin-left: 20px; padding: 0px; }
.slide-text.left p { margin: 10px 0; }
/*.slide-text.left h2 { width: 320px; padding: 0px!important; line-height: normal!important; }*/
.slide-text.left h3 { white-space: nowrap; width: 280px; }
.slide-media { 
  /* width: 640px; can't have fixed width here if we want to use bootstrap responsive features */
  text-align: right; z-index: -1; }
.slide-header-media img { behavior: url(../../../kana/css/ie-css3.htc); z-index: 10; padding: 0; margin-bottom: -20px; border: solid 10px #fff; box-shadow: 1px 1px 5px #ccc; -moz-box-shadow: 1px 1px 5px #ccc; -webkit-box-shadow: 1px 1px 5px #ccc;  filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=0),  progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=90),  progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=4, Direction=180),  progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=270);}
.slide-more, .slide-more.clearfix { border-top: 1px solid #ccc; display: none; padding: 25px 0 55px; }
.slide-more.open { display: block; }
.slide-more-tag { /*width: 285px; color: #555; font-size: 26px; font-weight: bold;*/ padding: 10px 10px 0 10px;font-family: 'Open Sans Condensed', sans-serif;line-height: 1.25em;font-weight: 100;font-size: 32.5px;margin:0}
.slide-more-text { /*border-left: 1px solid #ccc; padding-left: 20px; width: 630px;*/ padding:0 10px 10px 10px; }
.slide-more-text p { margin-bottom: 10px; color: #333; font-size: 15px; line-height: 1.5; }
.slide-more-text li { color: #333; font-size: 15px; line-height: 1.5; }
.slide-more-text q { color: #333; font-size: 15px; line-height: 1.5; }
.slide-more-text p.next-slide { clear: both; margin: 30px 0 0; color: #666; text-align: right; line-height: 1.2; }
.next-slide a { padding: 2px 20px 2px 0; background: url(../../images/arw-next-slide.png) 100% 50% no-repeat; font-weight: bold; }
.slide-more-text h3 { /*color: #910a0a; font-size: 17px;*/ }
.slide-more-text-only { padding-left: 20px; }
.slide-more-text-only h3 { margin-top: 5px; }
.slide-more-text-only p { margin: 0 10px 0 0; color: #333; line-height: 1.5; }
.slide-more-text-only ul { list-style: inside; list-style-type: disc; margin-left: 20px; }
.slide-more-text-only li { color: #333; line-height: 1.5; }
.slide-more-text-only p.next-slide { clear: both; margin: 30px 0 0; color: #666; text-align: right; line-height: 1.2; }
.next-slide a { padding: 2px 20px 2px 0; font-weight: bold; }
.slide-expand { display: block; margin-top: 25px; padding-left: 14px; outline: none; background: url(../../images/arw-slide-more_set.png) 0px 5px no-repeat; font-size: 14px; font-weight: bold; text-decoration: none; }
.slide-expand.close { display: none; }
.slide-more .slide-expand { bottom: 5px; position: absolute; left: 5px; background-position: 0 -68px; font-size: 13px; }
.slide-expand span { color: #910a0a; }
.slide-jump { display: block; white-space: nowrap; }
.stack-nav { border-bottom: 1px solid #ccc; height: 55px; position: relative; z-index: 3; }
.slide-nav .left { left: 0; position: absolute; /*top:-28px;*/top: 28px; z-index: 4; }
.slide-nav .right { position: absolute; right: 0; /*top:-28px;*/top: 28px; z-index: 4; }
.withbanner .left { left: 0; position: absolute; top: -28px!important; z-index: 4; }
.withbanner .right { position: absolute; right: 0; top: -28px!important; z-index: 4; }
.slide-nav a { padding: 4px 0 3px; }
.slide-nav .left a { padding-left: 20px; background: url(../../images/arw-left-stack.png) 0 50% no-repeat; }
.slide-nav .right a { padding-right: 20px; background: url(../../images/arw-right-stack.png) 100% 50% no-repeat; }
.slide-title { text-align: center; padding-top: 10px; margin-left: 10px; }
.slide-title h3 { font-size: 22px; }
#stack-menu { left: 375px; position: absolute; top: 14px; width: 205px; z-index: 4; }
#stack-menu p a { display: block; padding: 12px 0; border: 1px solid transparent; border-bottom: none; outline: none; background: url(../../images/arw-stack-menu_set.png) 145px 16px no-repeat; color: #666; text-align: center; }
#stack-menu p a:hover { background-color: #f9f9f9; }
#stack-menu.open p a { border-color: #dcdcdc; background-color: #f9f9f9; background-position: 145px -58px; }
#stack-menu ol { border: 1px solid #b4b4b4; border-top-color: #9d9d9d; display: none; list-style-type: none; margin-left: 0; }
#stack-menu.open ol { display: block; }
#stack-menu li a { display: block; padding: 10px 15px; background: #fff; }
#stack-menu li a:hover { background: #eff2f5; color: #000; }
.stack-nav a { text-decoration: none; }
.slide-nav a { color: #b62826; font-size: 16px; font-weight: bold; line-height: 1.2; }
#video { overflow: hidden; }

#slide-banner-stories .dojoxRotatorIcon a { display: block; text-indent: 9999px; width: 26px; height: 26px; }

/*==============================================================================
*
*  Solutions Excertps
*
/*============================================================================*/

.landing-onecolumn .excerpt {
    padding: 25px 0;
}

.landing-onecolumn .excerpt img {
    float: left;
    margin: 0 20px 10px 0;
    padding: 5px 0 0;
}

.landing-onecolumn .excerpt-text {
    float: left;
    margin: 0 0 0 12px;
    width: 520px;
}

/*==============================================================================
*
*  Demo Library
*  @todo - only include this on demo lib page
/*============================================================================*/


/* Demo Library Css*/
#kdp-header { background: url("../../../../../../images/km-driven-process/knowledge-driven-process_01.png") repeat scroll 0 0 transparent; border: medium none; height: 160px; position: absolute; text-indent: -9999px; width: 640px; }
#r2-left { background: url("../../../../../../images/km-driven-process/knowledge-driven-process_02.png") repeat scroll 0 0 transparent; height: 20px; left: 0; position: absolute; text-indent: -9999px; top: 160px; width: 220px; }
#r2-right { background: url("../../../../../../images/km-driven-process/knowledge-driven-process_06.png") repeat scroll 0 0 transparent; float: right !important; height: 20px; left: 420px; position: absolute; text-indent: -9999px; top: 160px; width: 220px; }
.r2-email { background: url("../../../../../../images/km-driven-process/sprite-kdp-yellow-buttons.png") no-repeat scroll 0 -42px transparent; cursor: pointer; display: block; height: 40px; left: 220px; position: absolute; text-align: left; text-indent: -9999px; top: 160px; width: 60px; }
.r2-email:hover { background-position: -62px -42px; }
.r2-email a { display: block; }
.r2-chat { background: url("../../../../../../images/km-driven-process/sprite-kdp-yellow-buttons.png") no-repeat scroll 0 -84px transparent; cursor: pointer; display: block; height: 40px; left: 280px; position: absolute; text-align: left; text-indent: -9999px; top: 160px; width: 80px; }
.r2-chat:hover { background-position: -82px -84px; }
.r2-chat a { display: block; }
.r2-social { background: url("../../../../../../images/km-driven-process/sprite-kdp-yellow-buttons.png") no-repeat scroll 0 -126px transparent; cursor: pointer; display: block; height: 40px; left: 360px; position: absolute; text-align: left; text-indent: -9999px; top: 160px; width: 60px; }
.r2-social:hover { background-position: -62px -126px; }
.r2-social a { display: block; }
#r3-left { background: url("../../../../../../images/km-driven-process/knowledge-driven-process_07.png") repeat scroll 0 0 transparent; height: 100px; left: 0; position: absolute; text-indent: -9999px; top: 180px; vertical-align: middle; width: 140px; }
#r3-right { background: url("../../../../../../images/km-driven-process/knowledge-driven-process_10.png") repeat scroll 0 0 transparent; float: right; height: 100px; left: 500px; position: absolute; text-indent: -9999px; top: 180px; vertical-align: middle; width: 140px; }
.r3-phone { background: url("../../../../../../images/km-driven-process/sprite-kdp-yellow-buttons.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 40px; left: 140px; position: absolute; text-align: left; text-indent: -9999px; top: 180px; width: 80px; }
.r3-phone:hover { background-position: -82px 0; }
.r3-phone a { display: block; }
.r3-wss { background: url("../../../../../../images/km-driven-process/sprite-kdp-yellow-buttons.png") no-repeat scroll 0 -168px transparent; cursor: pointer; display: block; height: 40px; left: 420px; position: absolute; text-align: left; text-indent: -9999px; top: 180px; width: 80px; }
.r3-wss:hover { background-position: -82px -168px; }
.r3-wss a { display: block; }
#r3-multi { background: url("../../../../../../images/km-driven-process/knowledge-driven-process_11.png") repeat scroll 0 0 transparent; height: 40px; left: 220px; position: absolute; text-indent: -9999px; top: 200px; vertical-align: middle; width: 200px; }
#r3-left-inner { background: url("../../../../../../images/km-driven-process/knowledge-driven-process_12.png") repeat scroll 0 0 transparent; height: 60px; left: 140px; position: absolute; text-indent: -9999px; top: 220px; vertical-align: middle; width: 80px; }
#r3-right-inner { background: url("../../../../../../images/km-driven-process/knowledge-driven-process_13.png") repeat scroll 0 0 transparent; height: 60px; left: 420px; position: absolute; text-indent: -9999px; top: 220px; vertical-align: middle; width: 80px; }
#r4-left { background: url("../../../../../../images/km-driven-process/knowledge-driven-process_15.png") repeat scroll 0 0 transparent; height: 280px; left: 0; position: absolute; text-indent: -9999px; top: 280px; vertical-align: middle; width: 40px; }
.r4-kip { background: url("../../../../../../images/km-driven-process/sprite-kdp-kip.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 80px; left: 220px; position: absolute; text-align: center; text-indent: -9999px; top: 240px; width: 200px; }
.r4-kip:hover { background-position: -202px 0; }
.r4-kip a { display: block; }
.r4-bpm { background: url("../../../../../../images/km-driven-process/sprite-kdp-blue-buttons.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 40px; left: 40px; position: absolute; text-align: left; text-indent: -9999px; top: 280px; width: 120px; }
.r4-bpm:hover { background-position: -122px 0; }
.r4-bpm a { display: block; }
#r4-left-inner { background: url("../../../../../../images/km-driven-process/knowledge-driven-process_17.png") repeat scroll 0 0 transparent; height: 40px; left: 160px; position: absolute; text-indent: -9999px; top: 280px; width: 60px; }
#r4-right-inner { background: url("../../../../../../images/km-driven-process/knowledge-driven-process_18.png") repeat scroll 0 0 transparent; height: 40px; left: 420px; position: absolute; text-indent: -9999px; top: 280px; width: 60px; }
.r4-reporting { background: url("../../../../../../images/km-driven-process/sprite-kdp-blue-buttons.png") no-repeat scroll 0 -252px transparent; cursor: pointer; display: block; height: 40px; left: 480px; position: absolute; text-align: left; text-indent: -9999px; top: 280px; width: 120px; }
.r4-reporting:hover { background-position: -122px -252px; }
.r4-reporting a { display: block; }
#r4-right { background: url("../../../../../../images/km-driven-process/knowledge-driven-process_20.png") repeat scroll 0 0 transparent; height: 280px; left: 600px; position: absolute; text-indent: -9999px; top: 280px; vertical-align: middle; width: 40px; }
#r5-left { background: url("../../../../../../images/km-driven-process/knowledge-driven-process_21.png") repeat scroll 0 0 transparent; height: 240px; left: 40px; position: absolute; text-indent: -9999px; top: 320px; vertical-align: middle; width: 60px; }
.r5-case { background: url("../../../../../../images/km-driven-process/sprite-kdp-blue-buttons.png") no-repeat scroll 0 -42px transparent; cursor: pointer; display: block; height: 40px; left: 100px; position: absolute; text-align: left; text-indent: -9999px; top: 320px; width: 80px; }
.r5-case:hover { background-position: -82px -42px; }
.r5-case a { display: block; }
#r5-inner { background: url("../../../../../../images/km-driven-process/knowledge-driven-process_23.png") repeat scroll 0 0 transparent; height: 30px; left: 180px; position: absolute; text-indent: -9999px; top: 320px; width: 280px; }
.r5-agile { background: url("../../../../../../images/km-driven-process/sprite-kdp-blue-buttons.png") no-repeat scroll 0 -210px transparent; cursor: pointer; display: block; height: 40px; left: 460px; position: absolute; text-align: left; text-indent: -9999px; top: 320px; width: 80px; }
.r5-agile:hover { background-position: -82px -210px; }
.r5-agile a { display: block; }
#r5-right { background: url("../../../../../../images/km-driven-process/knowledge-driven-process_25.png") repeat scroll 0 0 transparent; height: 240px; left: 540px; position: absolute; text-indent: -9999px; top: 320px; vertical-align: middle; width: 60px; }
#r6-left { background: url("../../../../../../images/km-driven-process/knowledge-driven-process_29.png") repeat scroll 0 0 transparent; height: 200px; left: 100px; position: absolute; text-indent: -9999px; top: 360px; vertical-align: middle; width: 80px; }
.r6-km { background: url("../../../../../../images/km-driven-process/sprite-kdp-blue-buttons.png") no-repeat scroll 0 -84px transparent; cursor: pointer; display: block; height: 40px; left: 180px; position: absolute; text-align: left; text-indent: -9999px; top: 350px; width: 100px; }
.r6-km:hover { background-position: -102px -84px; }
.r6-km a { display: block; }
#r6-km-bottom { background: url("../../../../../../images/km-driven-process/knowledge-driven-process_32.png") repeat scroll 0 0 transparent; height: 10px; left: 180px; position: absolute; text-indent: -9999px; top: 390px; width: 100px; }
#r6-adaptive-ui-top { background: url("../../../../../../images/km-driven-process/knowledge-driven-process_27.png") repeat scroll 0 0 transparent; height: 10px; left: 280px; position: absolute; text-align: left; text-indent: -9999px; top: 350px; width: 80px; }
.r6-adaptive-ui { background: url("../../../../../../images/km-driven-process/sprite-kdp-blue-buttons.png") no-repeat scroll 0 -126px transparent; cursor: pointer; display: block; height: 40px; left: 280px; position: absolute; text-align: left; text-indent: -9999px; top: 360px; width: 80px; }
.r6-adaptive-ui:hover { background-position: -82px -126px; }
.r6-adaptive-ui a { display: block; }
.r6-community { background: url("../../../../../../images/km-driven-process/sprite-kdp-blue-buttons.png") no-repeat scroll 0 -168px transparent; cursor: pointer; display: block; height: 40px; left: 360px; position: absolute; text-align: left; text-indent: -9999px; top: 350px; width: 100px; }
.r6-community:hover { background-position: -102px -168px; }
.r6-community a { display: block; }
#r6-community-bottom { background: url("../../../../../../images/km-driven-process/knowledge-driven-process_33.png") repeat scroll 0 0 transparent; height: 10px; left: 360px; position: absolute; text-indent: -9999px; top: 390px; width: 100px; }
#r6-right { background: url("../../../../../../images/km-driven-process/knowledge-driven-process_31.png") repeat scroll 0 0 transparent; height: 200px; left: 460px; position: absolute; text-indent: -9999px; top: 360px; vertical-align: middle; width: 80px; }
.r7-capabilities { background: url("../../../../../../images/km-driven-process/sprite-kdp-capabilities.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 140px; left: 180px; position: absolute; text-align: left; text-indent: -9999px; top: 400px; width: 280px; }
.r7-capabilities:hover { background-position: -282px 0; }
.r7-capabilities a { display: block; }
#r7-capabilities-bottom { background: url("../../../../../../images/km-driven-process/knowledge-driven-process_35.png") repeat scroll 0 0 transparent; height: 20px; left: 180px; position: absolute; text-indent: -9999px; top: 540px; width: 280px; }


/*==============================================================================
*
*  Demo Library
*  @todo - only include this on demo lib page
/*============================================================================*/

.side-header { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #fff; text-transform: uppercase; border-top: solid; border-top-color: #c52026; border-top-width: 3px; background-color: #0d263e; padding: 8px; }
.left-col-newsletter img {float: left; padding: 0 20px 20px 0;}
.left-col-newsletter .bottom { background: none repeat scroll 0 0 #EDEDED; margin: 20px 0 0 0; padding: 10px; }

.col470 {width: 470px; float: left;}
.col180 {width: 170px; float:right;}


/*==============================================================================
*
*  KANA Express customer story carousel
/*============================================================================*/

/* we need a full-width container for this so backgrounds can go to the edge */
.page-node-564 #container-bottom.container,
.page-node-564 #content-bottom.span12, .page-node-2737 #container-bottom.container,.page-node-2737 #content-bottom.span12 {
  width: 100%;
}

#block-views-c87ade74ecceae854a0a4359d81732f3,#block-views-8d93ff4d5f6a8340cb0383a7cbddb09f,
#block-panels_mini-kx_resources {
  background-color: #fff;}

/* we need a -50 margin rather than the usual -20 here to allow a span12 */
#views_slideshow_cycle_main_customer_stories-express_rotator,#views_slideshow_cycle_main_customer_stories-express_rotator_nl {
  margin-left: -30px;
}

/* video play button
 * The position is ((thumb size) - (button size)) / 2
 * So with a 50px button and a 240px thumbnail width, (240-50)/2 = 95
 * (140 - 50) / 2 = 45
 */
.emvideo-thumbnail-replacement span {
  background: url("../../images/icons/play-sprite.html") no-repeat scroll 0% 0% transparent;
  width: 50px;
  height: 50px;
}
.emvideo-thumbnail-replacement span {
  left: 95px;
  top: 45px;
}
.emvideo-thumbnail-replacement span:hover {
  background-position: -70px 0;
}

/* prev and next buttons */
#views_slideshow_controls_text_customer_stories-express_rotator,#views_slideshow_controls_text_customer_stories-express_rotator_nl {
  text-align:center;
}
#views_slideshow_controls_text_next_customer_stories-express_rotator,
#views_slideshow_controls_text_previous_customer_stories-express_rotator, #views_slideshow_controls_text_next_customer_stories-express_rotator_nl,
#views_slideshow_controls_text_previous_customer_stories-express_rotator_nl {
  background: url("../../images/icons/next-right.png") no-repeat scroll 0% 0% transparent;
  height: 23px;
  width: 23px;
  display: inline-block;
}

#views_slideshow_controls_text_previous_customer_stories-express_rotator,#views_slideshow_controls_text_previous_customer_stories-express_rotator_nl {
  background: url("../../images/icons/next-left.png") no-repeat scroll 0% 0% transparent;
}

/* we don't want to show the text for prev/next/pause */
#views_slideshow_controls_text_pause_customer_stories-express_rotator,
#views_slideshow_controls_text_next_customer_stories-express_rotator a,
#views_slideshow_controls_text_previous_customer_stories-express_rotator a,#views_slideshow_controls_text_pause_customer_stories-express_rotator_nl,
#views_slideshow_controls_text_next_customer_stories-express_rotator_nl a,
#views_slideshow_controls_text_previous_customer_stories-express_rotator_nl a {
 display: none;
}

/* position the Back to Top button */
.view-display-id-express_rotator .view-footer,.view-display-id-express_rotator_nl .view-footer {text-align: right;margin-bottom:20px;}
.view-display-id-express_rotator .view-footer > p,.view-display-id-express_rotator_nl .view-footer > p {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 999;
}


/* ======================================================
*  Explore KANA Express 4-col mini-panel
   ======================================================*/
   
  
#mini-panel-kx_resources p.resource-text, #mini-panel-kx_resources_tier2 p.resource-text {
  padding: 0px 0px 12px 85px;
  background: no-repeat 0 0;
  background-size: 80px 80px;
  min-height: 90px;
}
#mini-panel-kx_resources .press p.resource-text,#mini-panel-kx_resources_tier2 .press p.resource-text {
  background-image: url(../../img/resources-icons/press-release-kx.png);
  padding-bottom: 5em;
}
#mini-panel-kx_resources_tier2 .whitepapers p.resource-text {background-image: url(../../img/resources-icons/whitepaper-kx.png);
  padding-bottom: 5em;}
#mini-panel-kx_resources .webinars p.resource-text, #mini-panel-kx_resources_tier2 .webinars p.resource-text {
  background-image: url(../../img/resources-icons/webinar-kx.png);background-position-y: -7px;
}
#mini-panel-kx_resources .datasheets p.resource-text {
  background-image: url(../../img/resources-icons/datasheets-kx.png);
}
#mini-panel-kx_resources_tier2 .casestudy p.resource-text{
  background-image: url(../../img/resources-icons/customer-stories-kx.png);background-position-y: -3px;
}
#mini-panel-kx_resources .calculator.resource-text, #mini-panel-kx_resources_tier2 .calculator.resource-text {
  background-image: url(../../img/resources-icons/biz-val-calc-kx.png);
}

#mini-panel-kx_resources .item-list .pager, #mini-panel-kx_resources_tier2 .item-list .pager {
  position:absolute;
  bottom: 0;
}

#mini-panel-kx_resources p.resource-cta, #mini-panel-kx_resources_tier2 p.resource-cta {
  position:absolute;
  bottom: 2em;
}