@charset "utf-8";
/* CSS Document */


/* General Page Styles */
.button { height: 44px; width: 275px; background: #a3c830; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EzYzgzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NmJjNDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #a3c830 0%, #96bc44 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a3c830), color-stop(100%, #96bc44)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a3c830 0%, #96bc44 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a3c830 0%, #96bc44 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a3c830 0%, #96bc44 100%); /* IE10+ */ background: linear-gradient(to bottom, #a3c830 0%, #96bc44 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3c830', endColorstr='#96bc44', GradientType=0 ); /* IE6-8 */
border: 2px solid #96bc44; border-radius: 5px; margin: 20px 0 0 0px; }
.button-text { padding:12px 0 0 46px; }
.call .button a { color:#fff; text-decoration:none; }
.call .button h2 { font: normal 700 21px/23px sans-serif; color: #FFF; text-shadow: 1px 1px .5px #666; display: inline; text-transform:uppercase; padding:0; }
.call .button h3 { font: normal 400 15px sans-serif; color: #FFF; text-shadow: 1px 1px .5px #666; padding:0; }
.call { background-image:url('/imagesrv/research/digital-marketing/images/gml-title-graphic-us-spending.png'); padding-bottom:31px; width: 710px; height: 215px; background-repeat: no-repeat; background-position: right; }
.call h1 { padding-left: 10px; padding-top: 45px; color: black; font-style: normal; font-weight: 400; font-size: 30px; line-height:36px; font-stretch:condensed; }
.call h2 { padding-left: 10px; color:#999; font-size: 20px; line-height:24px; font-weight: normal; font-style: normal; font-weight: 300; font-stretch:condensed; }
.contentArea { display:block; }
.contentArea h3 { color: #7FA037; font: 18px/21px arial, helvetica, sans-serif, verdana; padding: 10px 0; }
.contentArea h4 { font-size: 17px; font-weight: normal; line-height: 21px; margin: 10px 35px 10px 10px; } 

.breadcrumb li { float: left; font-size: 14px; line-height: 19px; }
.breadcrumb li a, .breadcrumb li a:hover { color: #FFFFFF; text-decoration: none; }
.breadcrumb .selected { color: #C2DD21; }
.main-white-box { background: none repeat scroll 0 0 #FFFFFF; border-radius: 4px 4px 4px 4px; float: left; padding: 0 10px; width: 940px; }
.firstP {margin-left: 10px; font-size: 15px; line-height: normal; margin-right: 35px;}
.related {margin: 100px 0 0 0;}
.contentArea h1 {color: #3A3A3A; margin-top: 15px;}
.socialShare{margin-left: 43px;}
.downloadLink {margin-top: -18px; margin-left: 460px; height: 30px; width: 200px; font-weight: bold;} 


/* Carousel Styles */
.carousel {height: 500px; background:url('/imagesrv/research/digital-marketing/images/gradBack.png'); background-repeat: no-repeat; background-position: 19px 0;
background-size: 642px 500px; padding-top: 0px;}
.topGrad {background:url('/imagesrv/research/digital-marketing/images/gradTop.png'); background-repeat: no-repeat; background-position: 10px 0;
background-size: 642px; height: 30px}
.slideshow {width: 100%; margin: auto }
/* 
root element for the scrollable.  when scrolling occurs this
element stays still.
*/
.scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 600px;
  height: 475px;
  float: left;
}

/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}
 
/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.items div {float:left;}
.slides li {width: 600px; height: 500px;  padding: 0;}
.slides p {width: 450px; float: left;}
.callout10 {background:url('/imagesrv/gml/images/callout1.jpg'); background-repeat: no-repeat;}
.calloutText {width: 286px; margin: 0px 0 0 30px;}
.calloutText h4 {margin-bottom: 10px; color: #43995d; font: bold 12px helvetica;}
.calloutText h2 {margin-bottom: 10px; color: #0067a6; font: bold 20px helvetica;}
.calloutText h3 {margin-bottom: 10px; color: #0067a6; font: italic 15px helvetica; font-weight:bold;}
.navi {width: 130px; height: 16px; margin: 10px 0 0 269px; float: left;}
.navi a {background: url('/imagesrv/research/digital-marketing/images/whitedot.png'); background-repeat: no-repeat; height: 10px; width: 10px; display: inline-block; margin: 3px; cursor: pointer;}
.navi a.active {background:url('/imagesrv/research/digital-marketing/images/blackdot.png'); background-repeat: no-repeat;}
.rightNav, .leftNav {height: 455px; float: left; width: 40px; cursor: pointer;}
.rightNav {background: url('/imagesrv/research/digital-marketing/images/rightArrow.png'); background-repeat: no-repeat; background-position: 0 158px;}
.leftNav {background: url('/imagesrv/research/digital-marketing/images/leftArrow.png'); background-repeat: no-repeat; background-position: 0 158px;}

.imgCenter {
  height:370px;
  overflow: hidden;
  text-align: center;
}
.imgCenter img {
}
/* Share Bar Styles */
.twitter {display: inline;}
.linkedin {display: inline;}
.googleplus {display: inline;}
.pluginCountButton {
display: none;
}
.share {
display: block;
height: 20px;
margin: 0px 60px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 701px;
z-index: 2;
text-align: right;
top: -11px;
float: right;
}

.pluginCountNum {
display: none !important;
}
.twitter-share-button.twitter-count-none {
    vertical-align: top;
	padding: 0 0 0 5px;
	width: 73px !important;
}
.fb_edge_widget_with_comment.fb_iframe_widget {
    vertical-align: top;
	padding: 0 5px;
}
.IN-widget {
vertical-align: top !important;
padding: 0 5px 0 0;
}
#___plusone_0 {
padding: 0 0 0 5px !important;
width: 50px !important;
}
.sh {
    display: inline;
    height: 20px;
    position: relative;
    top: -8px;
    padding-right: 20px;
	font-weight: bold;
}
.loc {
position: relative;
left: -128px;
top: 3px;
display: inline;
}
.share h4 {
min-width: 130px;
text-align: left;
}
/* Share Bar Styles End */

/* Share Button for slideshow Begins */
div.share_btn {
  z-index: 2;
  width:600px;
  overflow: hidden;
  float: right;
  text-align: right;
  margin-top:-20px;
}

div.share_btn img {
  width:87px;
  height: 33px;
}