body {
  background: url('images/page_background.jpg') no-repeat scroll center bottom rgb(68,132,214);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  margin: 0;
}

a {
  text-decoration: none;
}

img {
  border: 0;
}

#wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 1046px;
  background-color: white;
  position: relative;
  margin-top: 0px;
}

.ch_content {
  padding: 17px;
}

.rounded {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.rounded_lots {
  -moz-border-radius: 17px;
  -webkit-border-radius: 17px;
  border-radius: 17px;
}

#header {
  height: 103px;
  padding-left: 23px;
  padding-right: 23px;
  padding-top: 10px;
}

#logo {
  float: left;
  margin-right: 1em;
}

#enter_email {
  color: gray;
}

#header big {
  font-weight: bold;
  font-size: 25pt;
  color: #00A0E4;
}

#navigation {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 14px;
  width: 100%;
  height: 37px;
  background-color: rgb(41,95,253);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4253ff', endColorstr='#3900e9'); /* for IE */
  background: -webkit-gradient(linear, left 50%, left bottom, from(#4253ff), to(#3900e9)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #4253ff, #4253ff,  #3900e9); /* for firefox 3.6+ */
  color: white;
}

#navigation li {
  float: left;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left:1em;
}

#navigation li img {
  vertical-align: middle;
  margin-left: 1em;
}

#navigation a {
  color: white;
}

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

#mini_logo {
  float:right;
  margin-right: 10px;
  margin-top: 5px;
}

#slideshow {
  float: left;
  width: 665px;
  height: 374px;
  margin: 5px;
  margin-bottom: 1px;
  position: relative;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
}

#slideshow_global {
  float: left;
  width: 597px;
  height: 297px;
  margin: 5px;
  margin-bottom: 0px;
  position: relative;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
}


div#slideshow:hover {
  -moz-box-shadow: 0px 0px 3px #003399;
  -webkit-box-shadow: 0px 0px 3px #003399;
  box-shadow: 0px 0px 3px #003399;
}

div#slideshow_global:hover {
  -moz-box-shadow: 0px 0px 3px #003399;
  -webkit-box-shadow: 0px 0px 3px #003399;
  box-shadow: 0px 0px 3px #003399;
}

.slideshow_item {
  display:none;
  position: relative;
  top: 0;
  left: 0;
}

.slideshow_item img {
  position: absolute;
  top: 0;
  left: 0;
}

.slideshow_caption {
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  width: 665px;
  padding: 27px;
  text-shadow: black 0 0 4em, black 0 0 4em, black 1px 1px 3px;  /* stand out from image: darken background around text + drop shadow */
}

.slideshow_caption h1 {
	font-size: 30pt;
}

.slideshow_caption h2 {
	font-size: 16pt;
}

#slideshow button {
  font-size: 14pt;
  opacity: 0.8;
  -khtml-opacity: 0.8;
}

#banners_left {
  float: left;
  margin-bottom: 6px;
}

#banners_right {
  float: right;
}

#banners_company {
  clear: both;
  height: 108px;
}

.microsite_banner {
  width: 306px;
  height: 61px;
  padding-left: 20px;
  padding-top: 10px;
  font-weight: bold;
  color: white;
  text-shadow: black 1px 1px 3px;  /* stand out from image: darken background around text + drop shadow */
  margin: 5px;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
}

.microsite_banner:first-line {
  font-size: 130%;
}

div.microsite_banner:hover {
  -moz-box-shadow: 0px 0px 3px #003399;
  -webkit-box-shadow: 0px 0px 3px #003399;
  box-shadow: 0px 0px 3px #003399;
}

#signup {
  float: right;
}

#signup img {
  padding-top: 15px;
}

#bottom_half {
  background-color: #d2dee0;
  clear: both;
  margin: 0;
  -moz-box-shadow: inset 0px 0px 7px gray;
  -webkit-box-shadow: inset 0px 0px 7px gray;
  box-shadow: inset 0px 0px 7px gray;
  padding-top: 31px;
}

#bottom_half .newsheadline img {
  float: none!important;
}

.catalogueLinks {
  text-align: center;
}

.columns {
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  column-count: 3;
  column-gap: 20px;
}

#ajax_cf .scrollbar {
  visibility: hidden!important;
}

h1 {
  font-size: 14pt;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

#video {
  margin: 5px;
  margin-bottom: 0;
  width: 390px;
}

#video h1 {
  color: #00a0e4;
}

#news h1 {
  color: #003399;
}

h2 {
  font-size: 11pt;
  font-weight: bold;
}

#feedControl {
  background-color: #f3f5f7;
  display: block;
  width: 472px;
  border: 1px solid #cfd5d6;
  font-size: 10pt;
  float: left;
  position: relative;
  margin-top: 14px;
}

.twtr-doc {
  width: 100%!important;
}

/* Old wordpress field
.gfg-entry {
  background-color: white;
  padding: 10px;
  font-size: 13pt;
  border: 2px dotted #00A0E4;
}

.gfg-listentry {
  font-size: 12pt;
  margin: 1em;
  line-height: 1.5em;
}

.gfg-listentry-highlight:before {
  content: ":: ";
}

.gfg-listentry-highlight:after {
  content: " ::";
}

.gfg-title {
  font-size: 16pt;
  font-weight: bold;
  height: 1.5em;
}

.gfg-title a {
  color: black;
}

.gf-title {
  font-size: 14pt;
  font-weight: bold;
}

.gfg-listentry a {
  color: black;
}

.gf-title a {
  color: black;
}
*/

#last_row {
  clear: both;
  position: relative;
}

#customers {
  background: url('images/customers.jpg') no-repeat scroll right top black;
  width: 455px;
  margin-top: 14px;
  /* height: 184px; */
  position: absolute;
  top:0;
  bottom:0;
  right:0;
  color: white;
  text-shadow: black 0 0 2em, black 0 0 4em, black 1px 1px 3px; /* stand out from image: darken background around text + drop shadow */
  filter: progid:DXImageTransform.Microsoft.Glow(color=black,strength=1);
  -ms-filter: progid:DXImageTransform.Microsoft.Glow(color=black,strength=1);
  cursor: pointer;
}

#customer_content {
  width: 350px;
}

#customer_buttons {
  width: 200px;
}

#catalogues {
  width: 978px; /* 527 */
  height: 300px; /* 181 */
  float: left;
  background: white;
  border: 1px solid #cfd5d6;
  cursor: pointer;
}

#links {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 14px;
  width: 100%;
  height: auto; /* 37px */
  display: inline-block; /* makes height expand ok with multi-line lists, together with height: auto */
  border: 1px solid #cfd5d6;
  color: #cfd5d6;
}

#links li {
  float: left;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left:1em;
}

#links li img {
  vertical-align: middle;
  margin-left: 1em;
}

#links a {
  color: #0104b5;
}

#links li.selectedlink a {
  color: black;
}

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

#promotion {
  width: 100%;
}

#promotion img {
  margin-right: 17px;
}

#catalogues h1 {
  position: absolute;
  color: #003399;
}

#catalogues h1 a {
  color: #003399;
}

#promotion h1 {
  color: #00a0e4;
}

#footer {
  font-size: 9pt;
  color: gray;
}

#footer a {
  color: gray;
}

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

/* remove when youtube video added */
div#video_player {
  float:left;
  width:283px;
  height:147px;
  border:1px solid black;
  margin-right:17px;
  overflow:hidden;
  position:relative;
}

div#video_player object {
	position:absolute;
	top:-11px;
	left:-150px;
}

div#video_player embed {
	position:absolute;
	top:0px;
	left:0px;
}

#certificates {
  float:right;
}

#certificates img {
  margin: 5px;
}

/* Scrollable: http://flowplayer.org/tools/css/scrollable-horizontal.css */


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 950px;
	height:120px;
}

/*
	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.item_group {
	float:left;
	width:960px;
}

/* single scrollable item */

.scrollable .item {
	padding: 5px;
	float: left;
	background-color: #eff4f8;
	margin-right: 5px;
	border:1px solid #ccc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position: relative;
}

.scrollable img {
	float:left;
	margin:0px;
	background-color:#fff;
	border:1px solid #ccc;
	width:219px;
	height:105px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.scrollable .caption {
	position: absolute;
	bottom: 6px;
	left: 6px;
	width: 219px;
	opacity: 0.4;
	ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* 50 rather than 40 since IE doesn't do text shadows */
	filter: alpha(opacity=50);
	-khtml-opacity: 0.4;
	background-color: #1d4fd2;
	height: 56px;
}

.scrollable .caption_text {
	position: absolute;
	bottom: 7px;
	left: 7px;
	width: 219px;
	padding: 0.5em;
    font-weight: bold;
    color: white;
    text-shadow: black 1px 1px 3px;  /* stand out from image: darken background around text + drop shadow */
}

.scrollable .caption_text:first-line {
	font-size: 130%;
}

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


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:17px;
	height:119px;
	float:left;
	margin:0px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right {
	background:url(images/scrollable/arrow_right.png) no-repeat;
	clear:right; margin-right: 0px;
}


/* left */
a.left {
	background:url(images/scrollable/arrow_left.png) no-repeat;
	margin-left: 4px;
} 

/* disabled navigational button */
a.disabled {
	opacity:0.5!important;	
	-khtml-opacity:0.5!important;	
} 	

/* For the signup form */

form.agilebase {
  margin-left: 10em;
  margin-right: 10em;
}

form.agilebase ul {
  list-style-type: none;
}

.ab_field_input input {
  width: 30em;
}

.ab_field_input select {
  margin: 10px;
}

.ab_field_description {
  color: grey;
  display:block;
}