/* Remove dotted outline from image inputs */
input::-moz-focus-inner {
 border: 0;
}
div.mobile-menu a {
	background: url("../images/mobile-menu-icon.png") no-repeat scroll 0 10px transparent;
	display: block;
	height: 40px;
	right: 10px;
	outline: medium none;
	position: absolute;
	top: 12px;
	width: 40px;
	z-index: 1050;
}
/* Remove dotted outline from all links */
a, a:focus {
	outline: 0;
}
/* ===================================================== 
Lyris Main Layout Custom Stylesheet
======================================================== */

h2 {
	/* font:normal 22px/125% "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif; */
    color: #32363F;
	font-family: "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
	margin: 0 0 15px;
}
p {
	color: #5E6168;
	font: 200 18px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	margin: 0 0 25px 0;
}



/* Animations
  .span4, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
  	-webkit-transition: all 3s ease-in-out;
	-moz-transition: all 3s ease-in-out;
	-o-transition: all 3s ease-in-out;
	transition: all 3s ease-in-out;
  }
 */
a {
	outline: none;
	cursor: pointer;
}
.clear {
	clear: both;
}
.clear-height {
    clear: both;
    height: 30px;
}
/* ============ Header style  start from here ============ */
#header {
	background: #383b43 url("../images/top-header-bg.jpg") repeat-x center bottom;
	*background: #383b43 url("../images/top-header-bg.jpg") repeat-x center bottom;
	background: #383b43 url("../images/top-header-bg.jpg") repeat-x center bottom\9;
}
#header .lyris-logo {
	padding: 40px 0 0 0px;
	transition-duration: 0.1s;
    transition-property: all;
}
/* Web - 20th anniversary logo begin */
#header .lyris-logo .logo-img {
    float: left;
    width: 120px;
}
/*new style of top header section may 2015 end css begin */
#header .lyris-logo span.innovation-cta {
    color: #AFD878;
    font: italic 24px/205% "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif;
}
#header .lyris-logo span.innovation-cta a:hover {
	text-decoration: none;
}
#header.ha-header-small .lyris-logo {
  	margin-top: 16px;
}
#header.ha-header-small .lyris-logo .logo-img {
  	width: 103px;
}
#header.ha-header-small .logo-img img {
	margin-top: 6px;
	width: 92px;
}
#header.ha-header-small .lyris-logo .year-inno-section {
  	margin-left: 0 !important;
  	margin-top: 0 !important;
}
#header.ha-header-small .lyris-logo span.innovation-cta {
	font-size: 22px;
}
#header.ha-header-small .lyris-logo span.innovation-cta a.img {
 	margin-left: 8px;
}
/*new style of top header section may 2015 end css code */ 
#header .lyris-logo .year-inno-section {
    float: left;
    margin-left: 8px;
    margin-top: -5px;
    width: 250px;
}
#header .lyris-logo a.innovation-cta span {
    font-style: italic;
    font-weight: normal;
}
.ha-header-small .lyris-logo a.innovation-cta {
    display: block;
    padding-top: 14px;
}
.ha-header-small .lyris-logo span.img img {
    margin-left: 0;
    margin-top: 0;
    width: auto;
}
.ha-header-small .lyris-logo .year-inno-section {
    margin-left: 18px !important;
}
/* Web - 20th anniversary logo end */
#header #header-right {
	margin: 30px 0 0 0px;
	float: right;
	height: 30px;
}
#header .top-right-links {
	float:left;
	padding:0px 0px 0px 0px;
	margin-right:10px;
}
#header .top-right-links ul li {
	list-style: none;
	color:#a39e9b;
	background: url("../images/menu-seperator.png") no-repeat 0 3px;
	float: left;
	padding: 0 8px;
	font: 14px/20px "ff-milo-web-pro-i3","ff-milo-web-pro",sans-serif;
}
#header .top-right-links ul li.first {
	background: none;
	font:14px/20px "ff-milo-web-pro-i3","ff-milo-web-pro",sans-serif;
}
#header .top-right-links ul li a {
	font-size:14px;
	color:#a39e9b;
	text-decoration:none;
}
#header .top-right-links ul li a:hover {
	text-decoration: underline;
}
#header .topsearch {
	float: left;
	margin: 0 0px 0 0px;
}
#header .topsearch input {
	background: #727275 url("../images/search-button.png") no-repeat right 4px !important;
	color: #333;
	border: none;
	width: 137px;
	height: 17px;
	padding:2px 5px;
}
#header .topsearch input:focus {
	background-color: #ccc !important;
}
#header .topsearch input.googlesearch_searchbutton {
	background: none repeat scroll 0 0 transparent !important;
	left: -20px;
	top:-5px;
	margin: 0;
	position: relative;
	width: 20px;
}
#header .client-login-cta {
	float: right;
	background: url("../images/client-login-bg.png") no-repeat 0 0;
	padding: 0 20px;
	margin: 0 0 0 0px;
	width: 100px;
	height: 20px;
}
#LangMenu {
    background: url("/templates/lyristbtemplte.v1.0/images/lang-drop-arrow.png") no-repeat scroll right 6px rgba(0, 0, 0, 0);
    width: 160px;
}
#LangMenu .CurrentLang {
    color: #A39E9B;
    cursor: pointer;
    display: block;
    font-family: "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    font-size: 14px;
    text-decoration: none;
    padding: 0 20px 0 0;
    text-align: right;
}
#LangMenu .french-lang {
	padding: 0 20px 0 0;
	text-align: right;
}
#LangLinks {
    display: none;
    margin: 10px 0 0;
    position: absolute;
    width: 213px;
    z-index: 1000;
}
#LangLinks li {
    background: url("/templates/lyristbtemplte.v1.0/images/dropdown_1_bg.png") repeat-y scroll center bottom rgba(0, 0, 0, 0) !important;
    list-style: none outside none !important;
    padding: 6px 11px 0 13px !important;
    width: 85%;
}
#LangLinks li a {
    background: url("../images/dropdown_1_line.png") no-repeat scroll 0 bottom rgba(0, 0, 0, 0) !important;
    color: #FFFFFF !important;
    display: block;
    padding: 0 0 10px 4px;
    width: 96%;
}
#LangLinks li a:hover {
    color: #E5FEB3 !important;
    text-decoration: none !important;
}
#scrolling-effect {
    margin-top: 122px;
}
.fix-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 30000000;
    position: fixed\9; /*ie 8 browsers css */
    width: 100%\9; /*ie 8 browsers css */
    z-index: 30000000\9; /*ie 8 browsers css */
    transition-duration: 0.1s;
    transition-property: all;
}
.ha-header-small {
    top: -52px;
    transition-duration: 0.1s;
    transition-property: all;
}
.ha-header-small li.first {
    display: none;
}
/* ============ Header style  End here ============ */
/*  ============ Home Celebrate Marketing Independence on July 15th starts here ============ */
#HomeCelebrateMarketingIndependence {
	margin: 0;
	padding: 0;
}
#HomeCelebrateMarketingIndependence .celebratemarketing-bg {
	background: url("/images/product/2014-0701/homepage-celebrate-marketing-independence-bg-img.png") no-repeat center 0;
	display: block;
	padding: 0 0 70px 0;
}
#HomeCelebrateMarketingIndependence .celebratemarketing-bg h2 {
	font: 30px/125% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #ffffff;
	text-align: center;
	padding: 85px 0 0 0; 
	margin: 0;
}
#HomeCelebrateMarketingIndependence .celebratemarketing-bg span {
	font: 20px/125% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #ceeda4;
	text-align: center;
	padding: 6px 0 0 5px;
	margin: 0 auto;
	display: block;
}
#HomeCelebrateMarketingIndependence .celebratemarketing-bg a {
	text-align: center;
	display: block;
	margin: 0 auto;
	padding-top: 65px;
}
#HomeCelebrateMarketingIndependence .celebratemarketing-bg .join-section {
	width: 50%;
	margin: 0 auto;
	padding-top: 18px; 
}
#HomeCelebrateMarketingIndependence .celebratemarketing-bg .join-section p {
	font: bold 20px/125% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #45812b;
	text-align: center;
	margin: 0 auto;
	display: block;
	text-decoration: none;
}
#HomeCelebrateMarketingIndependence .celebratemarketing-bg .join-section p a {
	background: url("/images/product/2014-0701/product-release-new-arow-img-2014-0701.png") no-repeat 0 0;
	font: bold 20px/125% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #45812b;
	text-align: center;
	margin: 0 auto;
	display: block;
	padding-top: 30px;
	width: 57%;
	background-position: right 32px;
	text-decoration: none;
}
/*  ============ Home Celebrate Marketing Independence on July 15th ends here ============ */
/*  ============ July 15 LyrisProductRelease starts here ============ */
#JulyLyrisProductRelease {
	margin: 0;
	padding: 0;
}
#JulyLyrisProductRelease .celebrate-bg {
	background: url("/images/product/2014-0701/july-15-product-page-bg.png") no-repeat center 0;
	height: 399px;
	clear: both;
}
#JulyLyrisProductRelease h4 {
    color: #45812B !important;
    font-family: "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    margin: 50px 0 0 !important;
    text-align: center;
}
#JulyLyrisProductRelease .celebrate-bg h2 {
	font: 30px/125% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #ffffff;
	text-align: center;
	padding: 30px 0 0 0; 
	margin: 0;
}
#JulyLyrisProductRelease .celebrate-bg span {
	font: 20px/125% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #ceeda4;
	text-align: center;
	padding: 6px 10px 0 0;
	margin: 0 auto;
	display: block;
}
/* #JulyLyrisProductRelease p {
	font: 20px/125% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #ceeda4;
	text-align: center;
	padding: 6px 10px 0 0;
} */
#JulyLyrisProductRelease a {
	display: block;
    margin: 0 auto;
    padding-top: 16px;
    text-align: center;
}
#ProductMiddleContentSection {
	margin-top: 5px;
	width: 70%; 
}
#ProductMiddleContentSection p {
	font: 200 18px/125% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	text-align: left;
	color: #5e6167;
}
#ProductMiddleContentSection ul {
	font: 18px/125% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #5e6167;
	margin: 0 0 25px 16px;
}
#ProductMiddleContentSection ul li {
	font: 18px/125% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #5e6167;
	 margin: 0 0 19px;
    padding: 0 0 0 37px;
}
#ProductMiddleContentSection p.w-img {
	background: url("/images/product/2014-0701/alphabet-w-img.png") no-repeat 0 0;
	display: block;
	padding: 30px 0 0;
}
#ProductScriptSection {
	width: 70%;
	background: url("/images/product/2014-0701/product-release-new-lyris-logo-2014-0701.png") no-repeat 0 0;
	background-position: 37px 0;
}
#ProductScriptSection .hs-form-field {
	width: 200px !important;
	float: left !important;
	margin: 85px 0 0 165px !important;
}
#ProductScriptSection .hs-form-field .hs-input {
	max-width: 160px !important;
	float: left !important;
	border: 2px solid #8dc73f !important;
	height: 47px !important;
}
#ProductScriptSection .hs_submit {
	float: left;
	margin: 74px 0 0 0 !important;
}
#ProductScriptSection .actions {
	background: url("/images/product/2014-0701/product-release-new-arow-img-2014-0701.png") no-repeat right 0 !important;
	display: block !important; 
	background-position: right 21px !important;
	margin-top: 25px !important;
}
#ProductScriptSection .actions .hs-button {
	background: none !important;
	border: none !important;
	font: 20px/125% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif !important;
	color: #45812b !important;
	margin-top: 0px !important;
}
#ProductScriptSection .hs-form .hs-button {
    border: 0 none !important;
    color: #8DC73F !important;
    cursor: pointer !important;
    display: block !important;
    height: 24px !important;
    margin: 0 !important;
    outline: 0 none !important;
    padding: 0 10px 0 0!important;
    text-shadow: none;
    text-align: right;
    width: 205px !important;
}
/* ============ July 15 LyrisProductRelease ends ============ */
/* ============ contact us strat ============*/
.contact-form-lhs-2014 {
    background-color: #e9e8e7;
    padding: 20px 30px 0;
}
.contact-top-pad {
	margin-top: 0;
}
.hs-form fieldset {
	border: 0 none;
    margin: 0;
    max-width: 650px !important;
}
.hs-form .hs-button {
	background: url("/images/more-button.png") no-repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    color: #ffffff !important;
    cursor: pointer !important;
    display: block !important;
    height: 20px !important;
    margin: 0 !important;
    outline: 0 none !important;
    padding: 0 !important;
    width: 98px !important;
}
.hs-form .hs-button:hover, .hs-form .hs-button:focus, .hs-form .hs-button.hovered {
	border-color: none !important;
	border-style: none !important;
	border-width: none !important;
	box-shadow: none !important;
}
.hs-form .hs-button:hover {
	background: url("/images/more-button.png") no-repeat scroll 0 -20px transparent !important;
}
.hs-form .hs-input, .hs-form textarea.hs-input {
	box-sizing: border-box !important;
    max-width: 508px !important;
}
.hs-form .hs-input, .hs-form input.hs-input {
	box-sizing: border-box !important;
    max-width: 503px !important;
}
.hs-form .hs-input, .hs-form select.hs-input {
	box-sizing: border-box !important;
    max-width: 497px !important;
    height: auto !important; 
}
input.hs-input, textarea.hs-input, .hs-input.uneditable-input {
	height: 28px !important;
}
.hs-form.stacked .actions {
	margin-left: -16px !important;
}
.hs-form.stacked label {
	font-weight: 500 !important;
}
/* ============ contact us ends ============ */

/* ============ Layer Slider Styles Begin ============ */
.ls-layer,  .ls-layer * {
	font-family: Arial, Serif;
	white-space: nowrap;
	font-weight: normal;
	text-shadow: none;
}
.br5 {
	border-radius: 5px;
}
.c {
	text-align: center;
}
.sl1, .sl2 {
	font-size: 50px;
	line-height: 100px;
	height: 100px;
}
.sl1 {
	color: #eee;
	background: black;
	background: rgba(0, 0, 0, .75);
}
.sl2 {
	color: #444;
	background: white;
}
.red,  .black,  .white {
	line-height: 70px;
	font-size: 40px;
}
.red {
	color: white;
	background: #cf431d;
}
.black {
	background: black;
	background: rgba(0, 0, 0, .75);
	color: white;
}
.white {
	color: #444;
	background: white;
}
.plus1,  .plus2,  .plus3,  .plus4,  .br100 {
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}
.plus1,  .plus2,  .plus3,  .plus4 {
	text-align: center;
	width: 50px;
	height: 50px;
	font-size: 50px;
	line-height: 50px;
}
.plus1 {
	color: #eee;
	background: #2e69ad;
}
.plus2 {
	color: #224177;
	background: #eee;
}
.plus3 {
	color: #3b173d;
	background: #eee;
}
.plus4 {
	color: white;
	background: #85c201;
}
.text1,  .text2,  .text3,  .text4,  .text5,  .text6,  .text7 {
	font-size: 30px;
}
.text1 {
	color: #f0f6fd;
}
.text2 {
	padding: 10px 25px 10px 25px;
	color: #f0f6fd;
	background: #2e69ad;
}
.text3 {
	padding: 10px 25px 10px 25px;
	color: #2e69ad;
	background: #f0f6fd;
}
.text4 {
	text-shadow: 0px 0px 20px #224177;
	color: #eee;
}
.text5 {
	padding: 10px 25px;
	color: #224177;
	background: #eee;
}
.text6 {
	color: #eee;
}
.text7 {
	color: #85c201;
}
.text-a {
	font-weight: bold;
	padding: 15px 30px 15px 30px;
	font-size: 100px;
	color: #f4f8fc;
}
.text-b {
	border-radius: 5px;
	padding: 5px 15px;
	font-size: 30px;
	color: #94e60f;
	background: black;
}
.text-c {
 box-shadow: -2px -2px 15px -3px black  border-radius: 5px;
	padding: 10px 20px;
	font-size: 40px;
	color: black;
	background: #94e60f;
}
.text-d {
	box-shadow: -3px -3px 20px -3px black;
	border-radius: 5px;
	padding: 15px 30px 15px 30px;
	font-size: 60px;
	color: #94e60f;
	background: black;
}
.text-e {
	padding: 4px 15px 7px 15px;
	font-size: 24px;
	color: #444f70;
	background: #ffffff;
}
.text-f {
	font-size: 60px;
	color: #ff7700;
}
/* ============ Layer Slider Styles End ============ */
/* ============ Content area style start from here ============ */
hr {
    background: none repeat scroll 0 0 #9EA1A7;
    border: medium none;
    clear: both;
    float: left;
    height: 1px;
    width: 100%;
}
#MainContentWrap {
	background: #fff url("../images/page-background.jpg") repeat-x top center;
}
#MainContentWrap .main-content-area {
	background: #fff;
	padding: 0 0 30px 0px;
}
#MainContentWrap .main-content-area a{
	text-decoration: underline;
}
#MainContentWrap .pre {
    font: 200 18px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
#MainContentWrap .coalitions-logos a {
    font: 200 18px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
#MainContentWrap .tab-button-holder a {
    font: 200 18px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
#MainContentWrap .main-content-area a.non-underline {
    text-decoration: none;
}
#MainBanner {
	padding: 0;
	margin: 0;
	background: #0a1109 url("../images/homeslider-background.jpg") repeat-x 0 bottom;
}
#MainBanner img {
	width: 100%;
}
#MainContentWrap .main-content-area #HomeVideoDemoOuter {
	padding: 30px 0px 0 0;
}
#MainContentWrap .home-video-images {
	position: relative;
	text-align: center;
}
#MainContentWrap .home-video-images img {
	-webkit-box-shadow: 0 8px 6px -6px #333;
	-moz-box-shadow: 0 8px 6px -6px #333;
	box-shadow: 0 8px 6px -6px #333;
}
#MainContentWrap .home-video-images img:hover {
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}
#MainContentWrap .main-content-area p.home-video-demo {
	display: block;
	margin:0px auto;
	text-align: center;
	color: #fff;
	font-size: 12px;
	position: absolute;
	bottom: 10px;
	width: 100%;
}
#MainContentWrap .main-content-area p.home-video-demo:hover {
	text-decoration: none;
}
#MainContentWrap .main-content-area .welcomebox {
	padding: 30px 10px 0 0;
}

#MainContentWrap a.product-demo-rhs-retail-sections, #MainContentWrap a.home-appointment-cta-retail-sections,
#MainContentWrap a.product-chat-cta  {
    background: url("../images/product-demo-rhs-icon.png") no-repeat scroll 15px center #00768B;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 8px 6px -6px #333333;
    color: #FFFFFF;
    display: block;
    font-family: "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 58px;
    margin: 0 auto;
    padding: 17px 0 0 65px;
    width: 180px;
}
#MainContentWrap a.product-chat-cta {
	background: #00768b url("../images/home-chat-cta-icon.png") no-repeat 15px center;
}
#MainContentWrap a.product-chat-cta:hover {
	text-decoration: none;
	background: #138fa5 url("../images/home-chat-cta-icon.png") no-repeat 15px center;
}
#MainContentWrap a.home-appointment-cta-retail-sections {
	background: #00768b url("../images/home-appointment-icon.png") no-repeat 15px center;
	text-decoration: none;
	float: right;
}
#MainContentWrap a.home-appointment-cta-retail-sections:hover {
	text-decoration: none;
	background: #138fa5 url("../images/home-appointment-icon.png") no-repeat 15px center;
}
#MainContentWrap a.product-demo-rhs-retail-sections {
	text-decoration: none;
	background: #00768b url("../images/demo-btn-icon.png") no-repeat 15px center;
}
#MainContentWrap a.product-demo-rhs-retail-sections:hover {
	text-decoration: none;
	background: #138fa5 url("../images/demo-btn-icon.png") no-repeat 15px center;
}
#MainContentWrap a.home-chat-cta, 
#MainContentWrap a.home-appointment-cta, 
#MainContentWrap .main-content-area a.product-demo-rhs, 
#MainContentWrap #CareerTop a.career-demo-bg {
	width: 180px;
	color: #FFFFFF;
	float: left;
	font-family: "ff-milo-web-pro-i4", "ff-milo-web-pro", sans-serif;
	font-weight: 400;
	font-size: 16px;
	height: 58px;
	padding: 17px 0px 0 65px;
	margin: 0 0 0 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 8px 6px -6px #333;
	-moz-box-shadow: 0 8px 6px -6px #333;
	box-shadow: 0 8px 6px -6px #333;
	text-decoration: none;
}
#MainContentWrap a.home-chat-cta {
	background: #00768b url("../images/home-chat-cta-icon.png") no-repeat 15px center;
}
#MainContentWrap a.home-chat-cta:hover {
	text-decoration: none;
	background: #138fa5 url("../images/home-chat-cta-icon.png") no-repeat 15px center;
}
#MainContentWrap a.home-appointment-cta {
	background: #00768b url("../images/home-appointment-icon.png") no-repeat 15px center;
	margin: 0 0 0 20px;
}
#MainContentWrap a.home-appointment-cta:hover {
	text-decoration: none;
	background: #138fa5 url("../images/home-appointment-icon.png") no-repeat 15px center;
}
#MainContentWrap .main-content-area a.product-demo-rhs {
	text-decoration: none;
	background: #00768b url("../images/demo-btn-icon.png") no-repeat 15px center;
}
#MainContentWrap .main-content-area a.product-demo-rhs:hover {
	text-decoration: none;
	background: #138fa5 url("../images/demo-btn-icon.png") no-repeat 15px center;
}
#MainContentWrap #CareerTop a.career-demo-bg {
	text-decoration: none;
	background: #00768b url("../images/career-button-icon.png") no-repeat 15px center;
}
#MainContentWrap #CareerTop a.career-demo-bg:hover {
	text-decoration: none;
	background: #138fa5 url("../images/career-button-icon.png") no-repeat 15px center;
}
#MainContentWrap #CareerTop a.career-demo-bg {
	margin-bottom: 35px;
	float: right;
}
#MainContentWrap #LyrisMedia a.blue-cta {
  	float: right;
  	margin-bottom: 35px;
}
#MainContentWrap #LyrisMedia a.blue-cta {
  	background: url("../images/book-icon-img.png") no-repeat scroll 15px center #00768b;
  	text-decoration: none;
}
#MainContentWrap #LyrisMedia a.blue-cta {
  	border-radius: 10px;
  	box-shadow: 0 8px 6px -6px #333;
  	color: #ffffff;
  	font-family: "ff-milo-web-pro-i4", "ff-milo-web-pro", sans-serif;
  	font-size: 16px;
  	font-weight: 600;
  	height: 67px;
  	padding: 17px 0 0 70px;
  	width: 184px;
}
#MainContentWrap #LyrisMedia a.blue-cta strong {
  	display: inline-block;
  	font-size: 12px;
  	font-weight: 400;
  	line-height: 125%;
}
#MainContentWrap .welcomebox .span12 {
	-webkit-transition: none;
	-moz-transition:    none;
	-ms-transition:     none;
	-o-transition:      none;
	transition:         none;
}
#MainContentWrap .main-content-area a.home-chat-cta span, #MainContentWrap .main-content-area a.home-appointment-cta span, #MainContentWrap .main-content-area a.product-demo-rhs span {
	font-size: 16px;
	font-weight: bold;
}
#MainContentWrap .main-content-area #HomeBoxesOuter {
	padding: 30px 0 0px 0;
}
#MainContentWrap .main-content-area .home-boxes {
	border: 2px #e9e8e7 solid;
	padding: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}
#MainContentWrap .main-content-area .home-box-icon-holder {
	
}
#MainContentWrap .main-content-area .home-boxes-icon {
	float: left;
	padding: 0 10px 13px 0;
}
#MainContentWrap .main-content-area .home-boxes a.learn-more {
	color: #fff;
	font: 16px/140% "ff-milo-web-pro-i4", "ff-milo-web-pro", sans-serif;
	background: url("../images/more-button-large.png") no-repeat 0 0px;
	padding: 0px 5px;
	float: left;
	text-align: center;
	height: 20px;
	width: 110px;
}
#MainContentWrap .main-content-area .home-boxes a.learn-more:hover {
	background: url("../images/more-button-large.png") no-repeat 0 -20px;
	text-decoration: none;
}
#MainContentWrap #NewsBlogTweetWidgets {
	padding: 20px 0 0 0;
	margin: 0px 0 0;
}
#MainContentWrap #NewsBlogTweetWidgets .news-blog-tweet-widget-container {
	padding: 15px;
	background: #FAFAFA;
	border: 1px solid #E9E8E6;
	margin: 0px 0 0;
	overflow: hidden;
}
#MainContentWrap #NewsBlogTweetWidgets .news-blog-tweet-widget-box {
	border-right: 1px #bebebe dotted;
	padding: 0 20px 0 0px;
}
#MainContentWrap #NewsBlogTweetWidgets .news-blog-tweet-widget-box p {
	font-size: 12px;
	margin: 0 0 10px 0;
}
#MainContentWrap #NewsBlogTweetWidgets .news-blog-tweet-widget-box-last {
	padding: 0 0px 0 0px;
}
#MainContentWrap #NewsBlogTweetWidgets .news-blog-tweet-widget-box-last p {
	font-size: 12px;
	margin: 0 0 10px 0;
}
#MainContentWrap #NewsBlogTweetWidgets .news-blog-tweet-widget-container h2 {
	font: bold 14px/100% Arial, Helvetica, sans-serif;
	float: left;
	margin: 0;
	padding: 0;
}
#MainContentWrap #NewsBlogTweetWidgets .news-blog-tweet-widget-container .more-link {
	float: right;
}
#MainContentWrap #NewsBlogTweetWidgets .news-blog-tweet-widget-container a {
	text-decoration: underline;
	color: ##00768B;
}
#MainContentWrap #NewsBlogTweetWidgets .news-blog-tweet-widget-container a:hover {
	text-decoration: none;
}
#MainContentWrap #NewsBlogTweetWidgets .news-blog-tweet-widget-content {
	padding: 20px 0 0 0;
	margin: 0;
}
#NewsBlogTweetWidgets .news-blog-tweet-widget-content p {
	font-size: 12px;
}
#eiu-cta {
    margin: 0 auto 50px;
}
.cta-left-padding {
    float: left;
    margin: 0 0 10px 20px !important;
}
#subpagebanner img{
	width: 100%;
}
#eiu-cta a.product-chat-cta, #eiu-cta a.home-appointment-cta-retail-sections  {
    background: url("../images/product-demo-rhs-icon.png") no-repeat scroll 15px center #00768B;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 8px 6px -6px #333333;
    color: #FFFFFF;
    display: block;
    font-family: "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 58px;
    margin: 0 auto;
    padding: 17px 0 0 65px;
    width: 180px;
}
#eiu-cta a.product-chat-cta {
	background: #00768b url("../images/home-chat-cta-icon.png") no-repeat 15px center;
}
#eiu-cta a.product-chat-cta:hover {
	text-decoration: none;
	background: #138fa5 url("../images/home-chat-cta-icon.png") no-repeat 15px center;
}
#eiu-cta a.home-appointment-cta-retail-sections {
	background: #00768b url("../images/home-appointment-icon.png") no-repeat 15px center;
	text-decoration: none;
}
#eiu-cta a.home-appointment-cta-retail-sections:hover {
	text-decoration: none;
	background: #138fa5 url("../images/home-appointment-icon.png") no-repeat 15px center;
}
.tab-content-holder, .tab-content-holder-two, .tab-content-holder-three, .tab-content-holder-four, .tab-content-holder-five {
	display: none;
}
.tab-button-holder {
	margin: 0 0 20px 0;
	border-top: 1px dotted #9ea1a7;
	padding: 5px 0 0 0;
}
.min-button, .min-button-two, .min-button-three, .min-button-four, .min-button-five {
	display: block;
	background: url("../images/less-va.jpg") no-repeat right center;
	padding: 0 32px 0 0;
	float: right;
	width: 59px;
	height: 22px;
}
.min-button, .min-button-two, .min-button-three, .min-button-four, .min-button-five {
	display: none;
}
.max-button, .max-button-two, .max-button-three, .max-button-four, .max-button-five {
	display: block;
	background: url("../images/more-va.jpg") no-repeat right center;
	padding: 0 22px 0 0;
	float: right;
	width: 59x;
	height: 22px;
}
#great-customers img {
	border: 0 none;
	height: auto;
	margin: 0 0 15px;
	max-width: 100%;
	vertical-align: middle;
}
/* ============ Content area style End from here ============ */
/* ================ Overview template style Start from here ============== */

#InnerMainBanner {
	background: #000 url("../images/inner-banner-bg.jpg") repeat-x 0 bottom;
	background-size: 100% 100%;
}
#InnerMainBanner .container {
	position: relative;
}
#InnerMainBanner h1 {
	position: absolute;
	left: 30px;
	top: 26%;
	color: #FFFFFF;
	font-family: "ff-milo-web-pro-i4", "ff-milo-web-pro", sans-serif;
	font-size: 42px;
	font-style: italic;
	font-weight: 400;
	text-align: left;
}
#BreadcrumbsMain {
	background: #fff;
	padding: 0 38px 20px 38px;
	float: left;
}
.breadcrumbs {
	float: left;
	margin: 0;
	padding: 10px 0 0;
	width: 100%;
	color:#a39e9b;
	font-size:14px;
	font-family:"ff-milo-web-pro-i3","ff-milo-web-pro",sans-serif;
}
#BreadcrumbsMain ul {
	margin: 0;
	padding: 0
}
#BreadcrumbsMain ul li {
	margin: 0;
	padding: 0 15px 0 0;
	list-style:none;
	float: left;
}
.breadcrumbs a {
	background: url("../images/breadcrumbs-arrow.png") no-repeat right center;
	padding: 0 15px 0 0;
	color:#a39e9b;
	font-size:14px;
	font-family:"ff-milo-web-pro-i3","ff-milo-web-pro",sans-serif;
	list-style:none;
	outline: none;
	margin: 0 10px 0 0;
}
.breadcrumbs span {
	display:none;
}
#BreadcrumbsMain ul li a.last {
	background: none;
}
.height-mp {
	overflow: hidden;
}
#MainContentWrap #InnerPageContentArea {
	padding: 20px 30px 0 30px;
	margin: 0px 0 0;
}
#MainContentWrap h1 {
	clear: left;
	color: #8DC73F;
	font-family: "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif;
	font-size: 42px;
	font-style: italic;
	font-weight: 400;
	line-height: 125%;
	margin: 0 0 24px;
}
#MainContentWrap #LyrisMedia h1 {
    margin-top: 0;
    margin-bottom: 0;
}
#MainContentWrap #LyrisMedia h2.small-title {
  	font-weight: bold;
}
#DesignedRetail img.center {
  	display: block;
  	margin: 0 auto; 
}
body.retail h1 {
	margin-bottom: 0px !important;
}
#MainContentWrap h1.align-center {
	text-align: center;
}
#MainContentWrap h1.lyris-hq, #MainContentWrap h1.lyris-lm  {
	clear: left;
    color: #32363F;
    font-family: "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    margin: 10px 0 15px;
}
#MainContentWrap h2 {
	clear: left;
	color: #32363f;
	font-family: "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
	margin: 0 0 18px;
}
#MainContentWrap h3 {
	color: #32363F;
	font-family: "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 125%;
	margin: 10px 0 15px;
}
#MainContentWrap a.product-demo-rhs {
	background: #00768b url("../images/product-demo-rhs-icon.png") no-repeat 15px center;
	color: #FFFFFF;
	font-family: "ff-milo-web-pro-i4", "ff-milo-web-pro", sans-serif;
	font-weight: 400;
	height: 58px;
	padding: 17px 0px 0 65px;
	margin: 0 auto;
	display: block;
	font-size: 16px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 8px 6px -6px #333;
	-moz-box-shadow: 0 8px 6px -6px #333;
	box-shadow: 0 8px 6px -6px #333;
	width: 180px;
}
#MainContentWrap a.product-demo-rhs span {
	font-weight: bold;
}
#MainContentWrap a.product-demo-rhs:hover {
	text-decoration: none;
	background: #138fa5 url("../images/product-demo-rhs-icon.png") no-repeat 15px center;
}
#MainContentWrap #buttonblocka-partners {
    float: right;
    margin-right: 9px;
    padding: 0px 0 25px 25px;
}
#MainContentWrap #buttonblocka {
	padding: 0 0 25px 25px;
	float: right;
	margin-right: 9px;
}
#MainContentWrap ul li {
	background: url("/images/products-overview-bullet-icon.png") no-repeat scroll 7px 7px rgba(0, 0, 0, 0);
    color: #5E6167;
    font: 200 18px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    list-style: none outside none;
    margin: 0 0 19px;
    padding: 0 0 0 25px;
}
#MainContentWrap .image-align-center img {
	margin: 0 auto;
	display: block;
}
#MainContentWrap .content-box-with-line {
	padding: 0px 0 0 0;
	margin: 0 0 15px 0px;
	border-bottom: 1px #9ea1a7 solid;
}
#MainContentWrap .content-box {
	padding: 20px 0px;
	margin: 0 0 10px 0px;
}
#KeyBenefitsList {
	margin: 0;
	padding: 0 20px;
}
#KeyBenefitsList ul {
	margin: 0;
	padding: 0;
}
#KeyBenefitsList ul li {
	margin: 0;
	padding: 0 0 20px 0;
	list-style: none;
	float: left;
	width: 100%;
}
#KeyBenefitsList div.key-benefits-icons {
	padding: 0 0 15px 0px;
}
/* ================ Overview template style  End from here ============== */
/* ========================== item-page Style start from here =========== */  
.item-page {
	padding: 0 40px;
}
.item-page li {
    color: #5E6168;
    font-family: "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    font-size: 16px;
    line-height: 20px;
}
.new-item-page {
	padding: 0 40px;
}
.item-page-widget {
	padding: 0 40px;
}
#FooterWrap .footlinksa, #FooterWrap .footlinksb {
	margin: 0 0 15px 0;
}
div.item-page .RHS-padding {
	padding: 0 0 0 0;
}
#OptimizeMonetize p.RHS-padding:last-child {
    margin: 0;
}
#EngageMonetizeAudiences p.RHS-padding:last-child {
    margin: 0;
}
div.item-page .intro-content {
	font: 200 20px/26px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
#MainContentWrap #buttonblock-solutions {
	width: 248px;
	float: right;
	padding: 0 0 25px 25px;
}
#MainContentWrap #buttonblock-solutions .home-appointment-cta-services {
	margin: 20px 0 0 0;
}
#MainContentWrap .services-cols img {
	display: block;
	width: 50px;
	padding: 0 0 10px 0;
}
#MainContentWrap .services strong {
	color: #00768b;
}
#MainContentWrap .relatedlinks .heading {
	border-bottom: 2px solid #C4C8CB;
    color: #46822A;
    font: 600 20px/125% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif-webkit-body;
    margin: 0 0 14px;
    padding: 0 0 4px;
    width: 100%;
}
#MainContentWrap .relatedlinks ul {
	margin: 0px;
}
#MainContentWrap .relatedlinks ul li {
    background: none repeat scroll 0 0;
    list-style: none outside none;
    margin: 6px 0 2px;
    padding: 0;
}
#MainContentWrap .relatedlinks ul li a {
	background: url("/images/green-arrow.jpg") no-repeat scroll 9px 13px rgba(0, 0, 0, 0);
    *background: url("/images/green-arrow.jpg") no-repeat scroll 9px 13px;
    background: url("/images/green-arrow.jpg") no-repeat scroll 9px 13px\9;
    clear: both;
    font: 16px/145% "ff-milo-web-pro-i3","ff-milo-web-pro",sans-serif;
    list-style: none outside none;
    margin: 0 0 8px;
    padding: 8px 0 0 30px;
    text-decoration: underline;
}
#MainContentWrap .relatedlinks ul li a:hover {
	text-decoration: underline;
	color: #00768B;
}
.campaign-services-section strong {
	color: #00768b;
}
.support-login {
	border: 2px solid #e9e8e7;
	padding: 20px;
	background-color: #E9E8E7;
	margin: 0 0 15px 0;
}
.camp-servi-bottom-margin {
	padding: 0 0px 30px 0px;
}
#digital-marketing {
  	height: 360px;
    margin: 0 auto;
    position: relative;
}
#digital-marketing .flash-file {
	left: 0;
    margin: 0 auto;
    position: absolute;
    top: -90px;
}
#digital-marketing-withoutflash {
/*  background: url("../images/digital-marketing-image.jpg") no-repeat scroll 0 0 transparent; */
    margin: 0 auto;
}
.company-picture img {
	display: block;
	margin: 0 auto;
 }
 #inside-promo-three-box {
 	margin: 0px auto;
 }
  #inside-promo-three-box .boarder {
 	border: 1px solid #D4D4D3;
 	padding: 5px;
 }
   #inside-promo-three-box .boarder-small {
 	border: 1px solid #D4D4D3;
 	padding: 5px;
 }
 #inside-promo-three-box a.digital-marketing-journey {
    background: url("/images/digital-marketing-journey.jpg") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    height: 60px;
    padding: 157px 0 0 10px;
    text-decoration: none;
    width: 322px;
    font-size: 14px;
    font-family: "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
 #inside-promo-three-box a.lyris-holiday-retail {
    background: url("/images/holidaybook-retails.jpg") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    height: 59px;
    padding: 157px 0 0 10px;
    text-decoration: none;
    width: 322px;
    font-size: 14px;
    font-family: "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
 #inside-promo-three-box a.retail-survey-guide {
    background: url("/images/retail-survey-findings-large-bg.jpg") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    height: 59px;
    padding: 157px 0 0 10px;
    text-decoration: none;
    width: 322px;
    font-size: 14px;
    font-family: "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
 #inside-promo-three-box a.strategy-serv {
    background: url("/images/strategy-serv-promobox.jpg") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    height: 60px;
    padding: 157px 0 0 10px;
    text-decoration: none;
    width: 322px;
    font-size: 14px;
    font-family: "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
 #inside-promo-three-box a.ocean-promo {
    background: url("/images/ocean-promobox.jpg") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    height: 60px;
    padding: 157px 0 0 10px;
    text-decoration: none;
    width: 322px;
    font-size: 14px;
    font-family: "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
 #inside-promo-three-box a.lyris-guide-maxout {
    background: url("/images/max-out-hover.jpg") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    height: 60px;
    padding: 157px 0 0 10px;
    text-decoration: none;
    width: 322px;
    font-size: 14px;
    font-family: "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
 #inside-promo-three-box a.lyris-blog-why-data-driven {
    background: url("/images/lyris-one-webcast.jpg") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    height: 60px;
    padding: 157px 0 0 10px;
    text-decoration: none;
    width: 322px;
    font-size: 14px;
    font-family: "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
 #inside-promo-three-box a.lyris-guide-maxout:hover, #inside-promo-three-box a.lyris-blog-why-data-driven:hover,
 #inside-promo-three-box a.digital-marketing-journey:hover, #inside-promo-three-box a.strategy-serv:hover,  #inside-promo-three-box a.ocean-promo:hover,
 #inside-promo-three-box a.lyris-holiday-retail:hover, #inside-promo-three-box a.retail-survey-guide:hover  {
    background-position: 0 -216px;
    text-decoration: none;
}
 #inside-promo-three-box a.mind-digital-gap-Infographic {
    background: url("/images/mind-the-digital-gap-infographic.jpg") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    height: 67px;
    padding: 173px 0 0 10px;
    text-decoration: none;
    width: 322px;
    font-size: 14px;
}
 #inside-promo-three-box a.eiu-consumer-survey {
    background: url("/images/webcast-eiu-ico.jpg") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    height: 67px;
    padding: 173px 0 0 10px;
    text-decoration: none;
    width: 322px;
    font-size: 14px;
}
 #inside-promo-three-box a.eiu-marketer-survey {
    background: url("/images/promobox-eiu-microsite-creative-2013-0725-new.jpg") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
   	height: 67px;
    padding: 173px 0 0 10px;
    text-decoration: none;
    width: 322px;
    font-size: 14px;
}
 #inside-promo-three-box a.retail-survey {
    background: url("/images/retail-survey-findings-bg.jpg") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    height: 67px;
    padding: 173px 0 0 10px;
    text-decoration: none;
    width: 322px;
    font-size: 14px;
}
 #inside-promo-three-box a.travel-survey-findings {
    background: url("/images/travel-survey-findings.jpg") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    height: 67px;
    padding: 173px 0 0 10px;
    text-decoration: none;
    width: 322px;
    font-size: 14px;
}
 #inside-promo-three-box a.banking-survey-findings {
    background: url("/images/banking-survey-findings.jpg") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
   	height: 67px;
    padding: 173px 0 0 10px;
    text-decoration: none;
    width: 322px;
    font-size: 14px;
}
 #inside-promo-three-box a.mind-digital-gap-Infographic:hover, 
 #inside-promo-three-box a.eiu-consumer-survey:hover, 
 #inside-promo-three-box a.eiu-marketer-survey:hover, 
 #inside-promo-three-box a.retail-survey:hover,  
 #inside-promo-three-box a.travel-survey-findings:hover,
 #inside-promo-three-box a.banking-survey-findings:hover {
    background-position: 0 -241px;
    text-decoration: none;
}
#comparison-table table {
    float: left;
}
#comparison-table td.basic {
    background: none repeat scroll 0 0 #00758C;
}
#comparison-table td.pro {
    background: none repeat scroll 0 0 #32363F;
}
#comparison-table td.premium {
    background: none repeat scroll 0 0 #46812B;
}
#comparison-table td span.small-font {
    color: #FFFFFF;
    float: left;
    font: bold 11px/125% Arial,Helvetica,sans-serif;
    padding: 8px 0 0;
}
#comparison-table td.greay-bg {
    height: 39px;
    padding: 0 0 0 23px;
}
#comparison-table td.bord-top-bot {
    border-bottom: 1px solid #D2D2D3;
    border-top: 1px solid #F4F4F4;
}
#comparison-table td.left-heads {
    background-color: #E3E3E3;
}
#comparison-table td {
    color: #202328;
    font: 14px/12px Arial,Helvetica,sans-serif;
}
#comparison-table td.des-col {
    padding: 15px 12px 15px 23px;
}
#comparison-table td span.link-content {
    color: #32363F;
    font: 12px/15px Arial,Helvetica,sans-serif;
}
#comparison-table td.t-centre {
    text-align: center;
}
#comparison-table td.msscc {
    background-color: #E3E3E3;
}
#comparison-table td a.plus {
    background: url("../images/more-va.jpg") no-repeat scroll 0 center transparent;
    color: #00768B;
    display: inline;
    font: bold 14px/12px Arial,Helvetica,sans-serif;
    padding: 0 0 0 22px;
    text-align: left;
    text-decoration: none;
}
#comparison-table td a.minus {
    background: url("../images/less-va.jpg") no-repeat scroll 0 center transparent;
    color: #00768B;
    display: inline;
    font: bold 14px/12px Arial,Helvetica,sans-serif;
    padding: 0 0 0 22px;
    text-align: left;
    text-decoration: none;
}
#comparison-table td.innertitle {
    font-size: 12px;
    line-height: 12px;
    padding: 14px 0 14px 44px;
}
#comparison-table td a.dummy-links {
    color: #00768B;
    display: inline;
    font: bold 14px/12px Arial,Helvetica,sans-serif;
    text-align: left;
    text-decoration: none;
}
#comparison-table td.top-header {
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    color: #FFFFFF;
    font: bold 14px/125% Arial,Helvetica,sans-serif;
    padding: 14px;
    text-align: center;
}
#CareerTop {
	background-color: #FFF;
}
#partners {
	margin: 0px auto;
}
#partners .partners-content {
    float: left;
    padding: 2px 0 0;
}
#partners .right-heading {
    margin: 0px 0 0;
}
#partners .left-cta {
    float: right;
}
#creative-campaign-bottom-three-links {
	margin: 0px auto;
}
#creative-campaign-bottom-three-links a.css-pdf-click-track {
	background: url("/images/bullet-img-icon-2013-august.jpg") no-repeat scroll 0 4px transparent;
	padding: 0 0 0 20px;
}
#partners-bottom-three-links {
	margin: 0px auto;
}
#partners-bottom-three-links ul {
	padding: 0px;
	margin: 0px;
}
#event-box {
    margin: 20px auto;
}
#event-box .events {
    border: 2px solid #E9E8E7;
    float: left;
    height: 130px;
    padding: 10px 0 0 10px;
}
#event-box .events a {
    color: #00768B;
    float: left;
    font-weight: 800;
}
#event-box .events a:hover {
 	color: #00768B;
    text-decoration: none;
}
#event-box .events span {
    clear: both;
    float: left;
    font: 200 16px/18px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
#event-box .events strong {
	clear: both;
    float: left;
    font: bold 16px/125% "ff-milo-web-pro-i3","ff-milo-web-pro",sans-serif;
}
#partners-bottom-three-links li {
	padding: 0px;
	margin: 0px;
}
#retail {
	margin: 0px auto;
}
#retail .right-heading {
    margin: 0px 0 0;
}
#retail .left-cta {
    float: right;
}
#retail h6 {
    background: url("/images/powe-cam-list-style.jpg") no-repeat scroll left 5px transparent;
    color: #45812B;
    font-family: "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    line-height: 125%;
    padding: 0 0 0 20px;
}
#retail p {
    color: #5E6167;
    font: 16px/140% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    margin: 0 0 25px 20px;
}
#retail a {
    float: left;
    font: 16px/20px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    outline: medium none;
    padding: 0 0 0 20px;
}
#lyris-cloud-image-center {
	background: url("/images/lyris-cloud-logo-2013-0826-img.jpg") no-repeat scroll 0 0 transparent;
    height: 262px;
    margin: 0 auto;
    padding: 0 0 20px 0;
    width: 395px;
}
.cloud-image-spacing {
    padding: 56px 0px 0px;
}
.lyris-one-diagram-right {
    float: right;
    padding: 14px 0 0 0;
}
.lyris-hq-lm-thumbnail p.enlarge-popup-img {
    margin: 0px 0 6px 0;
}
.lyris-hq-lm-thumbnail a.enlarge-popup {
    margin: 7px 0px 30px;
}
a.enlarge-popup-right {
    margin: -4px 0px 30px;
    text-align: right;
    float: right;
}
#lyris-cloud-image-center a.lyris-cloud-lm {
    background: url("/images/lyris-lm-logo-2013-0826-img.jpg") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    height: 84px;
    margin: 173px 0 0 12px;
    text-align: center;
    width: 179px;
}
#lyris-cloud-image-center a.lyris-cloud-hq {
    background: url("/images/lyris-hq-logo-2013-0826-img.jpg") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: right;
    height: 84px;
    margin: 173px 11px 0 0;
    text-align: center;
    width: 180px;
}
.d-data-wrapper .sortimg.span3 h2, .d-data-wrapper .sortimglast.span3 h2 {
	max-width: 207px;
}
.item-519, .item-529 {
	display: none;
}
div#microwidgetcontainer {
    background-color: #FAFAFA;
    border: 1px solid #E9E8E6;
    float: left;
    margin: 35px 0 0;
    overflow: hidden;
    width: 948px;
}
div.widgetbox-eiu {
    color: #33363F;
    float: left;
    height: 136px;
    overflow: hidden;
    padding: 0 15px;
    width: 436px;
}
div.separator-eiu {
    background: url("../images/vertical-line-dotted.jpg") repeat-y scroll 3px 0 transparent;
    float: left;
    height: 90px;
    margin: 25px 0 0;
    padding: 0 0 0 10px;
}
div#news p {
    padding: 0 0 1px;
}
.nspMainPortalMode1 .nspArts, .nspMainPortalMode1 .nspArt {
    height: 58px !important;
    overflow: hidden;
    width: 305px;
}
.nspMainPortalMode1 .nspArt h4.nspHeader a {
    color: #00768B;
    font: 12px/18px Arial,Helvetica,sans-serif;
    text-decoration: underline;
}
.nspMainPortalMode1 .nspArt p.nspInfo {
    color: #000000;
    font-size: 12px;
}
.nspMainPortalMode1 .nspArt p.nspText {
    float: none;
}
div.widgetbox-eiu p.widget-title {
    font: bold 14px/46px Arial,Helvetica,sans-serif;
}
.fstyle {
    padding: 0 0 0 124px;
}
.fstyle a {
    color: #00768B;
    font: 12px/46px Arial,Helvetica,sans-serif;
    text-decoration: underline;
}
#eiu-container {
    font-size: 12px;
}
#microsite-column-layout {
	margin: 0 0 30px 0;
}
#microsite-column-layout strong.green {
	color: #45812B;
	line-height: 32px;
}
#microsite-column-layout a.microsite-download-cta {
	background-image: url("../images/more-button-large.png");
	background-repeat: no-repeat;
	color: #FFFFFF !important;
	display: block;
	font-family: Arial;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
	text-align: center;
	text-decoration: none;
	width: 120px;
}
#microsite-column-layout a.microsite-download-cta:hover {
    background-position: 0 -20px;
    text-decoration: none !important;
}
.micro-cont-top {
	display: block;
}
.micro-cont-top h4 {
    clear: both;
    color: #8DC73F;
    float: left;
    font-family: "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 24px;
    padding: 0px 0 20px;
    text-align: center;
    width: 100%;
}
#eiu-widget-container{
	padding: 0 40px;
}
.eiu-widget, .home-widget {
   	margin: 0 auto;
    padding: 20px 0 30px;
}
.eiu-widget .news-blog-tweet-widget-container, .home-widget .news-blog-tweet-widget-container {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #E9E8E6;
    margin: 0;
    overflow: hidden;
    padding: 15px;
}
.eiu-widget .news-blog-tweet-widget-box, .home-widget .news-blog-tweet-widget-box {
    border-right: 1px dotted #BEBEBE;
    padding: 0 20px 0 0;
}
.eiu-widget .tweet-blog-tweet-widget-box, .home-widget .tweet-blog-tweet-widget-box {
    padding: 0px 0px 0px 0;
}
.eiu-widget .news-blog-tweet-widget-box-withoutboarder, .home-widget .news-blog-tweet-widget-box-withoutboarder {
    border-right: none;
    padding: 0 20px 0 0;
}
.eiu-widget .news-blog-tweet-widget-container h2, .home-widget .news-blog-tweet-widget-container h2 {
    color: #45812B;
    float: left;
    font: 24px/100% "ff-milo-web-pro-i3","ff-milo-web-pro",sans-serif;
    margin: 0;
    padding: 0;
}
.eiu-widget p, .home-widget p {
    font-size: 12px;
    margin: 0 0 10px;
}
.eiu-widget .news-blog-tweet-widget-content, .home-widget .news-blog-tweet-widget-content  {
    clear: both;
    margin: 0;
    padding: 20px 0 0;
}
.eiu-widget .news-blog-tweet-widget-container a, .home-widget .news-blog-tweet-widget-container a {
    font: 16px/100% "ff-milo-web-pro-i3","ff-milo-web-pro",sans-serif;
    text-decoration: underline;
}
.eiu-widget .news-blog-tweet-widget-container .more-link, .home-widget .news-blog-tweet-widget-container .more-link {
    float: right;
}
.eiu-widget .news-blog-tweet-widget-box-last, .home-widget .news-blog-tweet-widget-box-last {
    padding: 0 20px 0 0;
}
#comparison-table td a.normal {
	color: #32363F;
	font: 12px/12px Arial, Helvetica, sans-serif;
	height: 29px;
	padding: 0;
	text-align: left;
	text-decoration: underline;
}
/* =========================== 2013-home-page-new-template-december-section =================== */
#home-content-section {
	margin: 0px 11px 0 0px;
	padding: 0 0 10px 0;
}
#home-content-section-customer-animation {
	margin: 34px 11px 0 0px;
	padding: 0 0 11px 0;
}
#home-content-section-customer-animation h2{
	font: normal 28px/41px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	color: #45812b;
	margin: 0px;
	margin: 22px 0px 20px 0px;
}
#home-content-section-customer-animation a.title{
	font: normal 28px/41px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	color: #45812b;
	margin: 0px;
	margin: 22px 0px 20px 0px;
}
#home-content-section-logo {
	 margin: 0 0 27px;
	padding: 0;
}
#home-content-section-logo ul.customers-logo li{
	float: left;
	display: block;
	padding: 0 18px 14px 0;
	margin: 0px;
}
#home-content-section img.center{
	margin: 0px auto;
	display: block;
}
#home-content-section h2{
	font: normal 28px/41px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	color: #45812b;
	margin: 0px;
	margin: 25px 0px 0 0px;
}
#home-content-section a.title{
	font: normal 28px/41px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	color: #45812b;
	margin: 25px 0px 0 0px;
	display: block;
}
#home-content-section a, #home-content-section-customer-animation a {
	color: #45812A;
}
#home-content-section a:hover, #home-content-section-customer-animation a {
	text-decoration: none;
}
#home-content-section h3{
	font: normal 18px/33px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	color: #5e6167;
	margin: 0px;
}
#home-content-section .digital-marketing {
	margin: 34px auto 21px auto;
	float: left;
}
#home-content-section .digital-marketing ul {
	float: left;
	margin: 0px;
}
#home-content-section .border {
	border: 1px solid #D4D4D3;
    float: left;
    height: 227px;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
}
#home-content-section .box {
	float: left;
	cursor: pointer;
	overflow: hidden;
	height: 212px;
	padding: 0 5px 5px 5px;
	position: relative;
	margin-top: 5px;
}
#home-content-section .front {
	float: left;
	position: absolute;
	top: 150px;
	z-index: 10;
	cursor: pointer;
	font: normal 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 270px;
	color: #fff;
	width: 97%;
	text-decoration: none;
}
#home-content-section .back{
	font: normal 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 217px;
	color: #fff;
	text-decoration: none;
	float: left;
}
#home-content-section .digital-marketing a.first-guide{
 	color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 203px;
    margin: 0;
    padding: 16px 20px 7px;
    text-decoration: none;
    background: url(/images/black-transparent.png) center 0 repeat;
}
#home-content-section .digital-marketing a.second-guide{
 	color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 203px;
    margin: 0;
    padding: 7px 20px 7px;
    text-decoration: none;
    background: url(/images/black-transparent.png) center 0 repeat;
}
#home-content-section .digital-marketing a.third-guide {
 	color: #FFFFFF;
    float: left;
    font: 14px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 203px;
    margin: 0;
    padding: 7px 20px 7px;
    text-decoration: none;
    background: url(/images/black-transparent.png) center 0 repeat;
}
#home-content-section .digital-marketing a.third-guide-au {
 	color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 203px;
    margin: 0;
    padding: 9px 20px 7px;
    text-decoration: none;
    background: url(/images/black-transparent.png) center 0 repeat;
}
#home-content-section .digital-marketing a.first-guide-backcover {
	color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 217px;
    text-decoration: none;
    width: 332px;
    background: url(/images/anatomy-perfect-email-design-img-backimage.jpg) center 0 no-repeat;
}
#home-content-section .digital-marketing a.second-guide-backcover {
	color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 217px;
    text-decoration: none;
    width: 332px;
    background: url(/images/innovative-email-tactics-img.jpg) center 0 no-repeat;
    background-size: 100% auto;
}
#home-content-section .digital-marketing a.third-guide-backcover{
	color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 217px;
    text-decoration: none;
    width: 332px;
    background: url(/images/go-ape-customer-success-story-2014-0502-img-v2.jpg) center 0 no-repeat; 
}
#home-content-section .digital-marketing a.pumpkin-patch-img{
	color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 217px;
    text-decoration: none;
    width: 332px;
    background: url(/images/pumpkin-patch-img.jpg) center 0 no-repeat; 
}
#home-content-section .digital-marketing span {
	color: #c5ec8f;
}
#home-content-section span.promo-description {
	color: #FFFFFF;
    font: 14px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    margin: 24px 0 0;
    float: left;
}
#home-content-section-customer-animation .home-slider-holder {
    width: 100%;
    margin: 0px;
}
#home-content-section-customer-animation .home-slider-holder ul#testi-ani {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #404040;
	margin: 0;
	padding: 0;
}
#home-content-section-customer-animation .home-slider-holder ul#testi-ani li {
    display: block;
    padding: 0px 0px 35px;
    margin: 0px;
    width: auto !important;
}
#home-content-section-customer-animation .home-slider-holder ul#testi-ani li p {
	font: normal 23px/26pt "ff-milo-web-pro-i3", "ff-milo-web-pro", sans-serif;
	font-style: italic;
	color: #45812B;
	padding: 0 20px 0 7px;
	margin: 0 0 10px 0;
}
#home-content-section-customer-animation .home-slider-holder ul#testi-ani li .block {
	display: block;
}
#home-content-section-customer-animation .home-slider-holder ul#testi-ani li img {
	padding: 0 0 0 4px;
}
#home-content-section-customer-animation .home-slider-holder ul#testi-ani li span.slicontent {
	color:#5e6167;
	display: block;
	text-align: right;
	font: normal 16px/125% "ff-milo-web-pro-i3", "ff-milo-web-pro", sans-serif;
}
#home-content-section-customer-animation .bx-wrapper .bx-viewport {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 12px;
    height: 120px !important;
    left: -5px;
}
#home-three-widget {
	float: left;
	width: 1069px;
	font: 12px/100% "ff-milo-web-pro-i3","ff-milo-web-pro",sans-serif;
}
#home-three-widget li {
    font: 16px/19px "ff-milo-web-pro-i3","ff-milo-web-pro",sans-serif;
}
#home-three-widget .home-widget .news-blog-tweet-widget-container {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #E9E8E6;
    margin: 0;
    overflow: hidden;
    padding: 15px;
}
.news-blog-tweet-widget-container li {
    font: 16px/19px "ff-milo-web-pro-i3","ff-milo-web-pro",sans-serif;
}
#home-three-widget .home-widget .news-blog-tweet-widget-box {
    border-right: 1px dotted #BEBEBE;
    padding: 0 20px 0 0;
}
#home-three-widget .home-widget .tweet-blog-tweet-widget-box {
    padding: 0px 0px 0px 0;
}

#home-three-widget .home-widget .news-blog-tweet-widget-box-withoutboarder {
    border-right: none;
    padding: 0 20px 0 0;
}
#home-three-widget .home-widget .news-blog-tweet-widget-container h2 {
    color: #45812B;
    float: left;
    font: 24px/100% "ff-milo-web-pro-i3","ff-milo-web-pro",sans-serif;
    margin: 0;
    padding: 0;
}
#home-three-widget .home-widget p {
    font-size: 12px;
    margin: 0 0 10px;
}
#home-three-widget .home-widget .news-blog-tweet-widget-content {
    clear: both;
    margin: 0;
    padding: 20px 0 0;
}
#home-three-widget .home-widget .news-blog-tweet-widget-container a {
    text-decoration: underline;
    font: 16px/100% "ff-milo-web-pro-i3","ff-milo-web-pro",sans-serif;
}
#home-three-widget .home-widget .news-blog-tweet-widget-container .more-link {
    float: right;
}
#home-three-widget .home-widget .news-blog-tweet-widget-box-last {
    padding: 0 20px 0 0;
}
/* ============ promobox-content ============*/
#promobox-content-section {
	margin: 0px 11px 0 0px;
	padding: 0;
}
#promobox-content-section .threeboxes{
	margin: 4px auto 19px auto;
	float: left;
}
#promobox-content-section .threeboxes ul {
	float: left;
	margin: 0px;
}
#promobox-content-section .border{
	border: 1px solid #D4D4D3;
    float: left;
    height: 227px;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
}
#promobox-content-section .box {
	float: left;
	cursor: pointer;
	overflow: hidden;
	height: 212px;
	padding: 0 5px 5px 5px;
	position: relative;
	margin-top: 5px;
}
#promobox-content-section .front {
	float: left;
	position: absolute;
	top: 150px;
	z-index: 10;
	cursor: pointer;
	font: normal 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 270px;
	color: #fff;
	width: 97%;
	text-decoration: none;
}
#promobox-content-section .back {
	font: normal 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 217px;
	color: #fff;
	text-decoration: none;
	float: left;
}
#promobox-content-section .threeboxes a.first-guide{
 	color: #FFFFFF;
    float: left;
    font: 15px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 203px;
    margin: 0;
    padding: 7px 20px 7px;
    text-decoration: none;
    background: url(/images/black-transparent.png) center 0 repeat;
}
#promobox-content-section .threeboxes a.second-guide{
 	color: #FFFFFF;
    float: left;
    font: 15px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 203px;
    margin: 0;
    padding: 7px 20px 7px;
    text-decoration: none;
    background: url(/images/black-transparent.png) center 0 repeat;
}
#promobox-content-section .threeboxes a.third-guide {
 	color: #FFFFFF;
    float: left;
    font: 15px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 203px;
    margin: 0;
    padding: 7px 20px 7px;
    text-decoration: none;
    background: url(/images/black-transparent.png) center 0 repeat;
}
#promobox-content-section .threeboxes a.lyris-solution-brief {
	color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 217px;
    text-decoration: none;
    width: 332px;
    background: url(/images/lyris-solutions-brief-img.jpg) center 0 no-repeat;
    background-size: 100% auto;
}
#promobox-content-section .threeboxes a.service-offering {
	color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 217px;
    text-decoration: none;
    width: 332px;
    background: url(/images/service-offering-img.jpg) center 0 no-repeat;
}
#promobox-content-section .threeboxes a.lyris-marketing-guide {
	color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 217px;
    text-decoration: none;
    width: 332px;
    background: url(/images/lyris-digital-marketing-guide-img.jpg) center 0 no-repeat;
}
#promobox-content-section .threeboxes a.detailed-survey-findings-img {
	color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 217px;
    text-decoration: none;
    width: 332px;
    background: url(/images/detailed-survey-findings-img.jpg) center 0 no-repeat;
}
#promobox-content-section .threeboxes a.travel-survey-findings-img {
	color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 217px;
    text-decoration: none;
    width: 332px;
    background: url(/images/travel-survey-findings-img.jpg) center 0 no-repeat;
}
#promobox-content-section .threeboxes a.banking-survey-findings-img {
	color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 217px;
    text-decoration: none;
    width: 332px;
    background: url(/images/banking-survey-findings-img.jpg) center 0 no-repeat;
}
#promobox-content-section .threeboxes a.holiday-retail-email-look {
	color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 217px;
    text-decoration: none;
    width: 332px;
    background: url(/images/holiday-retail-email-look-Book-img.jpg) center 0 no-repeat;
}
#promobox-content-section .threeboxes a.retail-survey-findings {
	color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 217px;
    text-decoration: none;
    width: 332px;
    background: url(/images/retail-survey-findings-img.jpg) center 0 no-repeat;
}
#promobox-content-section .threeboxes a.mind-the-digital-gap-infographic {
	color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 217px;
    text-decoration: none;
    width: 332px;
    background: url(/images/mind-the-digital-gap-infographic-img.jpg) center 0 no-repeat;
}
#promobox-content-section .threeboxes a.webcast-eiu-ico-img {
	color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 217px;
    text-decoration: none;
    width: 332px;
    background: url(/images/webcast-eiu-ico.jpg) center 0 no-repeat;
}
#promobox-content-section .threeboxes a.detailed-survey-findings-img {
	color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 217px;
    text-decoration: none;
    width: 332px;
    background: url(/images/detailed-survey-findings-img.jpg) center 0 no-repeat;
}
#promobox-content-section .threeboxes span {
	color: #c5ec8f;
}
#promobox-content-section span.promo-description {
	color: #FFFFFF;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    margin: 24px 0 0;
    float: left;
}
/* ============ end-promobox ============ */
/* ====== three-tab homepage begin ==== */
#home-tabs-section {
height: 713px;
background: url("../images/tabs-main-bg.jpg") repeat-x 0 0;
font: "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
}

#first-content-home-tabs {
    height: 469px;
    padding: 53px 0 0 0;
    background: url("/images/home-tabs-second-background.png") no-repeat scroll center -230px;
}
#first-content-home-tabs .video-content-home {
    border: 1px solid #FFFFFF;
    float: left;
    margin: 35px 0 0;
    padding: 5px;
    width: 506px;
}
#first-content-home-tabs .left-column {
    margin: 44px 46px 0 113px;
    text-align: left;
    width: 384px;
    float: left;
}
#first-content-home-tabs .left-column  ul {
	clear: both;
	padding-left: 30px;
}
#first-content-home-tabs .left-column  ul li, #first-content-home-tabs .left-column  ul li a {
	color: #FFFFFF;
    font: 26px/35px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
}
#first-content-home-tabs a.videoimg {
    background-color: #FFFFFF;
    display: block;
}
#first-content-home-tabs h2.top {
	text-align: center;
	font: normal 40px/40px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	color: #8dc44c;
	padding: 0 0 0 0;
}
#first-content-home-tabs p.left-content-first-tab {
    color: #FFFFFF;
    float: left;
    font: 30px/35px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    margin: 0 0 30px 0;
    text-align: left;
    width: 384px;
}
#first-content-home-tabs img {
    display: block;
    margin: 0;
    padding: 0;
}
#first-content-home-tabs img:hover {
    opacity:0.9;
}
#second-content-home-tabs {
    background: url("/images/home-tabs-second-background.png") no-repeat scroll center -230px;
    display: block;
    height: 469px;
    padding: 53px 0 0 0;
	position:relative;
}
#second-content-home-tabs span.love {
	color: #fff;
	font-size: 48px;
}
#second-content-home-tabs span.greay {
	color: #373b3c;
	font-size: 48px;
	font: bold 69px/40px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
}
#second-content-home-tabs h2.top {
	text-align: center;
	font: normal 40px/40px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	color: #8dc44c;
	padding: 0px 0 0 0;
}
#second-content-home-tabs p.left-content-tab {
    color: #FFFFFF;
    float: left;
    font: 30px/35px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    margin: 0px;
    text-align: left;
}
#second-content-home-tabs div.bottom {
	color: #ECE9E6;
	cursor: pointer;
	display: block;
	float: none;
	font: italic 20px/23px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 25px;
	padding: 0;
	position: relative;
	text-align: left;
	margin: 0 0 25px 0;
	float: left;
	width: 100%;
}
#second-content-home-tabs .rollover-ani-box {
    border: 1px solid #FFFFFF;
    float: right;
    margin: 35px 0 0;
    padding: 8px;
    width: 523px;
}
#second-content-home-tabs .black-bg-box {
	background: url("/images/balck-transparent-home-tab-rollover.png") repeat scroll 0 0;
	float: left;
	padding: 40px 0 22px 18px;
}
#second-content-home-tabs #secon-tab-cont-holder {
    margin: 20px 80px 0 85px;
}
#second-content-home-tabs .what-we-do-lhs {
    text-align: left;
    width: 392px;
     margin: 63px 46px 0 0px;
    float: left;
    list-style: none;
}
#second-content-home-tabs .what-we-do-lhs ul {
	clear: both;
	padding:20px 0 0 0px;
}
#second-content-home-tabs .what-we-do-lhs ul li, #second-content-home-tabs .what-we-do-lhs  ul li a {
	color: #FFFFFF;
    font: 26px/35px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    list-style: none;
}
 #second-content-home-tabs .what-we-do-lhs  ul li a  {
 	background: url("/images/green-cta-tab-home.png") no-repeat scroll right 2px;
 	padding-right: 32px;
 	display: block;
    float: left;
}
#second-content-home-tabs .what-we-do-lhs  ul li a:hover {
 	text-decoration: none;
}
#SlideBar span.details {
	text-align: left;
	float: left;
	color: #32363f;
	margin: 0 0 0 20px;
	font: bold 24px/45px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
}
#SlideBar span.readmore {
	text-align: right;
	float: right;
	color: #45812b;
	margin: 0 0px 0 0px;
	box-shadow: none;
	background: url("/images/green-cta-tab-home.png") no-repeat 130px 7px !important;
	font: normal 20px/45px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	width: 120px;
	display: block;
	height: 45px;
	padding: 0 50px 0 0;
}
#SlideBar a.readmore-link {
	color: #45812b;
	text-decoration: none;
	font: normal 20px/45px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	background: url("/images/green-cta-tab-home.png") no-repeat 124px 7px !important;
	padding: 0 50px 0 0;
	text-align: right;
	width: 120px;
	display: block;
	height: 45px;
}
#second-content-home-tabs div.bottom a {
    color: #fff;
    text-decoration: none;
}
#second-content-home-tabs div.bottom a:hover {
    color: #fff;
    text-decoration: none;
}
#second-content-home-tabs strong {
	color: #ffffff;
}
#third-content-home-tabs {
    display: block;
    height: 469px;
    padding: 53px 0 0 0;
    background: url("/images/home-tabs-second-background.png") no-repeat scroll center -230px;
}
#third-content-home-tabs .top-row {
	background: url("/images/home-tabs-third-background-f-r.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
#third-content-home-tabs .middle-row {
	background: url("/images/home-tabs-third-background-s-r.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
#third-content-home-tabs .bottom-row {
	background: url("/images/home-tabs-third-background-t-r.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
#third-content-home-tabs span.love {
	color: #fff;
	font-size: 48px;
}
#third-content-home-tabs span.greay {
	color: #373b3c;
	font-size: 48px;
	font: bold 69px/40px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
} 
#third-content-home-tabs h2.top {
    color: #8DC44C;
    font: 40px/40px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    margin: 0;
    padding: 0 0 15px;
    text-align: center;
}
#third-content-home-tabs h2.middle {
    color: #8DC44C;
    font: 40px/40px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    margin: 0;
    padding: 30px 0 15px;
    text-align: center;
}
#third-content-home-tabs h2.bottomtxt {
	color: #D5DBDB;
    font: bold 69px/40px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    margin: 0;
    padding: 39px 0 0;
    text-align: center;
}
#third-content-home-tabs p.top, #third-content-home-tabs p.middle {
    color: #FFFFFF;
    font: 30px/34px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    padding: 5px 170px 33px;
    text-align: center;
    margin: 0px;
}
#second-content-home-tabs span.empty {
    display: none;
}
#home-tabs-section .tabs-section {
	height: 578px;
}
#horizontalTab ul.resp-tabs-list p {
    margin: 0px;
    padding: 0px;
}
#horizontalTab span.none-border {
	padding: 3px 15px;
}
#horizontalTab span.right-border {
	border-right: 1px solid #86a07b !important;
	padding: 3px 15px;
}
#horizontalTab span.left-border {
	border-left: 1px solid #86a07b !important;
	padding: 3px 15px;
}
#horizontalTab ul.resp-tabs-list {
    height: 36px;
    margin: 0 auto;
    padding: 10px 0;
    width: 585px;
}
#horizontalTab .resp-tabs-list li {
    color: #C5EC8F;
    cursor: pointer;
    display: inline-block;
    font: 20px/34px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 30px;
    list-style: none outside none;
    margin: 0;
}
#horizontalTab .resp-tabs-list li:hover {
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font: 20px/34px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 30px;
    list-style: none outside none;
    margin: 0;
}
#horizontalTab .resp-tabs-list li strong{
	color: #fff;
}
#horizontalTab .resp-tabs-container {
    padding: 0px;
    clear: left;
}
#horizontalTab h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}
#horizontalTab .resp-tab-content {
    display: none;
    padding: 0;
}
#horizontalTab .resp-tab-active {
    background: url("/images/home-tab-active-arrow-img.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    border: medium none;
    padding: 0 0 40px;
}
#horizontalTab .resp-content-active, .resp-accordion-active {
    display: block;
}
#horizontalTab .resp-tab-content {
    border: none;
}
#horizontalTab h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}
#horizontalTab h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}
#horizontalTab h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

#horizontalTab .expand-contact-detail-homepage, #InnerPageGreenBanner .expand-contact-detail-homepage {
	padding: 21px 0 23px;
	background-color: #e6f7ce;
}
#horizontalTab .clear, #InnerPageGreenBanner .clear {
	height: 0px;
}
#home-tabs-section .contact-details, #InnerPageGreenBanner .contact-details {
    margin: 0px auto 0;
    width: 482px;
}
#home-tabs-section .contact-details p.left-content, #InnerPageGreenBanner .contact-details p.left-content {
    color: #32363F;
    font: 30px/31px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    text-align: center;
    margin: 0px;
}
#home-tabs-section .link-contact-details, #InnerPageGreenBanner .link-contact-details{
	margin: 14px 0 0 0px;
	float: left;
}
#home-tabs-section .link-contact-details a, #InnerPageGreenBanner .link-contact-details a {
    border-radius: 10px;
    color: #FFFFFF;
    float: left;
    font: bold 18px/24px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    padding: 11px 18px 11px 52px;
    margin: 0 21px 0 0;
    text-decoration: none;
}
#home-tabs-section .link-contact-details a:last-child, #InnerPageGreenBanner .link-contact-details a:last-child {
	margin: 0px;
}
#home-tabs-section .link-contact-details a:hover, #InnerPageGreenBanner .link-contact-details a:hover {
   background-color: #138fa5;
   text-decoration: none;
}
#home-tabs-section .live-chat, #InnerPageGreenBanner .live-chat {
    background: url("/images/home-chat-small-cta-icon.png") no-repeat scroll 16px 10px #00768B;
}
#home-tabs-section .appointment, #InnerPageGreenBanner .appointment{
	background: url("/images/home-appointment-small-icon.png") no-repeat scroll 16px 10px #00768B;
}
#home-tabs-section .free-email-assessment, #InnerPageGreenBanner .free-email-assessment {
	background: url("/images/home-free-email-assessment-icon.png") no-repeat scroll 16px 10px #00768B;
}
#InnerPageGreenBanner .for-more-information {
    margin: 21px auto 0;
    width: 905px;
}
#InnerPageGreenBanner .for-more-information p.center-content {
    color: #32363F;
    font: 24px/26px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    text-align: center;
    margin: 0px;
}
/* ============ Accordion styles ============ */
#horizontalTab .resp-easy-accordion  h2.resp-accordion {
        display: block;
}
#horizontalTab .resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}
#horizontalTab .resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
}
#horizontalTab .resp-jfit {
    width: 100%;
    margin: 0px;
}
#horizontalTab .resp-tab-content-active {
    display: block;
}
@media only screen and (max-width: 768px) {

#horizontalTab ul.resp-tabs-list {
    display: none;
}
#horizontalTab h2.resp-accordion {
    display: block;
}
#horizontalTab .resp-vtabs .resp-tabs-container {
	border: none;
	float: none;
	width: 100%;
	min-height: initial;
	clear: none;
}
#horizontalTab .resp-accordion-closed {
    display:none !important;
}

}
/* ============ this is for animation effect ============ */
/* ============ Animations ============ */
#SlideUp {
    bottom: -341px;
    height: 219px;
    right: 45px;
    position: absolute;
    width: 192px;
    z-index: 533333333333;
    opacity:0;
   
} 
/* ============ Slide Down ============ */
#SlideDown {
    top:-341px;
    bottom: 120px; 
    height: 219px;
    right: 130px;
    position: absolute;
    width: 192px;
    z-index: 43333333;
    opacity:0;  
}
.span-black {
    background: url("../images/top-img-black.png") no-repeat 0 0 !important;
}
.span-red {
    background: url("../images/top-img-red.png") no-repeat 0 0 !important;
} 
.span-blue {
    background: url("../images/top-img-blue.png") no-repeat 0 0 !important;
}
.span-green {
    background: url("../images/top-img-green.png") no-repeat 0 0 !important;
}
.span-yellow {
    background: url("../images/top-img-yellow.png") no-repeat 0 0 !important;
}
.bottom-span-black {
    background: url("../images/bottom-img-black.png") no-repeat 0 0 !important;
}
.bottom-span-red {
    background: url("../images/bottom-img-red.png") no-repeat 0 0 !important;
}
.bottom-span-blue {
    background: url("../images/bottom-img-blue.png") no-repeat 0 0 !important;
}
.bottom-span-green {
    background: url("../images/bottom-img-green.png") no-repeat 0 0 !important;
}
.bottom-span-yellow {
    background: url("../images/bottom-img-yellow.png") no-repeat 0 0 !important;
}
/* ============ Slide Bar ============ */
#SlideBar {
    height: 45px;
    left: -55px;
    position: absolute;
    width: 595px;
    color: #32363f;
    top: -10px;
	background-color: #ffffff;
	*background-color: #ffffff;
	background-image: -moz-linear-gradient(top, #D8D6D5, #ffffff);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D8D6D5), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #D8D6D5, #ffffff);
	background-image: -o-linear-gradient(top, #D8D6D5, #ffffff);
	background-image: linear-gradient(to bottom, #D8D6D5, #ffffff);
	background-repeat: repeat-x;
	border-color: #ffffff;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D8D6D5', endColorstr='#ffffff', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
} 
/* =========== end three-tab homepage ========== */

/* =========== begin customerportal ========== */
#customer-portal h1 {
    font-size: 48px;
    text-align: left;
    font-style: italic;
}
#customer-portal h2 {
	font-size: 26px;
	text-align: left;
}
#customer-portal .align-center {
	text-align: center;
	margin-top: 22px;
}
#customer-portal h3 {
	margin-top: 18px;
	font-size: 26px;
}
#customer-portal p.less-bottom {
	margin: 0px;
}
#customer-portal h4.right-align {
	font-size: 20px;
    padding: 0 14px 0 0;
    text-align: left;
    margin-top: 30px;
    color: #00768B;
}
#customer-portal h4.left-align {
	font-size: 20px;
	margin-top: 50px;
	color: #00768B;
}
.error {
	font-size: 16px;
	padding-bottom: 30px;
	font-weight: bold;
	color: #F00;
}
#customer-portal-login {
	margin:0px auto;
}
#customer-portal-login input[type="checkbox"] {
    float: left;
    margin: 4px 10px 0 0;
}
#customer-portal img {
padding: 20px 0 0 0;
}
#customer-portal img.center {
  	margin: 20px 0;
    width: 100%;
}
/*=========== end customerportal ==========*/

/*=========================== end 2013-home-page-new-template-december-section ===================  */

/*=========================== contact us ===================  */

.m4j_form_wrap input {
    width: 266px !important;
}
.contact-div-bottom {
    padding: 0 0 0 0;
}
.cont-lhs .cont-submit {
    background: url("/images/more-button.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    height: 20px;
    margin: 20px 0 0;
    outline: 0 none;
    padding: 0;
    width: 98px;
}
.cont-lhs .cont-submit:hover {
    background: url("/images/more-button.png") no-repeat scroll 0 -20px transparent;
}
.cont-lhs {
    background: none repeat scroll 0 0 #E9E8E7;
    color: #5E6167;
    display: block;
    float: left;
    font: 14px/30px Arial,Helvetica,sans-serif;
    margin: 0 24px 0 0;
    padding: 20px;
    width: 584px;
}
.form-lhs .m4j_form_table {
    float: left;
    margin: 0 8px 0 0;
    width: 282px !important;
}
.form-lhs-mess .m4j_form_table {
    width: 567px;
}
.m4jLayout02 .form-lhs {
    border-collapse: separate;
    border-spacing: 20px 0;
    line-height: 30px;
}
.cont-rhs ul {
    color: #5E6167;
    font: 14px/140% Arial,Helvetica,sans-serif;
    margin: 0 0 25px 15px;
    padding: 0;
}
div.m4j_form_wrap table.m4j_form_table, div.m4j_form_wrap table.m4j_form_table tr, div.m4j_form_wrap table.m4j_form_table td {
    border: medium none !important;
    float: left;
}
.m4j_form_wrap {
    display: block;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 8px 0;
    text-align: left;
    vertical-align: top;
    width: 100%;
}
.m4jSelection {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ABADB3;
    color: #5E6167;
    display: block;
    font: 14px/25px Arial,Helvetica,sans-serif;
    height: 33px;
    outline: medium none;
    padding: 5px;
    width: 260px;
}
.m4jTextArea {
    border: 1px solid #ABABAB;
}
#m4jForm table tr {
    float: left;
    width: 100%;
}
.m4jFormElementWrap {
    border: 1px solid transparent;
    margin: 0;
    padding: 0;
    width: 278px;
}
.form-lhs-mess .m4j_form_table {
    width: 567px !important;
}
.m4j_form_wrap textarea {
    width: 556px !important;
}
#news-subs-wrap .newl-bottom {
    background: none repeat scroll 0 0 #E9E8E7;
    display: block;
    padding: 30px 30px 0;
}
#news-subs-wrap .newl-bottom button.news-subs-submit {
	background: url("/images/more-button.png") no-repeat scroll 0 0 transparent;
	border: medium none;
	color: #FFFFFF;
	float: left;
	width: 98px;
	height: 20px;
	line-height: 16px;
}
#news-subs-wrap input {
	width: 100%;
	display: block;
	float: left;
}
#news-subs-wrap select {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
	width: 100%;
	display: block;
	float: left;
}
#news-subs-wrap .newl-bottom button.news-subs-submit:hover {
	background: url(/images/more-button.png) no-repeat 0 -20px;
	color: #FFF;
}
#below-contactus {
	float: left;
	clear: both;
}
.cont-rhs {
    float: left !important;
    padding: 20px 0 0;
    width: 266px !important;
}
#SubscribeNewsletter button.subscribebtn {
    background: url("../images/subscribe-button.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #000000;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    height: 18px;
    margin-top: 20px;
    padding-top: 0;
    text-align: center;
    text-decoration: none;
    width: 98px;
}
#SubscribeNewsletter button.subscribebtn:hover {
    background-position: 0 -18px;
}

/* ========================== item-page Style End ==========  */
.john-lewis-txt {
	font: 16px/150% Arial, Helvetica, sans-serif;
}
/*=========================== begin 2013-resources-page-new-template-december-section ===================  */
#resources-section h1 {
    clear: left;
    color: #8DC73F;
    font-family: "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    font-size: 42px;
    font-style: italic;
    font-weight: 400;
    line-height: 125%;
    margin: 0 0 30px;
}
#related-links-rs {
	margin:0px auto 37px;
	width: 100%;
}
#related-links-rs ul {
    padding: 0;
    margin-left: 0px;
}
#related-links-rs li.heading-green {
    background: none;
    border-bottom: 2px solid #C4C8CB;
    color: #46822A;
    font: 600 20px/125% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif !important;
    padding: 0 0 4px;
    width: 100%;
    list-style: none;
}
#related-links-rs li.green-bull:first-child {
	margin: 14px 0 8px 0;
}
#related-links-rs li.green-bull {
	background: url("/images/green-arrow.jpg") no-repeat scroll 10px 6px rgba(0, 0, 0, 0);
    clear: both;
    font: 16px/125% "ff-milo-web-pro-i3","ff-milo-web-pro",sans-serif !important;
    list-style: none outside none;
    padding: 0 0 0 30px;
    margin: 0 0 8px !important;
}
#related-links-rs li.green-bull a {
	color: #017688;
	text-decoration: underline;
}
#related-links-rs li.green-bull a:hover {
	text-decoration: underline;
}
#resources-section {
	margin: 20px auto 0;
}
.clear-less-height {
    clear: both;
    height: 0;
}
#resources-section .resources-category {
	padding: 19px 17px 16px 17px;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #45802c;
	*background-color: #45802c;
	background-image: -moz-linear-gradient(top, #294B19, #45802c);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#294B19), to(#45802c));
	background-image: -webkit-linear-gradient(top, #294B19, #45802c);
	background-image: -o-linear-gradient(top, #294B19, #45802c);
	background-image: linear-gradient(to bottom, #294B19, #45802c);
	background-repeat: repeat-x;
	border-color: #45802c;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#294B19', endColorstr='#45802c', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	margin: 0 0 38px 0;
}
#resources-section .resources-inside-category {
	padding: 19px 17px 16px 17px;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #45802c;
	*background-color: #45802c;
	background-image: -moz-linear-gradient(top, #294B19, #45802c);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#294B19), to(#45802c));
	background-image: -webkit-linear-gradient(top, #294B19, #45802c);
	background-image: -o-linear-gradient(top, #294B19, #45802c);
	background-image: linear-gradient(to bottom, #294B19, #45802c);
	background-repeat: repeat-x;
	border-color: #45802c;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#294B19', endColorstr='#45802c', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	margin: 0 0 38px 0;
}
#resources-section .resources-category h2.title-white, 
#resources-section .resources-inside-category h2.title-white {
	color: #FFFFFF;
    float: left;
    font: bold 22px/125% "ff-milo-web-pro-i3","ff-milo-web-pro",sans-serif;
    margin: 0;
    padding: 0 30px 0 0;
}
#resources-section .resources-category form {
    float: left;
    margin: 0;
}
#resources-section .content-excerpt-wrapper {
	background: url("/images/home-greay-horizontal-line.jpg") no-repeat scroll center bottom;
	background-size: 100% auto;
    color: #5E6167;
    margin: 0 0 32px;
    padding: 0 0 20px;
}
#resources-section .view-all {
	margin-top: 10px;
}
#resources-section .view-all a {
	text-decoration: underline !important;
}
#resources-section .content-excerpt-wrapper img {
    border: 1px solid #EBEDED;
    height: auto;
    max-width: 100%;
    padding: 1px;
    vertical-align: middle;
}
#resources-section .content-excerpt-wrapper h2.title-green {
	margin: 0px;
	color: #45802c;
	font: 500 24px/125% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
#resources-section .content-excerpt-wrapper h3.title-black {
	margin: 0px;
	color: #313540;
	font: 800 18px/100% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
#resources-section .content-excerpt-wrapper p {
    font: 400 16px/135% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    margin: 10px 0 7px 0;
    color: #5E6168;
    display: inline;
}
#resources-section .content-excerpt-wrapper a {
    color: #017688;
	text-decoration: none;
	font: bold 16px/135% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
#resources-section .view-all a.view-all-link {
    font-weight: normal;
    text-decoration: underline !important;
}
#pagination ul {
    margin: 0 10px;
}
#pagination ul li span {
	color: #5E6167;
}
#pagination ul li {
	background: none;
	color: #5E6167;
    list-style: none outside none;
    margin: 0;
    padding: 7px 20px 6px 12px;
    float: left;
    position: relative;
}
#pagination ul li span.current.prev {
    position: relative;
    left: auto;
    top: auto;
}
#pagination ul li a, #pagination ul li span {
    color: #000000;
    font: 200 14px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none !important;
}
#pagination .light-theme .current {
	background: none;
	border: 0px solid;
	box-shadow: none;
	color: #202328;
}
.simple-pagination {
    background-color: #C7C9C9;
    display: block;
    margin: 0;
    padding: 0 0 0 0;
    height: 36px;
}
#pagination ul li.active span.current {
    background: url("../images/pagination-active.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 28px;
    left: 0;
    padding: 19px 5px 0;
    position: absolute;
    text-align: center;
    top: -11px;
    width: 21px;
}
#pagination ul li a.page-link:hover {
    background: url("../images/pagination-active.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 28px;
    left: 0;
    padding: 19px 5px 0;
    position: absolute;
    text-align: center;
    top: -11px;
    width: 21px;
}
#pagination ul li a.page-link {
	height: 28px;
    left: 0;
    padding: 19px 5px 0;
    position: absolute;
    text-align: center;
    top: -11px;
    width: 21px;
}
#pagination ul li.active span.current.prev {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: auto;
    position: relative;
    top: auto;
    display: none;
}
#pagination ul li.active span.current.next {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: auto;
    position: relative;
    top: auto;
    display: none;
}
#pagination ul li a.page-link.next {
    background: url("../images/pagedivider.png") repeat-y scroll left 0 rgba(0, 0, 0, 0);
    left: auto;
    padding: 10px 0px 9px 17px;
    position: relative;
    top: auto;
}
#pagination ul li a.page-link.prev {
    background: url("../images/pagedivider.png") repeat-y scroll right 0 rgba(0, 0, 0, 0);
    left: auto;
    padding: 10px 17px 9px 0;
    position: relative;
    top: auto;
}
#pagination .light-theme a, #pagination .light-theme span {
	background: none;
	border: 0px solid;
	box-shadow: none;
	color: #000000;
    float: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    margin: 0 5px 0 0;
    min-width: 14px;
    padding: 0 7px;
    text-align: center;
    text-decoration: none !important;
    border-radius: 0px;
}
#pagination ul li:first-child {
    margin-right: 10px;
    padding-right: 10px;
    padding-left: 0px;
}
#pagination ul li:last-child {
    float: right;
    padding-left: 10px;
}
#green-box-links {
	background-color: #e6f7cd;
	margin: 0 0 45px 0;
}
#green-box-links ul.green-box-rs {
	margin: 0px auto;
}
#green-box-links li.green-box-sp {
    border-bottom: 1px solid #FFFFFF;
    font: 600 16px/135% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    list-style: none outside none;
    margin: 0;
    padding: 5px 10px;
}
#green-box-links strong.green-color {
 	color: #45812B;
    font: 600 20px/125% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
#green-box-links span.black-color {
   	float: left;
   	color: #32363f;
   	font-weight: bold;
   	font: 600 16px/135% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
#green-box-links .green-box-rs li.green-box-sp a {
    clear: both;
    float: left;
    text-decoration: none;
}
#green-box-links .green-box-rs li.green-box-sp a:hover {
    text-decoration: underline;
}
#resources-section h3.title-green {
	margin: 0px;
	color: #45802c;
	font: 600 20px/125% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
#resources-section .border {
    border: 1px solid #D4D4D3;
    float: left;
    list-style-type: none;
    margin: 20px auto;
    overflow: hidden;
    height: 305px;
    width: 252px
}
#resources-section .box {
    cursor: pointer;
    float: left;
    margin-top: 5px;
    overflow: hidden;
    padding: 0 5px 5px;
    position: relative;
    height: 295px;
}
/*Deliverability css*/
#resources-section .deliverability-featured-section {
    padding: 15px;
}
#resources-section .deliverability-featured-section p {
    font: 200 16px/135% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    color: #5e6167;
    margin-bottom: 0;
}
#resources-section .border-deliverability {
    border: 1px solid #D4D4D3;
    float: left;
    list-style-type: none;
    margin: 20px auto;
    overflow: hidden;
    height: 450px;
    width: 252px
}
.deliverability-optimization h2 {
	font: 600 20px/135% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
ul.deliverability-optimization-list li {
	font: 200 18px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    color: #5e6167;
}
ul.deliverability-optimization-list-sending li {
	font: 200 18px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    color: #5e6167;
    padding-bottom: 10px;
}
.sending-option h2 {
	font: 600 20px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #45802b;
}
#DeliverabilityBoxlist .deliverability-black-bg {
	background: url(/images/deliverability-black-bg.jpg) 0 0 no-repeat;
}
#DeliverabilityBoxlist .deliverability-black-bg span {
	font: bold 20px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #abe1eb;
	padding: 0px 0px 24px 0px;
	margin: 0px;
	float: left;
	width: 100%;
}
#DeliverabilityBoxlist .deliverability-black-bg p {
	font: 100 16px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #ffffff;
	border: 1px solid #abe1eb;
	padding: 18px 21px 0px 21px;
	margin: 0px;
	height: 200px;
}
#DeliverabilityBoxlist .deliverability-green-bg {
	background: url(/images/deliverability-green-bg.jpg) 0 0 no-repeat;
}
#DeliverabilityBoxlist .deliverability-green-bg span {
	font: bold 20px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #ddea92;
	padding: 0px 0px 24px 0px;
	margin: 0px;
	float: left;
	width: 100%;
}
#DeliverabilityBoxlist .deliverability-green-bg p {
	font: 100 16px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #ffffff;
	border: 1px solid #ddea92;
	padding: 18px 21px 0px 21px;
	margin: 0px;
	height: 200px;
}
#DeliverabilityBoxlist .deliverability-blue-bg {
	background: url(/images/deliverability-blue-bg.jpg) 0 0 no-repeat;
}
#DeliverabilityBoxlist .deliverability-blue-bg span {
	font: bold 20px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #93e2bc;
	padding: 0px 0px 24px 0px;
	margin: 0px;
	float: left;
	width: 100%;
}
#DeliverabilityBoxlist .deliverability-blue-bg p {
	font: 100 16px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #ffffff;
	border: 1px solid #93e2bc;
	padding: 18px 21px 0px 21px;
	margin: 0px;
	height: 200px;
}
#DeliverabilityBoxlist .box {
	padding: 9px 10px;
}
#DeliverabilityServicesSection .lhs-content-deliverabilty {
	background: url("/images/home-footer-vertical-border.jpg") no-repeat scroll right 26px;
	float: left;
	margin: 0 20px 0 0;
    padding: 0 10px 0 0;
    width: 420px;
}
#DeliverabilityServicesSection p.only-leftside-caption-deliverability {
	float: left;
	font: italic 400 24px/30px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #45802b;
	padding: 10px 0;
	width: auto;
	margin-bottom: 0px;
}
#DeliverabilityServicesSection .rhs-content {
	width: 213px;
	float: left;
}
#DeliverabilityServicesSection {
	float: none;
    margin: 0 auto;
    width: 86%;
}
#DeliverabilityServicesSection span.green {
	color: #45812b;
	font: normal 600 60px/62px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	display: block;
}
#DeliverabilityServicesSection span.grey-txt {
	display: block;
	font: normal 600 18px/20px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #a39e9b;
	margin-bottom: 11px;
}
#DeliverabilityServicesSection a {
	background: url("/images/home-green-arrow-img.jpg") no-repeat scroll right center;
	font: 600 20px/22px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	color: #45812B;
	padding: 0 30px 0 0;
	text-decoration: none !important;
}
#resources-section .front {
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    position: absolute;
    text-decoration: none;
    top: 150px;
    width: 96%;
    z-index: 10;
}
#resources-section .back {
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    text-decoration: none;
    background-color: #616365;
}
#resources-section a.first-guide {
    background: url("/images/black-transparent.png") repeat scroll center 0 rgba(0, 0, 0, -0.53);
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 305px;
    margin: 0;
    padding: 10px 20px 7px;
    text-decoration: none;
}
#resources-section a.first-guide-backcover {
    background: url("/images/blog-anatomy-em-img.jpg") no-repeat scroll center 0;
    background-size: 100% auto;
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 305px;
    text-decoration: none;
    width: 241px;
}
#resources-section a.holiday-email-look-book-new {
    background: url("/images/2014-holiday-email-look-book-thumb-2014-1015.jpg") no-repeat scroll center 0;
    background-size: 200% auto;
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 305px;
    text-decoration: none;
    width: 241px;
}
#resources-section a.creating-a-personalized-email {
  background: url("/images/creating-a-personalized-email-experience-with-dynamic-content.jpg") no-repeat scroll center 0 / 200% auto rgba(0, 0, 0, 0);
  color: #ffffff;
  float: left;
  font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
  height: 305px;
  text-decoration: none;
  width: 241px;
}
#resources-section a.creating-a-personalized-email {
   background: url("/images/creating-a-personalized-email-experience-with-dynamic-content.jpg") no-repeat scroll center 0 / 200% auto rgba(0, 0, 0, 0);
   color: #ffffff;
   float: left;
   font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
   height: 305px;
   text-decoration: none;
   width: 241px;
}
#resources-section a.email-evolution-backcover {
    background: url("/images/email-evolution-conference-img.jpg") no-repeat center 0;
	color: 
	#FFFFFF;
	float: left;
	font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 305px;
	text-decoration: none;
	width: 242px;
	background-size: 190% auto;
}
#resources-section a.etail-west-backcover {
    background: url("/images/etail-west-promo.jpg") no-repeat center 0;
	color: 
	#FFFFFF;
	float: left;
	font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 305px;
	text-decoration: none;
	width: 242px;
	background-size: 128% auto;
}
#resources-section a.agency-sidebar-background {
    background: url("/images/agency-sidebar-background-us-2014-0310-v3.jpg") no-repeat center 0;
	color: #FFFFFF;
	float: left;
	font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 305px;
	text-decoration: none;
	width: 242px;
}
#resources-section a.max-out-your-retail-image {
    background: url("/images/max-out-your-retail-email-campaigns-bg-img.jpg") no-repeat scroll center -92px;
	color: 
	#FFFFFF;
	float: left;
	font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 305px;
	text-decoration: none;
	width: 242px;
	background-size: 101% auto;
}
#resources-section a.detail-report-on-the-retail-sector-image {
    background: url("/images/detail-report-on-the-retail-sector-bgimg.jpg") no-repeat center -62px;
	color: 
	#FFFFFF;
	float: left;
	font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 305px;
	text-decoration: none;
	width: 242px;
	background-size: 128% auto;
}
#resources-section a.email-deliverability-image {
    background: url("/images/email-deliverability-animation-image.jpg") no-repeat center -62px;
	color: 
	#FFFFFF;
	float: left;
	font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 305px;
	text-decoration: none;
	width: 242px;
	background-size: 128% auto;
}
#resources-section a.mobile-optimized-image {
    background: url("/images/mobile-optimization-animation-graphic.jpg") no-repeat center 0;
	color: #FFFFFF;
	float: left;
	font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 305px;
	text-decoration: none;
	width: 242px;
}
#resources-section a.uk-travel-technology-europe-backcover {
    background: url("/images/travel-technology-europe-uk.jpg") no-repeat center 0;
	color: #FFFFFF;
	float: left;
	font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 305px;
	text-decoration: none;
	width: 242px;
	background-size: 190% auto;
}
#resources-section a.emailguru-sidebar-background {
    background: url("/images/resources-background-us-2014-0428.jpg") no-repeat center 0;
	color: 
	#FFFFFF;
	float: left;
	font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 295px;
	text-decoration: none;
	width: 242px;
	background-size: 100% auto;
}
#resources-section a.au-email-evolution-backcover {
    background: url("/images/lyris-email-marketing-bootcamp-pro.jpg") no-repeat center 0;
	color: 
	#FFFFFF;
	float: left;
	font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 305px;
	text-decoration: none;
	width: 242px;
	background-size: 190% auto;
}
#resources-section a.test-lyris-hq {
    background: url("/images/lyris-hq-testhover-ani-img.jpg") no-repeat scroll center -62px / 198% auto rgba(0, 0, 0, 0);
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 305px;
    text-decoration: none;
    width: 242px;
}
#resources-section a.lyris-email-selfie-image {
    background: url("/images/blog-sidebar-background-email-selfie-guide.jpg") no-repeat center -62px;
	color: 
	#FFFFFF;
	float: left;
	font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 305px;
	text-decoration: none;
	width: 242px;
	background-size: 128% auto;
}
#resources-section .content-desc span {
    color: #5E6168;
    font-weight: normal;
}
#resources-section span {
    color: #C5EC8F;
}
#resources-section span.promo-description {
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    margin: 29px 0 0;
}
#resources-section span.innovative {
	color: #ffffff;
}
#resources-section img.top-space-banner {
	margin-top: 20px;
}
#resources-section .content-excerpt-wrapper h2.title-green a {
    color: #45802C;
    font: 500 24px/125% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    text-decoration: none;
}
#resources-section .content-excerpt-wrapper h2.title-green a:hover {
    text-decoration: underline;
}
div.item-page .RHS-padding-milofont {
    font: 200 18px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    padding: 0;
}
#resources-section .random-banner-ads {
    list-style: none outside none;
    margin: 45px 0 0 0;
    overflow: hidden;
    padding: 0;
}
#resources-section ul.random-banner-ads li {
    background: none;
}
#resources-section .lhs-resources {
    overflow: hidden;
}
/*=========================== end 2013-resources-new-template-december-section ===================  */

/*=========================== begin 2014-lyris-productsoverview-new-template-april-section ===================  */
#CustomerCommunications {
	margin: 0px auto 47px;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 44%, rgba(246,246,246,1) 66%, rgba(239,239,239,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(44%, rgba(255,255,255,1)), color-stop(66%, rgba(246,246,246,1)), color-stop(100%, rgba(239,239,239,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 44%, rgba(246,246,246,1) 66%, rgba(239,239,239,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 44%, rgba(246,246,246,1) 66%, rgba(239,239,239,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 44%, rgba(246,246,246,1) 66%, rgba(239,239,239,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 44%, rgba(246,246,246,1) 66%, rgba(239,239,239,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef', GradientType=0 );
	padding: 0 40px;
}
#CustomerCommunications .padding-top {
	padding-top: 75px;
}
#CustomerCommunications strong, #LyrisLmCustomerCommunications strong {
	font: bold 16px/20px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #45802b;
}
#CustomerCommunications p.RHS-padding, #LyrisLmCustomerCommunications p.RHS-padding {
	font: 200 18px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #5e6167;
}
#CustomerCommunications p, #LyrisLmCustomerCommunications p {
	font: 200 14px/18px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #5e6167;
}
#CustomerCommunications p:last-child, #LyrisLmCustomerCommunications p:last-child {
	font: 200 14px/18px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #5e6167;
	margin: 0px;
}
#BulletEnterprise p:last-child {
	margin: 0 0 15px;
}
#BulletEnterprise h2.top-padding {
	padding-top: 45px;
}
#BulletEnterprise a {
	text-decoration: underline;
}
#MultipleEditions p:last-child, #LyrisRealTimeRetargeting p:last-child, #QuickImplementation p:last-child {
	margin: 0px;
}
#CustomerCommunications img, #LyrisLmCustomerCommunications img {
	margin: 50px 0 0 0;
}
#LyrisLmCustomerCommunications {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 44%, rgba(246,246,246,1) 66%, rgba(239,239,239,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(44%, rgba(255,255,255,1)), color-stop(66%, rgba(246,246,246,1)), color-stop(100%, rgba(239,239,239,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 44%, rgba(246,246,246,1) 66%, rgba(239,239,239,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 44%, rgba(246,246,246,1) 66%, rgba(239,239,239,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 44%, rgba(246,246,246,1) 66%, rgba(239,239,239,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 44%, rgba(246,246,246,1) 66%, rgba(239,239,239,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef', GradientType=0 );
	padding: 0 40px;
}
#LyrisLmCustomerCommunications .padding-top-a {
	padding-top: 74px;
}
#LyrisLmCustomerCommunications .padding-top-b {
	padding-top: 115px;
}
#BulletEnterprise img.center, #LyrisRealTimeRetargeting img.center {
	margin: 0px auto;
	display: block;
}
#ForMoreInformation {
    padding: 29px 0;
    background-color: #e6f7ce;
}
#ForMoreInformation p.center-content {
    color: #32363F;
    font: 24px/26px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    text-align: center;
    margin: 0px;
}
#ForMoreInformation .head-txt {
    color: #45812b;
    font: 36px/38px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    text-align: center;
    margin: 0px;
}
#ForMoreInformation .greay-txt {
    color: #818285;
    font: 33px/35px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    margin: 0px;
}
#ForMoreInformation .greay-txt a {
    color: #818285;
    font: 33px/35px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    margin: 0px;
}
#ForMoreInformation .greay-txt a:hover {
    text-decoration: none;
}
#ForMoreInformation .greay-txt a:active {
    text-decoration: none;
}
#ForMoreInformation span.txt-one {
    color: #32363f;
    font: 20px/22px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    text-align: left;
    margin: 0px;
}
#ForMoreInformation span.txt-two {
    color: #32363f;
    font: 200 20px/22px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    text-align: left;
    margin: 0px;
    padding: 0 0 16px;
    text-align: left;
    display: block;
}
#ForMoreInformation strong, #LyrisProductReleaseExplore strong {
	font-weight: 600;
}
#LyrisRealtimeEcommerce, #LyrisProductReleaseExplore {
	padding: 21px 45px;
    width: auto;
}
#LyrisRealtimeEcommerce a, #LyrisProductReleaseExplore a {
	color: #32363F;	
	float: left;
}
#LyrisRealtimeEcommerce a:hover, #LyrisProductReleaseExplore a:hover {
	color: #32363F;
	text-decoration: none;	
}
#LyrisProductReleaseExplore img.arrow-b {
	float: left;
}
#LyrisRealtimeEcommerce .left-border, #LyrisProductReleaseExplore .left-border {
    border-right: 2px solid #C3C3C3;
    border-left: 2px solid #C3C3C3;
    padding: 0 0 0 30px;
}
#LyrisRealtimeEcommerce .non-left-border {
    padding: 17px 0 0 80px;
}
#LyrisProductReleaseExplore .non-left-border {
    padding: 17px 0 0 250px;
    border-right: 2px solid #C3C3C3;
}
#LyrisRealtimeEcommerce .non-right-border, #LyrisProductReleaseExplore .non-right-border {
	padding: 17px 0 0 0;
}
#LyrisProductReleaseExplore .non-right-border {
	padding: 17px 120px 0 2px;
}
#LyrisRealtimeEcommerce td.right-space, #LyrisProductReleaseExplore td.right-space {
    width: 91px;
}
#LyrisRealtimeEcommerce td.right-space-a, #LyrisProductReleaseExplore td.right-space-a {
    width: 115px;
}
#LyrisRealtimeEcommerce img.logo, #LyrisProductReleaseExplore img.logo{
    margin: 0 0 18px;
}
#LyrisRealtimeEcommerce .middle-border, #LyrisProductReleaseExplore .middle-border {
	border-left: 2px solid #C3C3C3;
    border-right: 2px solid #C3C3C3;
    padding: 17px 0 9px 50px;
}
#LyrisRealtimeEcommerce .right-border, #LyrisProductReleaseExplore .right-border {
	border-right: 2px solid #c3c3c3;
	padding: 0 0 0 30px;
}
#LyrisRealtimeEcommerce td, #LyrisProductReleaseExplore td {
	border-top: 0px;
	padding: 0px;
}
#LyrisRealtimeEcommerce table, #LyrisProductReleaseExplore table {
	margin-bottom: 0;
}
#LyrisEcommerceTable p, #LyrisProductReleaseExplore p {
	font: bold 20px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #45802b;
	text-align: center;
	margin: 0px 0 22px 0;
}
#LyrisEcommerceTable strong {
	font: bold 16px/18px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #45802b;
}
#LyrisProductReleaseExplore strong {
	font-weight: 600;
}
#LyrisEcommerceTable td {
	border: none;
	font: normal 14px/16px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #6f7278;
	padding: 12px;
}
#LyrisEcommerceTable .right-border, #LyrisProductReleaseExplore .right-border {
	border-right: 2px solid #ffffff;
}
#LyrisEcommerceTable td.greay-bg, #LyrisProductReleaseExplore td.greay-bg {
	background-color: #f7f7f7;
}
#LyrisEcommerceTable td.green-bg, #LyrisProductReleaseExplore td.green-bg {
	background-color: #e8f4d9;
}
#LyrisEcommerceTable img.center, #LyrisProductReleaseExplore img.center {
	display: block;
    margin: 0 auto;
}
#LyrisMediaPublishing img, #LyrisEnterpriseIntegrations img {
	margin: 0px auto;
	display: block;
}
#AutomateCustomerEngagement {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 29%, rgba(246,246,246,1) 52%, rgba(239,239,239,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(29%, rgba(255,255,255,1)), color-stop(52%, rgba(246,246,246,1)), color-stop(100%, rgba(239,239,239,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 29%, rgba(246,246,246,1) 52%, rgba(239,239,239,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 29%, rgba(246,246,246,1) 52%, rgba(239,239,239,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 29%, rgba(246,246,246,1) 52%, rgba(239,239,239,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 29%, rgba(246,246,246,1) 52%, rgba(239,239,239,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef', GradientType=0 );
}
#AutomateCustomerEngagement {
	margin: 54px auto 71px;
	padding-bottom: 40px;
}
#CustomerCommunications, #LyrisLmCustomerCommunications {
	margin: 42px auto 44px;
	padding-bottom: 27px;
}
#MultipleEditions, #QuickImplementation {
	margin: 42px auto 47px;
}
#CustomerFacilitiesList {
	margin: 40px 0 0 0;
}
#CustomerFacilitiesList .box {
	padding: 9px 10px;
}
#CustomerFacilitiesList .black-bg {
	background: url(/images/automate-customer-engagement-black-bg-img.jpg) 0 0 no-repeat;
}
#CustomerFacilitiesList .black-bg span {
	font: bold 20px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #abe1eb;
	padding: 0px 0px 24px 0px;
	margin: 0px;
	float: left;
}
#CustomerFacilitiesList .black-bg p {
	font: 100 16px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #ffffff;
	border: 1px solid #abe1eb;
	padding: 18px 21px 0px 21px;
	margin: 0px;
	height: 252px;
}
#CustomerFacilitiesList .green-bg {
	background: url(/images/automate-customer-engagement-green-bg-img.jpg) 0 0 no-repeat;
}
#CustomerFacilitiesList .green-bg span {
	font: bold 20px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #ddea92;
	padding: 0px 0px 24px 0px;
	margin: 0px;
	float: left;
}
#CustomerFacilitiesList .green-bg p {
	font: 100 16px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #ffffff;
	border: 1px solid #ddea92;
	padding: 18px 21px 0px 21px;
	margin: 0px;
	height: 252px;
}
#CustomerFacilitiesList .blue-bg {
	background: url(/images/automate-customer-engagement-blue-bg-img.jpg) 0 0 no-repeat;
}
#CustomerFacilitiesList .blue-bg span {
	font: bold 20px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #93e2bc;
	padding: 0px 0px 24px 0px;
	margin: 0px;
	float: left;
}
#CustomerFacilitiesList .blue-bg p {
	font: 100 16px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #ffffff;
	border: 1px solid #93e2bc;
	padding: 18px 21px 0px 21px;
	margin: 0px;
	height: 252px;
}
#CustomerFacilitiesList .olivegreen-bg {
	background: url(/images/automate-customer-engagement-olivegreen-bg-img.jpg) 0 0 no-repeat;
}
#CustomerFacilitiesList .olivegreen-bg span {
	font: bold 20px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #f8f6c1;
	padding: 0px 0px 24px 0px;
	margin: 0px;
	float: left;
}
#CustomerFacilitiesList .olivegreen-bg p {
	font: 100 16px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #ffffff;
	border: 1px solid #f8f6c1;
	padding: 18px 21px 0px 21px;
	margin: 0px;
	height: 252px;
}
#CustomerFacilitiesList a {
	color: #ffffff;
	text-decoration: underline;
}
#PromoSliderSection .border {
    border: 1px solid #D4D4D3;
    float: left;
    height: 305px;
    list-style-type: none;
    margin: 20px auto;
    overflow: hidden;
    width: 250px;
}
#PromoSliderSection .box {
    cursor: pointer;
    float: left;
    height: 295px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0 5px 5px;
    position: relative;
}
#PromoSliderSection .back {
    background-color: #616365;
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    text-decoration: none;
}
#PromoSliderSection a.wss-customer-sucess {
    background: url("/images/footwear-retailer-tests-mobile-optimized-img-2014-0708.jpg") no-repeat scroll center 0px;
    background-size: 100% auto;
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 305px;
    text-decoration: none;
    width: 240px;
}
#PromoSliderSection a.harveynorman-customer-sucess {
    background: url("/images/harveynorman-hover-ani-img.jpg") no-repeat scroll center 0px;
    background-size: 100% auto;
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 305px;
    text-decoration: none;
    width: 240px;
}
#PromoSliderSection a.kitbag-customer-sucess {
    background: url("/images/kitbag-hover-ani-img.jpg") no-repeat scroll center 0px;
    background-size: 100% auto;
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 305px;
    text-decoration: none;
    width: 240px;
}
#PromoSliderSection a.leading-retailer-customer-sucess {
    background: url("/images/leading-retailer-hover-ani-img.jpg") no-repeat scroll center 0px;
    background-size: 100% auto;
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 305px;
    text-decoration: none;
    width: 240px;
}
#PromoSliderSection a.hittv-customer-sucess {
    background: url("/images/hittv-hover-ani-img.jpg") no-repeat scroll center 0px;
    background-size: 100% auto;
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 305px;
    text-decoration: none;
    width: 240px;
}
#PromoSliderSection a.pumpkinpatch-customer-sucess {
    background: url("/images/pumpkinpatch-hover-ani-img.jpg") no-repeat scroll center 0px;
    background-size: 100% auto;
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 305px;
    text-decoration: none;
    width: 240px;
}
#PromoSliderSection a.matches-customer-sucess {
    background: url("/images/matches-hover-ani-img.jpg") no-repeat scroll center 0px;
    background-size: 100% auto;
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 305px;
    text-decoration: none;
    width: 240px;
}
#PromoSliderSection a.expedia-customer-sucess {
    background: url("/images/expedia-hover-ani-img.jpg") no-repeat scroll center 0px;
    background-size: 100% auto;
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 305px;
    text-decoration: none;
    width: 240px;
}
#PromoSliderSection a.test-lyris-hq {
    background: url("/images/lyris-hq-testhover-ani-img.jpg") no-repeat scroll center -62px;
    background-size: 198% auto;
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 305px;
    text-decoration: none;
    width: 240px;
}
#PromoSliderSection a.test-customer-sucess {
    background: url("/images/wss-hover-ani-img.jpg") no-repeat center -62px;
	color: #FFFFFF;
	float: left;
	font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 305px;
	text-decoration: none;
	width: 240px;
	background-size: 118% auto;
}
#PromoSliderSection .front {
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    position: absolute;
    text-decoration: none;
    top: 150px;
    width: 96%;
    z-index: 10;
}
#PromoSliderSection a.first-guide {
    background: url("/images/black-transparent.png") repeat scroll center 0;
    color: #FFFFFF;
    float: left;
    font: 15px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 305px;
    margin: 0;
    padding: 10px 20px 7px;
    text-decoration: none;
}
#PromoSliderSection span.promo-description {
    color: #FFFFFF;
    float: left;
    font: 15px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    margin: 29px 0 0;
}
#resources-section .bx-wrapper .bx-viewport {
	width: 252px !important;
	height: 332px !important;
	left: 0 !important;
}
#resources-section .bx-wrapper .bx-controls-direction a {
	top: 106% !important;
}
#resources-section .bx-wrapper .bx-pager, #resources-section .bx-wrapper .bx-controls-auto {
	bottom: -23px;
}
#resources-section .bx-wrapper .bx-controls-direction a.bx-prev {
	background-image: url("/images/promoslider-arrow-img.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 17px;
    left: 73px !important;
    width: 14px;
}
#resources-section .bx-wrapper .bx-controls-direction a.bx-next {
	background-image: url("/images/promoslider-arrow-img.png");
    background-position: -83px 0;
    background-repeat: no-repeat;
    height: 17px;
    right: 70px !important;
    width: 14px;
}
#resources-section .bx-wrapper .bx-pager.bx-default-pager a:hover, #resources-section .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: none repeat scroll 0 0 #45802b;
}
#resources-section .bx-wrapper .bx-pager.bx-default-pager a {
	background: none repeat scroll 0 0 #cfcfcf;
}
#resources-section .bx-wrapper .bx-pager.bx-default-pager a {
	width: 15px;
	height: 15px;
	border-radius: 12px;
	margin: 0 5px;
}
#LyrisEmailDigitalMessaging p.RHS-padding-footer, #LyrisEnterpriseConnectors p.RHS-padding-footer, #EmailDigital p.RHS-padding-footer, #LyrislmOnpremises p.RHS-padding-footer {
    color: #5E6168;
    margin: 0 0 5px 0;
}
#LyrisPrioritySend span.green, #DeliveryManagementConsole span.green, #IntelligentAbTesting span.green {
	color: #45802b;
	font-weight: bold;
}
#AutomateCustomerEngagement ul {
	margin: 0 0 10px;
}
#OptimizeDigitalMarketing ul, #FutureProofInvestment ul, #ExtendIntegrate ul, #DesignedOnpremises ul, #LyrisPrioritySend ul, 
#DeliveryManagementConsole ul, #IntelligentAbTesting ul {
	margin: 0 0 32px;
}
#AutomateCustomerEngagement li, #OptimizeDigitalMarketing li, #ExtendIntegrate li, #FutureProofInvestment li, #DesignedOnpremises li,
#LyrisPrioritySend li, #DeliveryManagementConsole li, #IntelligentAbTesting li {
	background: url("/images/products-overview-bullet-icon.png") no-repeat scroll 7px 7px;
    list-style: none outside none;
    margin: 0 0 19px !important;
    padding: 0 0 0 25px;
    font: 200 18px/22px "ff-milo-web-pro-i4","ff-milo-web-pro", sans-serif !important;
    list-style: none !important;
}
#AutomateCustomerEngagement li a, #OptimizeDigitalMarketing li a, #ExtendIntegrate li a, #FutureProofInvestment li a {
	text-decoration: underline;
}
#ExtendIntegrate a, #QuickImplementation a, #SampleUseCases a, #OptimizeDigitalMarketing a, #ExtendIntegrate a, 
#FutureProofInvestment a, #CustomerCommunications a, #MultipleEditions a, #LyrisLmCustomerCommunications a {
	text-decoration: underline;
}
#AutomateCustomerEngagement li:last-child, #OptimizeDigitalMarketing li:last-child, #FutureProofInvestment li:last-child {
	margin: 0 0 0px;
}
#AutomateCustomerEngagement img, #OptimizeDigitalMarketing img, #ExtendIntegrate img, #FutureProofInvestment img {
	margin: 0px auto;
	display: block;
}
#EmailDigital img.screenshots {
	margin: 0px auto;
	display: block;
}
#BulletEnterprise img.center {
	padding: 22px 0 46px 0;
}
#BulletEnterprise img.center-no-padding {
	padding: 22px 0 20px 0;
}
#ExtendIntegrate, #FutureProofInvestment {
	margin: 44px 0 34px 0;
}
#DeliveryManagementConsole {
	margin: 28px 0 34px 0;
}
#IntelligentAbTesting {
	margin: 28px 0 10px 0;
}
#DeliveryManagementConsole a, #IntelligentAbTesting a {
	text-decoration: underline;
}
#DeliveryManagementConsole a.admc-link, #IntelligentAbTesting a.admc-link {
    text-decoration: none;
}
#LyrisPrioritySend {
	margin: 32px 0 0 0;
}
#KeyCapabilities {
	margin: 54px auto 22px;
}
#KeyCapabilities ul, #LyrisRealTimeRetargeting ul {
	margin: 0 0 27px;
} 
#KeyCapabilities li, #LyrisRealTimeRetargeting li {
	background: url("/images/keycapabilities-bullet-icon.png") no-repeat scroll 17px 7px;
    list-style: none outside none !important;
    margin: 0 0 15px !important;
    padding: 0 0 0 41px;
    font: 200 18px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif !important;
}
#KeyCapabilities span.green {
    color: #45802b;
    font: bold 18px/20px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
#QuickImplementation span.green, #MultipleEditions span.green {
    color: #45802b;
    font: bold 20px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
#KeyCapabilities p.RHS-padding-footer {
    color: #5E6168;
    margin: 0 0 0px 0;
}
#SampleUseCases {
	margin: 0 auto 22px;
}
#SampleUseCases .green-txt{
	font: 20px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	background: url("/images/sampleusecases-bullet-icon.png") no-repeat scroll 10px 7px;
	padding: 0 0 0 34px;
	color: #45802b;
}
#LyrisEmailDigitalMessaging .lyris_animation {
    height: 433px;
    position: relative;
    width: 838px;
}
#outline {
	top: 0em; 
	left: 0em;
	/*display: none;*/
	position: absolute;
	width: 838px;
	height: 433px;
	background: url("/images/outline.jpg") no-repeat scroll 180px 4px;
}
#automate {
	left: 331px;
    position: absolute;
    top: 54px;
	opacity:0;
	background: url("/images/automate.png") no-repeat scroll 0px 0px;
	width: 168px;
	height: 168px;
	z-index: 4;
	cursor: pointer;
	border-radius: 190px;
}
#optimize {
	background: url("/images/optimize.png") no-repeat scroll 0 0;
    opacity:0;
    height: 168px;
    position: absolute;
    right: 399px;
    top: 161px;
    width: 168px;
    z-index: 3;
    cursor: pointer;
    border-radius: 190px;
}
#extend {
	background: url("/images/extend.png") no-repeat scroll 0 0;
    opacity:0;
    height: 168px;
    left: 396px;
    position: absolute;
    top: 161px;
    width: 168px;
    cursor: pointer;
    border-radius: 190px;
}
.p2tooltip_content {
	display: none !important;
}
.p2tooltip_outer {
  position: absolute;
  z-index: 999999;
  left: 0;
  top: 0;
}
.p2tooltip_outer.tooltip_single {
  width: 150px;
  height: inherit;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:    0 0 2px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.5);
}
.p2tooltip_inner {
	padding: 20px 12px 40px 20px;
}
.p2tooltip_outer.tooltip_single .p2tooltip_inner{
	background-color: #FFFFFF;
    border: 0 none !important;
    padding: 30px 16px 13px;
}
.p2tooltip_outer.p2tooltip_right .p2tooltip_inner, .p2tooltip_outer.p2tooltip_bottom .p2tooltip_inner{
	padding: 18px 23px 13px 13px;
	border: 1px solid #ddea92;
	position: relative;
    z-index: 1;
}
#LyrisEmailDigitalMessaging .p2tooltip_outer.p2tooltip_right .p2tooltip_inner, #LyrisEmailDigitalMessaging .p2tooltip_outer.p2tooltip_bottom .p2tooltip_inner {
	padding: 10px 23px 40px 13px;
}
#LyrisEmailDigitalMessaging .p2tooltip_outer.tooltip_optimize .p2tooltip_inner {
    border: 1px solid #93E2BC;
}
#LyrisEmailDigitalMessaging .p2tooltip_outer.tooltip_extend .p2tooltip_inner {
    border: 1px solid #ddea92;
}
#LyrisEmailDigitalMessaging .p2tooltip_outer.tooltip_automate .p2tooltip_inner {
    border: 1px solid #abe1eb;
}
.p2tooltip_outer.tooltip_single .p2tooltip_pointer {
    height: 20px;
    left: 50%;
    margin-left: -10px;
    top: -10px;
    width: 20px;    
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0 0 2px 1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(45deg);
   	-ms-transform: rotate(45deg);
   	-moz-transform: rotate(45deg);
   	-o-transform: rotate(45deg);
   	transform: rotate(45deg);
    background: #FFFFFF;
    position: absolute;
    z-index: 0;
}
.p2tooltip_left .p2tooltip_pointer,
.p2tooltip_right .p2tooltip_pointer {
    top: 50%;
    margin-top:-4.5px;
}
.p2tooltip_top .p2tooltip_pointer,
.p2tooltip_bottom .p2tooltip_pointer {
    left: 50%;
    margin-left:-9px;
}
.p2tooltip_right .p2tooltip_pointer {
    left: -5px;
}
.p2tooltip_left .p2tooltip_pointer {
    right: -5px;
}
.p2tooltip_top .p2tooltip_pointer {
    bottom: -5px;
}
.p2tooltip_bottom .p2tooltip_pointer {
    top: -5px;
}

/*Style for each tooltip*/
#LyrisEmailDigitalMessaging .p2tooltip_outer.tooltip_automate {
    background: url("/images/triangle-mouseover-top-right.png") no-repeat scroll 0 0;
	background-size: 100% 100%;
    color: #FFFFFF;
    font: 200 16px/18px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    left: 464px !important;
    padding: 19px 19px 22px 32px;
    position: absolute;
    top: 55px !important;
    width: 323px;
    z-index: 9;
}
#LyrisEmailDigitalMessaging .p2tooltip_outer.tooltip_optimize {
    background: url("/images/triangle-mouseover-bottom-right.png") no-repeat scroll 0 0;
	background-size: 100% 100%;
    color: #FFFFFF;
    font: 200 16px/18px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    left: 171px !important;
    padding: 30px 18px 16px 17px;
    position: absolute;
    top: 270px !important;
    width: 323px;
    z-index: 9;
}
#LyrisEmailDigitalMessaging .p2tooltip_outer.tooltip_extend {
    background: url("/images/triangle-mouseover-bottom-left.png") no-repeat scroll 0 0;
    background-size: 100% 100%;
    color: #FFFFFF;
    font: 200 16px/18px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    left: 299px !important;
    padding: 34px 18px 18px;
    position: absolute;
    top: 270px !important;
    width: 323px;
    z-index: 9;
}
.p2tooltip_outer.tooltip_automate img, .p2tooltip_outer.tooltip_extend img, .p2tooltip_outer.tooltip_optimize img {
    margin: 0 0 0 36px;
    position: absolute;
    right: 0;
    bottom: 0px;
}
.p2tooltip_outer.tooltip_automate strong {
	color: #abe1eb;
}
.p2tooltip_outer.tooltip_extend strong {
	color: #ddea92;
}
.p2tooltip_outer.tooltip_optimize strong {
	color: #93e2bc;
}
#LyrisEcommerceTable .p2tooltip_outer.tooltip_single {
   	box-shadow: none;
    height: inherit;
    width: 190px;
}
#LyrisEcommerceTable .p2tooltip_outer.tooltip_single .p2tooltip_pointer {
   	background: none repeat scroll 0 0;
    box-shadow: none;
    cursor: pointer;
    height: 20px;
    left: 60%;
    margin: 0 auto;
    top: -10px;
    width: 30px;
}
#LyrisEcommerceTable .bold-title {
    margin: 0 auto;
    width: 204px;
}
#LyrisEcommerceTable .bold-title strong {
    color: #45802B;
    float: left;
    font: bold 16px/18px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
#table_tooltip {
    float: right;
    margin: 0 -10px 0 0px;
}
#table_tooltip img {
	cursor: pointer;
}
#LogoEcommerce ul {
    display: block;
    margin: 0 auto;
}
#LogoEcommerce li {
    background: url("/images/ecommerce-horizontalline-img.jpg") no-repeat scroll 0 bottom;
    list-style: none outside none;
    margin: 0;
    padding: 3px 0;
}
#LogoEcommerce li img {
    display: block;
    margin: 0 auto;
}
#LogoEcommerce center {
    font: 500 16px/18px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
}
#LogoEcommerce a {
    color: #32363f;
    display: block;
    font: 500 16px/18px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    text-align: center;
    padding: 13px 0 1px;
}
#LyrisPrioritySend img, #DeliveryManagementConsole img {
	margin: 44px 0 0 0;
}
#IntelligentAbTesting img {
	margin: 0;
}
#LyrisProductReleaseExplore .greay-txt {
    color: #818285;
    font: 33px/35px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    margin: 0 0 16px;
    float: left;
}
#LyrisProductReleaseExplore span.txt-one {
    color: #32363f;
    font: 200 20px/22px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    text-align: left;
    margin: 0px;
    float: left;
}
#LyrisProductReleaseExplore img.arrow-a {
    float: right;
    margin: 0px 0 0 10px;
}
/* =========================== 2014-july product release page explore more section starts =========================== */
#LyrisProductReleaseExplore span.single-text {
    color: #32363f;
    font: 20px/22px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    text-align: left;
    margin: 13px 0 0 0;
    float: left;
}
#LyrisProductReleaseExplore img.arrow-a-new {
    float: left;
    margin: 0 0 0 15px;
}
/* =========================== 2014-july product release page explore more section ends =========================== */
/* =========================== end 2014-productsoverview-new-template-april-section ===================  */
/* =========================== begin 2014-home-page-redesign-june-section ===================  */
#ConnectedCustomerCommunications .three-circle {
    position: relative;
    height: 300px;
}
#ConnectedCustomerCommunications {
    background: url("/images/ConnectedCustomerCommunications-bg-img.gif") no-repeat scroll center 0 #FFFFFF;
}
#MainContentWrap .content-top-bg {
    display: none;
}
#HomeCustomerCommunications h1 {
    color: #8DC73F;
    font-family: "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    font-size: 60px;
    font-style: italic;
    font-weight: 400;
    line-height: 59px;
    margin: 47px 0 0;
    text-align: center;
}
#HomeCustomerCommunications h2 {
    line-height: 42px;
    text-align: center;
}
#haccordion_automate {
	position: relative;
}
#haccordion_automate .content {
	position: absolute;
	padding: 44px 0 0 74px !important;
}
#haccordion_automate .content .lhs-content {
	float: left;
}
#haccordion_automate .content .lhs-content h2 {
	font: 600 36px/38px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	color: #afd878;
	padding: 0 0 30px 0;
}
#haccordion_automate .content .lhs-content p {
	padding: 0;
	font: 200 18px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #ffffff;
}
#haccordion_automate .content .lhs-content a {
	font: 600 20px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #C6EB94;
	padding: 0 34px 0 0;
	margin-top: 20px;
	float: left;
}
#haccordion_automate .content .lhs-content a img {
	transition: all 0.6s ease-in-out 0s;
}
#haccordion_automate .content .lhs-content a:hover img {
	text-decoration: none;
	transition: all 0.6s ease-in-out 0s;
}
#haccordion_automate .content .lhs-content a:hover {
	text-decoration: none;
}
#haccordion_automate .content .rhs-content {
	float: right;
	position: relative;
	display: none;
}
#haccordion_automate .content .rhs-content .green {
	background: url("/images/home-slider-bullet-point-green-color.png") no-repeat scroll 3px 5px, url("/images/home-slider-arrow-point.png") no-repeat scroll right 0;
	color: #000000;
	font: 200 12px/16px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	padding: 4px 0 5px 20px;
	position: absolute;
	top: 20px;
	width: 147px;
	left: 80px;
}
#haccordion_automate .content .rhs-content .sky-blue {
	background: url("/images/home-slider-bullet-point-skyblue-color.png") no-repeat scroll 3px 5px, url("/images/home-slider-arrow-point.png") no-repeat scroll right 0;
	color: #000000;
	font: 200 12px/16px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	padding: 4px 0 5px 20px;
	position: absolute;
	top: 76px;
	width: 58px;
	left: 148px;
}
#haccordion_automate .content .rhs-content .yellow {
	background: url("/images/home-slider-bullet-point-yellow-color.png") no-repeat scroll 3px 5px, url("/images/home-slider-arrow-point.png") no-repeat scroll right 0;
	color: #000000;
	font: 200 12px/16px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	padding: 4px 0 5px 20px;
	position: absolute;
	top: 139px;
	width: 185px;
	left: 30px;
}
#haccordion_automate .content .rhs-content .dark-green {
	background: url("/images/home-slider-bullet-point-darkgreen-color.png") no-repeat scroll 3px 5px, url("/images/home-slider-arrow-point.png") no-repeat scroll right 0;
	color: #000000;
	font: 200 12px/16px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	padding: 4px 0 5px 20px;
	position: absolute;
	top: 192px;
	width: 157px;
	left: 70px;
}
#haccordion_integrate {
	position: relative;
}
#haccordion_integrate .content {
	position: absolute;
	padding: 44px 0 0 74px !important;
}
#haccordion_integrate .content .lhs-content {
	float: left;
}
#haccordion_integrate .content .lhs-content h2 {
	font: 600 36px/38px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	color: #afd878;
	padding: 0 0 30px 0;
}
#haccordion_integrate .content .lhs-content p {
	padding: 0;
	font: 200 18px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #ffffff;
}
#haccordion_integrate .content .lhs-content a {
	font: 600 20px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #C6EB94;
	padding: 0 34px 0 0;
	margin-top: 20px;
	float: left;
}
#haccordion_integrate .content .lhs-content a:hover {
	text-decoration: none;
}
#haccordion_integrate .content .lhs-content a img {
	transition: all 0.6s ease-in-out 0s;
}
#haccordion_integrate .content .lhs-content a:hover img {
	text-decoration: none;
	transition: all 0.6s ease-in-out 0s;
}
#haccordion_integrate .content .rhs-content {
	float: right;
	position: relative;
	display: none;
}
#haccordion_integrate .content .rhs-content .green {
	background: url("/images/home-slider-bullet-point-green-color.png") no-repeat scroll 3px 5px, url("/images/home-slider-arrow-point.png") no-repeat scroll right 0;
	color: #000000;
	font: 200 12px/16px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	padding: 4px 0 5px 20px;
	position: absolute;
	top: 27px;
	width: 44px;
	left: 158px;
}
#haccordion_integrate .content .rhs-content .sky-blue {
	background: url("/images/home-slider-bullet-point-skyblue-color.png") no-repeat scroll 3px 5px, url("/images/home-slider-arrow-point.png") no-repeat scroll right 0;
	color: #000000;
	font: 200 12px/16px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	padding: 4px 0 5px 20px;
	position: absolute;
	top: 90px;
	width: 102px;
	left: 87px;
}
#haccordion_integrate .content .rhs-content .yellow {
	background: url("/images/home-slider-bullet-point-yellow-color.png") no-repeat scroll 3px 5px, url("/images/home-slider-arrow-point.png") no-repeat scroll right 0;
	color: #000000;
	font: 200 12px/16px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	padding: 4px 0 5px 20px;
	position: absolute;
	top: 147px;
	width: 97px;
	left: 187px;
}
#haccordion_integrate .content .rhs-content .dark-green {
	background: url("/images/home-slider-bullet-point-darkgreen-color.png") no-repeat scroll 3px 5px, url("/images/home-slider-arrow-point.png") no-repeat scroll right 0;
	color: #000000;
	font: 200 12px/16px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	padding: 4px 0 5px 20px;
	position: absolute;
	top: 205px;
	width: 77px;
	left: 135px;
}
#haccordion_optimize {
	position: relative;
}
#haccordion_optimize .content {
	position: absolute;
	padding: 44px 0 0 74px !important;
}
#haccordion_optimize .content .lhs-content {
	float: left;
}
#haccordion_optimize .content .lhs-content h2 {
	font: 600 36px/38px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	color: #afd878;
	padding: 0 0 30px 0;
}
#haccordion_optimize .content .lhs-content p {
	padding: 0;
	font: 200 18px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #ffffff;
}
#haccordion_optimize .content .lhs-content a {
	font: 600 20px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #C6EB94;
	padding: 0 34px 0 0;
	margin-top: 20px;
	float: left;
}
#haccordion_optimize .content .lhs-content a:hover {
	text-decoration: none;
}
#haccordion_optimize .content .lhs-content a img {
	transition: all 0.6s ease-in-out 0s;
}
#haccordion_optimize .content .lhs-content a:hover img {
	text-decoration: none;
	transition: all 0.6s ease-in-out 0s;
}
#haccordion_optimize .content .rhs-content {
	float: right;
	position: relative;
	display: none;
}
#haccordion_optimize .content .rhs-content .green {
	background: url("/images/home-slider-bullet-point-green-color.png") no-repeat scroll 3px 5px, url("/images/home-slider-arrow-point.png") no-repeat scroll right 0;
	color: #000000;
	font: 200 12px/16px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	padding: 4px 0 5px 20px;
	position: absolute;
	top: 27px;
	width: 144px;
	left: 46px;
}
#haccordion_optimize .content .rhs-content .sky-blue {
	background: url("/images/home-slider-bullet-point-skyblue-color.png") no-repeat scroll 3px 5px, url("/images/home-slider-arrow-point.png") no-repeat scroll right 0;
	color: #000000;
	font: 200 12px/16px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	padding: 5px 0 5px 20px;
	position: absolute;
	top: 87px;
	width: 112px;
	left: 113px;
}
#haccordion_optimize .content .rhs-content .yellow {
	background: url("/images/home-slider-bullet-point-yellow-color.png") no-repeat scroll 3px 5px, url("/images/home-slider-arrow-point.png") no-repeat scroll right 0;
	color: #000000;
	font: 200 12px/16px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	padding: 4px 0 5px 20px;
	position: absolute;
	top: 147px;
	width: 144px;
	left: 135px;
}
#haccordion_optimize .content .rhs-content .dark-green {
	background: url("/images/home-slider-bullet-point-darkgreen-color.png") no-repeat scroll 3px 5px, url("/images/home-slider-arrow-point.png") no-repeat scroll right 0;
	color: #000000;
	font: 200 12px/16px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	padding: 4px 0 5px 20px;
	position: absolute;
	top: 209px;
	width: 107px;
	left: 187px;
}
#ConnectedCustomerCommunications .position-keep {
    position: relative;
}
#ConnectedCustomerCommunications .wrapp-three-box {
	position: absolute;
}
#ConnectedCustomerCommunications .bg-img {
    background: url("/images/ConnectedCustomerCommunications-bg-img.jpg") no-repeat scroll center top;
    background-size: 100% auto;
}
#ConnectedCustomerCommunications .slider-wrapp {
    background: url("/images/CustomerCommunications-slider-bg-img.jpg") repeat scroll center top;
    height: 356px;
}
#DeliveringEmailJustGotBetter .priority-quality {
    position: relative;
}
#DeliveringEmailJustGotBetter .lyris-priority-send {
    background: url("/images/lyris-priority-send-bg-img.png") no-repeat scroll 0 0;
    color: #FFFFFF;
    font: 600 22px/24px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 58px;
    padding: 31px 0 0 57px;
    position: absolute;
    right: 10px;
    top: 71px;
    width: 219px;
    z-index: 2;
}
#DeliveringEmailJustGotBetter .lyris-advanced-delivery {
	background: url("/images/lyris-advanced-delivery-bg-img.png") no-repeat scroll 0 0;
    color: #FFFFFF;
    font: 600 22px/24px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 71px;
    left: -151px;
    padding: 19px 30px 0 15px;
    position: absolute;
    top: 159px;
    width: 237px;
    z-index: 2;
}
#DeliveringEmailJustGotBetter .lyris-advanced-delivery a, #DeliveringEmailJustGotBetter .lyris-priority-send a {
	text-decoration: none;
	color: #ffffff;
}
#DeliveringEmailJustGotBetter .lyris-advanced-delivery a:hover, #DeliveringEmailJustGotBetter .lyris-priority-send a:hover {
	text-decoration: none;
	color: #ffffff;
}
#ConnectedCustomerCommunications .three-circle .lyris-messaging {
    color: #32363F;
    left: 66px;
    position: absolute;
    text-align: right;
    top: 50px;
    cursor: pointer;
}
#ConnectedCustomerCommunications .three-circle .lyris-messaging .left-side {
    float: left;
    font: 200 20px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    padding: 32px 0 0;
    margin: 0 17px 0 0px; 
}
#ConnectedCustomerCommunications .three-circle .lyris-messaging .left-side strong {
    clear: both;
    display: block;
    float: left;
    padding-bottom: 8px;
}
#ConnectedCustomerCommunications .three-circle .lyris-messaging .left-side a {
    clear: both;
    display: block;
    float: right;
}
#ConnectedCustomerCommunications .three-circle .lyris-messaging .left-side a span.green {
    background: url("/images/home-green-arrow-img.png") no-repeat scroll right center;
    clear: both;
    color: #45812B;
    float: right;
    font: 600 20px/22px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    padding: 2px 27px 0 0;
    height: 24px;
}
#ConnectedCustomerCommunications .three-circle .lyris-messaging .right-side {
    background: url("/images/lyris-messaging-icon.png") no-repeat scroll right 4px;
    float: right;
    height: 100px;
    width: 116px;
}
#ConnectedCustomerCommunications .three-circle .lyris-messaging .right-side img{
    display: block;
    margin: 13px auto;
    width: 77px;
}
#ConnectedCustomerCommunications .three-circle .lyris-flexible {
    color: #32363F;
    font: 200 20px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    left: 479px;
    position: absolute;
    text-align: center;
    top: 50px;
    cursor: pointer;
}
#ConnectedCustomerCommunications .three-circle .lyris-flexible .left-side {
    clear: both;
    float: left;
    font: 200 20px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    padding: 14px 0 0;
}
#ConnectedCustomerCommunications .three-circle .lyris-flexible .left-side strong {
    clear: both;
    display: block;
    float: left;
    padding-bottom: 8px;
}
#ConnectedCustomerCommunications .three-circle .lyris-flexible .left-side a {
    clear: both;
    display: block;
    float: none;
    text-align: center;
}
#ConnectedCustomerCommunications .three-circle .lyris-flexible .left-side a span.green {
    background: url("/images/home-green-arrow-img.png") no-repeat scroll right center;
    color: #45812B;
    float: none;
    font: 600 20px/22px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    margin: 0 auto;
    padding: 0 27px 0 0;
    text-align: center;
    height: 24px;
}
#ConnectedCustomerCommunications .three-circle .lyris-flexible .right-side {
    background: url("/images/lyris-flexible-img.png") no-repeat scroll center top;
    clear: both;
    float: none;
    height: 95px;
    margin: 0 auto;
    padding: 8px 0 0 37px;
    width: 116px;
}
#ConnectedCustomerCommunications .three-circle .lyris-flexible .right-side img {
	display: block;
}
#ConnectedCustomerCommunications .three-circle .lyris-digital {
    color: #32363F;
    font: 200 20px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    position: absolute;
    right: 88px;
    text-align: left;
    top: 50px;
    cursor: pointer;
}
#ConnectedCustomerCommunications .three-circle .lyris-digital .left-side {
    float: right;
    font: 200 20px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    padding: 32px 0 0;
}
#ConnectedCustomerCommunications .three-circle .lyris-digital .left-side strong {
    clear: both;
    display: block;
    float: left;
    padding-bottom: 8px;
}
#ConnectedCustomerCommunications .three-circle .lyris-digital .left-side a {
    clear: both;
    display: block;
    float: none;
}
#ConnectedCustomerCommunications .three-circle .lyris-digital .left-side a span.green {
    background: url("/images/home-green-arrow-img.png") no-repeat scroll right center;
    color: #45812B;
    float: none;
    font: 600 20px/22px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    margin: 0 auto;
    padding: 0 27px 0 0;
    text-align: center;
    height: 24px;
}
#ConnectedCustomerCommunications .three-circle .lyris-digital .right-side {
    background: url("/images/lyris-digital-img.png") no-repeat scroll left 0px;
    float: left;
    height: 100px;
    margin: 0 17px 0 0;
    width: 116px;
    overflow: hidden;
}
#ConnectedCustomerCommunications .three-circle .lyris-digital .right-side img {
	display: block;
    margin: 13px auto;
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transition: all 180ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

#ConnectedCustomerCommunications .three-circle .lyris-digital:hover .right-side img {
	transform: translateY(-10px);
	 -webkit-transform: translateY(-5px);
	 -moz-transform:    translateY(-5px);
	 -ms-transform:     translateY(-5px);
	 -o-transform:      translateY(-5px);
}

#ConnectedCustomerCommunications .three-circle a:hover {
	text-decoration: none;
} 
#DeliveringEmailJustGotBetter {
    background: url("/images/home-greay-horizontal-line.jpg") no-repeat scroll center bottom;
    margin: 0 0 53px;
    padding-bottom: 3px;
}
#DeliveringEmailJustGotBetter .green-txt {
    color: #45812B;
    font: 30px/32px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    margin: 71px 0 12px;
}
#DeliveringEmailJustGotBetter p {
    color: #5E6167;
}
#DeliveringEmailJustGotBetter .margin-center {
    float: none;
    margin: 0 0 0 50px;
}
#GainTheKnowledge .margin-center {
    display: block;
    float: none;
    margin: 0 0 0 88px;
    width: 1087px;
}
#DeliveringEmailJustGotBetter .center-img {
    margin: 40px 0 0;
}
#DeliveringEmailJustGotBetter a.learn-more {
    background: url("/images/home-green-arrow-img.jpg") no-repeat scroll right center;
    color: #45812B;
    font: 600 20px/22px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    padding-right: 27px;
    height: 24px;
    display: inline-block;
}
#GainTheKnowledge {
  padding-top: 30px;
}
#GainTheKnowledge .green-txt {
    color: #45812B;
    font: 30px/32px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    margin-bottom: 12px;
    text-align: center;
}
#GainTheKnowledge p {
    color: #5E6167;
    margin-bottom: 23px;
    text-align: center;
}
#GainTheKnowledge .border {
    border: 1px solid #D4D4D3;
    float: left;
    height: 260px;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
}
#GainTheKnowledge .gaintheknowledge-box {
    cursor: pointer;
    float: left;
    height: 245px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0 5px 5px;
    position: relative;
}
#GainTheKnowledge .back {
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 250px;
    text-decoration: none;
}
#GainTheKnowledge a.email-selfie-backcover {
    background: url("/images/email-selfie-img-home-back-img.jpg") no-repeat scroll center 0;
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 250px;
    text-decoration: none;
    width: 330px;
}
#GainTheKnowledge a.bootcamp-certification-backcover {
    background: url("/images/bootcamp-certification-back-img.jpg") no-repeat scroll center 0;
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 250px;
    text-decoration: none;
    width: 330px;
}
#GainTheKnowledge a.email-gurus-backcover {
    background: url("/images/responsive-email-design.jpg") no-repeat scroll center -70px;
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 250px;
    text-decoration: none;
    width: 330px;
}
#GainTheKnowledge a.holiday-email-look-book-new {
    background: url("/images/2014-holiday-email-look-book-thumb-2014-1015.jpg") no-repeat scroll center 0;
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 250px;
    text-decoration: none;
    width: 330px;
    background-size: 120%;
}
#GainTheKnowledge a.creating-a-personalized-email {
  background: url("/images/creating-a-personalized-email-experience-with-dynamic-content.jpg") no-repeat scroll center 0 / 120% auto rgba(0, 0, 0, 0);
  color: #ffffff;
  float: left;
  font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
  height: 250px;
  text-decoration: none;
  width: 330px;
}
#GainTheKnowledge a.digital-marketing-guide-image {
    background: url("/images/featured-resource-animation-image.jpg") no-repeat center -62px;
	color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 250px;
    text-decoration: none;
    width: 330px;
}
#GainTheKnowledge a.email-marketing-survey-results-image {
    background: url("/images/featured-resource-email-marketing-survey-results-image.jpg") no-repeat center -62px;
	color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 250px;
    text-decoration: none;
    width: 330px;
}
#GainTheKnowledge a.advanced-training {
    background: url("/images/thumb-advanced-training.jpg") no-repeat center 0;
	color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 250px;
    text-decoration: none;
    width: 330px;
}
#GainTheKnowledge a.email-tactics-backcover {
    background: url("/images/email-selfie-img-home-back-img.jpg") no-repeat scroll center 0;
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 250px;
    text-decoration: none;
    width: 330px;
}
#GainTheKnowledge a.first-guide {
    background: url("/images/black-transparent.png") repeat scroll center 0;
    color: #FFFFFF;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 283px;
    margin: 0;
    padding: 10px 20px 7px;
    text-decoration: none;
}
#GainTheKnowledge .front {
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 270px;
    position: absolute;
    text-decoration: none;
    top: 132px;
    width: 97%;
    z-index: 10;
}
#GainTheKnowledge span {
    color: #C5EC8F;
}
#GainTheKnowledge span.promo-description {
    color: #FFFFFF;
    float: left;
    font: 14px/16px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    margin: 24px 0 0;
}
#GainTheKnowledge .second-column span.promo-description {
    margin-top: 27px;
}
#GainTheKnowledge .third-column span.promo-description {
    margin-top: 32px;
}
#GainTheKnowledge span.title {
    display: block;
    font-size: 24px;
    line-height: 26px;
    padding-bottom: 9px;
    font-weight: 200;
}
#GainTheKnowledge span.small-title {
    display: block;
    font-size: 18px;
    color: #ffffff;
}
#GainTheKnowledge .borders {
    border: 1px solid #D4D4D3;
    margin-bottom: 14px;
}
#GainTheKnowledge .first-column-secondrow, #GainTheKnowledge .first-column-thirdrow {
	height: 106px;
}
#GainTheKnowledge .third-column-firstrow {
    height: 106px;
}
#GainTheKnowledge .margin-bottom {
	margin-bottom: 14px;
}
#GainTheKnowledge .aquamarine {
    background-color: #CCEBE0;
    margin: 5px;
}
#GainTheKnowledge .cerulean {
    background-color: #00768B;
    margin: 5px;
}
#GainTheKnowledge .cerulean:hover {
    background-color: #138fa5;
    margin: 5px;
}
#GainTheKnowledge .ivory {
    background-color: #DAE6D5;
    margin: 5px;
}
#GainTheKnowledge .chartreuse-green {
    background-color: #8DC73F;
    margin: 5px;
}
#GainTheKnowledge .chartreuse-green:hover {
    background-color: #8ed72b;
    margin: 5px;
}
#GainTheKnowledge .prussian-blue {
    background-color: #32363F;
    margin: 5px;
}
#GainTheKnowledge .prussian-blue:hover {
    background-color: #4c566c;
    margin: 5px;
}
#GainTheKnowledge .emerald {
    background-color: #009963;
    margin: 5px;
}
#GainTheKnowledge .emerald:hover {
    background-color: #03b576;
    margin: 5px;
}
#GainTheKnowledge .greay {
    background-color: #8E9094;
    margin: 5px;
}
#GainTheKnowledge .greay:hover {
    background-color: #a3a8b2;
    margin: 5px;
}
#GainTheKnowledge .light-green {
    background-color: #E8F4D9;
    margin: 5px;
}
#GainTheKnowledge .dark-green {
    background-color: #45812B;
    margin: 5px;
}
#GainTheKnowledge .dark-green:hover {
    background-color: #52a52e;
    margin: 5px;
}
#GainTheKnowledge .one-lines-cont {
    color: #FFFFFF;
    font: 600 18px/16px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
}
#GainTheKnowledge .two-lines-cont {
    color: #FFFFFF;
    font: 600 18px/19px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
}
#GainTheKnowledge .one-lines-cont a {
	color: #ffffff;
	transition-duration: 0.4s;
    transition-property: all;
    display: block;
    padding: 45px 0 45px 10px;
}
#GainTheKnowledge .two-lines-cont a {
	color: #ffffff;
	transition-duration: 0.4s;
    transition-property: all;
    display: block;
    padding: 34px 0 34px 10px;
}
#GainTheKnowledge .one-lines-cont:hover a, #GainTheKnowledge .two-lines-cont:hover a {
	color: #ffffff;
	text-decoration: none;
	transition-duration: 0.4s;
    transition-property: all;
}
#GainTheKnowledge .span4.second-column {
	margin-left: 11px;
}
#GainTheKnowledge .span4.third-column {
	margin-left: 11px;
}
#GainTheKnowledge .margin-right-space {
    margin-right: 6px;
}
#GainTheKnowledge .box-size {
    width: 163px;
}
#GainTheKnowledge .margin-left-space {
	float: right;
}
/* =========================== Preloader =========================== */

.is-accordion .haccordion_closetexts {
	display:none;
}	
.is-accordion .jAccordion-slidesWrapper .haccordion_closetexts {
	display:block;
}	
#ConnectedCustomerCommunications .is-accordion .preloader {
	background: url("../images/bx_loader.gif") no-repeat center center #ffffff;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10000000;
}
#ConnectedCustomerCommunications .haccordion_closetext {
	position:absolute;
	top:0px;
	left:0px;
	height:89.3%;
	width:100%;
	color:#FFF;
	z-index:1;
	font-weight:bold;
	cursor:pointer;
}	
#haccordion_automate .haccordion_closetext {
	background:#8E9094;
}
#haccordion_integrate .haccordion_closetext {
	background:#4C9FAE;
}	
#haccordion_optimize .haccordion_closetext {
	background:#AFD878;
}	
.haccordion_closetext > span {
	display: inline-block;
	font: 20px/27px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	padding: 0 15px;
	position: absolute;
	text-align: center;
	top: 42%;
	vertical-align: middle;
	left: 20px;
	cursor:pointer;
}	
#haccordion_automate_ct span {
	height: 85px;
	margin-top: -42px;
	padding: 0 20px !important;
}	
#haccordion_integrate_ct span {
	height: 55px;
	margin-top: 11px !important;
	padding: 0 20px !important;
}	
#haccordion_optimize_ct span {
	height: 82px;
	margin-top: -26px;
	padding: 0 20px !important;
}	
.haccordion_border {
	top: 0px; 
	position: absolute; 
	height: 89.3%; 
	background:rgba(255, 255, 255, 0.2); 
	width: 10px;
}	
.haccordion_closetext .haccordion_border {
	height: 100%; 
}	
.haccordion_border.ha_fadeborder_left {
	left: 0px; 
}	
.haccordion_border.ha_fadeborder_right {
	right: 0px; 
}	
#haccordion_automate .jAccordion-slideWrapper .haccordion_border.ha_fadeborder_right,
#haccordion_optimize .jAccordion-slideWrapper .haccordion_border.ha_fadeborder_left,	
#haccordion_integrate .haccordion_closetext .haccordion_border.ha_fadeborder_right,
#haccordion_automate .haccordion_closetext .haccordion_border.ha_fadeborder_right {
	background:rgba(0, 118, 139, 0.7);
}	
#haccordion_integrate .jAccordion-slideWrapper .haccordion_border.ha_fadeborder_right,
#haccordion_optimize .jAccordion-slideWrapper .haccordion_border.ha_fadeborder_right,
#haccordion_integrate .haccordion_closetext .haccordion_border.ha_fadeborder_right {
	background:rgba(141, 199, 63, 0.7);
}
/* ================================================================================= begin slider css codes ================================================================================= */
/* ===[ accordion css reset ]=== */
#ConnectedCustomerCommunications .is-accordion * {border: 0;line-height: 1;list-style: none;margin: 0;padding: 0;}

/* ===[ is-accordion ]=== */
#ConnectedCustomerCommunications .is-accordion {
	height: 400px;
	max-width: 1172px;	/* Do not replace max-width with width or you'll lose responsiveness */
	outline: none !important;
	position: relative;
}
#ConnectedCustomerCommunications .accordionShadow {
	border: 0;
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
/* Do not change anything in this rule */
#ConnectedCustomerCommunications .is-accordion .jAccordion-slidesWrapper {height: 100%;overflow: hidden;position: relative;width: 100%;}
/* Do not change display, overflow or position */
#ConnectedCustomerCommunications .is-accordion .jAccordion-slide {
	display: block;
	overflow: hidden;
	position: relative;
}
/* Opera 10.xx bug fix
 * More info: http://css-lab.com/bug-test/opera-ap-bugfix.html
 */
#ConnectedCustomerCommunications .is-accordion .jAccordion-slide:after {content: "";float: left;height: 1%;width: 0;}

/* ===[ Custom elements ]=== */
#ConnectedCustomerCommunications .is-accordion .title,
#ConnectedCustomerCommunications .is-accordion .caption,
#ConnectedCustomerCommunications .is-accordion .description {
	cursor: default;
	background: transparent url(images/transparent_background.png) repeat top left;
	overflow: hidden;
	position: absolute;
}
#ConnectedCustomerCommunications .is-accordion .title {
	bottom: 30px;
	left: 0;
	width: 180px;
	-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;			/* FF1+ */
	-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;	/* Safari 3-4, iOS 1-3.2, Android <=1.6 */
	border-top-right-radius: 5px;border-bottom-right-radius: 5px;					/* Opera 10.5, IE9, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
}
#ConnectedCustomerCommunications .is-accordion .caption {
	text-align: center;
	white-space: nowrap;
}
#ConnectedCustomerCommunications .is-accordion .caption,
#ConnectedCustomerCommunications .is-accordion .description {
	-moz-border-radius: 3px; 	/* FF1+ */
    -webkit-border-radius: 3px; /* Safari 3-4, iOS 1-3.2, Android <=1.6 */
    border-radius: 3px; 		/* Opera 10.5, IE9, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
}
#ConnectedCustomerCommunications .is-accordion .description {
	bottom: 2%;
	left: 1%;
	right: 1%;
}
#ConnectedCustomerCommunications .is-accordion .controlPanel {
	background: url(images/controlPanel_background.png) no-repeat left top;
	display: none;
	height: 36px;
	left: 40%;
	position: absolute;
	bottom: -6px;
	width: 204px;
	z-index: 9999;
}
#ConnectedCustomerCommunications .is-accordion .controlPanel .prevBtn {
	background: url(images/prevBtn.png) no-repeat center center;
	float: left;
	height: 21px;
	margin: 10px 0 0 18px;
	width: 20px;
}
#ConnectedCustomerCommunications .is-accordion .controlPanel .prevBtn:hover { 
	background: url(images/prevBtn_hover.png) no-repeat center center;
}
#ConnectedCustomerCommunications .is-accordion .controlPanel .nextBtn {
	background: url(images/nextBtn.png) no-repeat center center;
	float: right;
	height: 21px;
	margin: 10px 19px 0 0;
	width: 20px;
}
#ConnectedCustomerCommunications .is-accordion .controlPanel .nextBtn:hover { 
	background: url(images/nextBtn_hover.png) no-repeat center center;
}
#ConnectedCustomerCommunications .is-accordion .timer {
    background: url(images/timer.png) repeat-x top left;
	float: left;
	height: 3px;
	margin: 19px 0 0 14px;
	width: 0;
}
/* ===[ End of custom elements ]=== */

/* ===[ Default font styles ]=== */
#ConnectedCustomerCommunications .is-accordion h1,
#ConnectedCustomerCommunications .is-accordion h2,
#ConnectedCustomerCommunications .is-accordion h3 {
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	padding: 7px 15px;
}
#ConnectedCustomerCommunications .is-accordion h1 {
	font-size: 17px;line-height: 1.7;
}
#ConnectedCustomerCommunications .is-accordion h2 {
	font-size: 15px;line-height: 1.5;
}
#ConnectedCustomerCommunications .is-accordion h3 {
	font-size: 14px;line-height: 1.3;
}
#ConnectedCustomerCommunications .is-accordion p {
	color: #CCC;
	font: 12px Georgia, "Times New Roman", Times, serif;
	padding: 0 15px 7px;
}
/* ===[ End of default font styles ]=== */
/* ===[ Custom font styles ]=== */
#ConnectedCustomerCommunications .is-accordion h1.caption,
#ConnectedCustomerCommunications .is-accordion h2.caption,
#ConnectedCustomerCommunications .is-accordion h3.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	line-height: 1;
}
#ConnectedCustomerCommunications .is-accordion h1.caption {
	font-size: 28px;
}
#ConnectedCustomerCommunications .is-accordion h2.caption {
	font-size: 24px;
}
#ConnectedCustomerCommunications .is-accordion h3.caption {
	font-size: 18px;
}
/* ===[ End of custom font styles ]=== */

/* ===[ Rules used when JS is disabled ]===
 * If you don't care about JS fallback you can remove this entire section.
 * Percents are used to keep the responsiveness for the JS fallback even though it can sometimes make the accordion look a bit jumpy.
 */
 
/* Rule for inactive slide */
#ConnectedCustomerCommunications .is-accordion.noJS .jAccordion-slide {
	float: left;	/* Remove this rule if using vertical accordion */
	margin-left: 0px;	/* Spacing - I do not recommend to use spacing for horizontal accordion (replace with margin-top if using vertical accordion) */
	width: 20%;	/* width = 100% / number of slides (replace width with height if using vertical accordion) */
}
/* Shrinked slide size 
 * shrinked slide size in percents = (100% - active slide size in percents) / (number of slides - 1);
 */
#ConnectedCustomerCommunications .is-accordion.noJS .jAccordion-slidesWrapper:hover .jAccordion-slide {
	width: 5.45%;
}
/* Active slide size
 * active slide size in percents = active slide size in px / accordion size * 100%;
 */
#ConnectedCustomerCommunications .is-accordion.noJS .jAccordion-slidesWrapper .jAccordion-slide:hover {
	width: 78.2%;
}
#ConnectedCustomerCommunications .is-accordion.noJS .jAccordion-slide .title {
	display: block;
}
#ConnectedCustomerCommunications .is-accordion.noJS .jAccordion-slide:hover .title {
	display: none;
}
#ConnectedCustomerCommunications .is-accordion.noJS .jAccordion-slide .description,
#ConnectedCustomerCommunications .is-accordion.noJS .jAccordion-slide .caption {
	display: none;
}
#ConnectedCustomerCommunications .is-accordion.noJS .jAccordion-slide:hover .description,
#ConnectedCustomerCommunications .is-accordion.noJS .jAccordion-slide:hover .caption {
	display: block;
}
/* ===[ End of rules used when JS is disabled ]=== */

/* ===[ Responsive ]=== */
/* iPad - screen width from 768px up to 1023px */
@media only screen and (min-width:768px) and (max-width:1023px) { 

#ConnectedCustomerCommunications .is-accordion h1 {
	font-size: 17px;
	padding: 6px 10px;
}
#ConnectedCustomerCommunications .is-accordion h2 {
	font-size: 15px;
	padding: 6px 10px;
}
#ConnectedCustomerCommunications .is-accordion h3 {
	font-size: 14px;
	padding: 6px 10px;
}
#ConnectedCustomerCommunications .is-accordion h1.caption {
	font-size: 23px;
}
#ConnectedCustomerCommunications .is-accordion h2.caption {
	font-size: 19px;
}
#ConnectedCustomerCommunications .is-accordion h3.caption {
	font-size: 16px;
}
#ConnectedCustomerCommunications .is-accordion p {
	padding: 0 10px 6px;
}

}
/* Small tablet - screen width from 480px up to 767px */
@media only screen and (min-width:480px) and (max-width:767px) {  
	#ConnectedCustomerCommunications .is-accordion h1 {
		font-size: 16px;
		padding: 2px 6px;
	}
	#ConnectedCustomerCommunications .is-accordion h2 {
		font-size: 15px;
		padding: 2px 6px;
	}
	#ConnectedCustomerCommunications .is-accordion h3 {
		font-size: 13px;
		padding: 2px 6px;
	}
	#ConnectedCustomerCommunications .is-accordion h1.caption {
		font-size: 18px;
	}
	#ConnectedCustomerCommunications .is-accordion h2.caption {
		font-size: 16px;
	}
	#ConnectedCustomerCommunications .is-accordion h3.caption {
		font-size: 14px;
	}
	#ConnectedCustomerCommunications .is-accordion p {
		padding: 0 6px 2px;
	}
	#ConnectedCustomerCommunications .is-accordion .controlPanel {
		left: 33%;
	}
}

/* iPhone and small phones - screen width up to 479px */
@media only screen and (max-width:479px) { 
	#ConnectedCustomerCommunications .is-accordion h1 {
		font-size: 15px;
		padding: 0 3px;
	}
	#ConnectedCustomerCommunications .is-accordion h2 {
		font-size: 14px;
		padding: 0 3px;
	}
	#ConnectedCustomerCommunications .is-accordion h3 {
		font-size: 12px;
		padding: 0 3px;
	}
	#ConnectedCustomerCommunications .is-accordion h1.caption {
		font-size: 17px;
		font-weight: normal;
	}
	#ConnectedCustomerCommunications .is-accordion h2.caption {
		font-size: 15px;
		font-weight: normal;
	}
	#ConnectedCustomerCommunications .is-accordion h3.caption {
		font-size: 13px;
		font-weight: normal;
	}
	#ConnectedCustomerCommunications .is-accordion p {
		padding: 0 4px 2px;
	}
	#ConnectedCustomerCommunications .is-accordion .controlPanel {
		left: 25%;
	}
}
/* ================================================================================= end slider css codes ================================================================================= */

#CustomersAcross h2 {
    color: #45812B;
    font: 30px/32px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    margin-bottom: 13px;
    text-align: center;
}
#CustomersAcross {
    background: url("/images/home-greay-horizontal-line.jpg") no-repeat scroll center top;
    margin-top: 31px;
    padding-top: 54px;
}
#CustomersAcrossIndustries {
	width: 80%;
	float: none;
	margin: 0px auto;
}
#CustomersAcross .margin-center {
    display: block;
    float: none;
    margin: 0 auto;
}
#home-content-section-logo .bx-wrapper {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 838px;
}
#home-footer-section-logo .bx-wrapper {
    margin: 0 auto;
    padding: 0;
    position: relative;
}
#homepage-logo-sliders li {
    background: none repeat scroll 0 0 !important;
    margin: 20px 0 0;
}
#homepage-logo-sliders li.image-section {
    background: none repeat scroll 0 0 !important;
    margin: 20px 0 0;
}
#homepage-logo-sliders li.logo-image-section {
    background: none repeat scroll 0 0 !important;
    margin: 40px 0 0;
}
#CustomersAcrossIndustries img {
	float: left;
}
#CustomersAcrossIndustries img.logos {
	float: left;
	margin-top: 15px;
}
#CustomersAcrossIndustries .lhs-content {
	background: url("/images/home-footer-vertical-border.jpg") no-repeat scroll right 26px;
	float: left;
	margin: 0 20px 0 0;
	width: 678px;
}
#CustomersAcrossIndustries .lhs-content-first-column {
	background: url("/images/home-footer-vertical-border.jpg") no-repeat scroll right center;
    float: left;
    margin: 0 20px 0 0;
    width: 456px;
}
#CustomersAcrossIndustries .lhs-content-first-column-description {
    float: left;
    margin: 0 0 0 21px;
    width: 234px;
}
#CustomersAcrossIndustries .rhs-content-second-column {
    float: left;
    width: 457px;
}
#CustomersAcrossIndustries .rhs-content-second-column-description {
    float: left;
    margin: 0 0 0 21px;
    width: 234px;
}
#CustomersAcrossIndustries .content {
	float: left;
	margin: 0 0 0 0;
	width: 100%;
}
#CustomersAcrossIndustries .clear {
	height: 0px;
}
#CustomersAcrossIndustries span.green {
	color: #45812b;
	font: normal 600 60px/62px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	display: block;
}
#CustomersAcrossIndustries span.grey-txt {
	display: block;
	font: normal 600 18px/20px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #a39e9b;
	margin-bottom: 11px;
}
#CustomersAcrossIndustries p.caption {
	float: left;
	font: italic 600 30px/36px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #5e6167;
	padding: 18px 0px 0 30px;
	width: 329px;
	margin-bottom: 0px;
}
#CustomersAcrossIndustries p.only-leftside-caption {
	float: left;
	font: italic 600 30px/36px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #5e6167;
	padding: 20px 0;
	width: auto;
	margin-bottom: 0px;
}
#CustomersAcrossIndustries p.only-logo-rightside-caption {
	color: #5E6167;
    float: left;
    font: italic 600 30px/36px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    margin: 0px 0 0 47px;
    width: 69%;
}
#CustomersAcrossIndustries p.only-rightside-caption {
    color: #5E6167;
    float: left;
    font: italic 600 30px/36px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    margin: 8px 0 0 47px;
    width: 54%;
}
#CustomersAcrossIndustries img.square-border {
    border: 1px solid #dfdfdf;
    padding: 5px;
}
#CustomersAcrossIndustries img.logo-square-border {
    border: 0 solid #dfdfdf;
}
#CustomersAcrossIndustries span.green-normaltxt {
	color: #45812B;
}
#home-footer-section-logo .bx-viewport {
    height: 214px !important;
}
#CustomersAcrossIndustries .rhs-content {
	width: 213px;
	float: left;
}
#CustomersAcrossIndustries a {
	background: url("/images/home-green-arrow-img.jpg") no-repeat scroll right center;
	font: 600 20px/22px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	color: #45812B;
	padding: 0 22px 0 0;
}
#CustomersAcrossIndustries a.green-normaltxt {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #45812B;
    font: italic 600 30px/36px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    padding: 0;
}
#CustomersAcrossIndustries a.video-thumb {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0px;
}
#DeliveringEmailJustGotBetter a.learn-more:hover, #CustomersAcrossIndustries a:hover {
	text-decoration: none;
}
#DeliveringEmailJust {
	background: url("/images/home-clients-logos-footer.jpg") center bottom repeat-x;
	padding-bottom: 300px;
}

#ConnectedCustomerCommunicationsMobile {
    background: url("/images/ConnectedCustomerCommunications-bg-img.jpg") no-repeat scroll center 0 #FFFFFF;
}
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .automate {
   	background-color: #8F9094;
    text-align: center;
}
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .extend {
    background-color: #4c9faf;
    text-align: center;
}
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .optimize {
    background-color: #afd878;
    text-align: center;
}
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .automate h2, 
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .extend h2, 
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .optimize h2 {
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 18px;
}
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .automate p, 
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .extend p, 
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .optimize p {
    color: #32353E;
    font-size: 13px;
    line-height: 17px;
}
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .clear {
    clear: both;
    height: 0;
}
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .automate-cta {
   	background: url("/images/slider-arrow-img.png") no-repeat scroll center 0;
}
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .extend-cta {
    background: url("/images/slider-arrow-img.png") no-repeat scroll center -420px;
}
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .optimize-cta {
    background: url("/images/slider-arrow-img.png") no-repeat scroll center -871px;
}
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .wrapp-three-box .left-side {
    clear: both;
    font: 200 20px/22px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    margin: 10px auto 0;
    text-align: center;
    width: 200px;
}
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .wrapp-three-box .left-side strong {
    display: block;
    padding-bottom: 8px;
}
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .wrapp-three-box .left-side a {
    clear: both;
    display: block;
    float: none;
    text-align: center;
    margin-bottom: 21px;
}
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .wrapp-three-box .left-side a:hover {
    color: #45812B;
    text-decoration: none;
}
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .wrapp-three-box .left-side span.green {
    background: url("/images/home-green-arrow-img.png") no-repeat scroll right center;
    color: #45812B;
    float: none;
    font: 600 20px/22px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    height: 24px;
    margin: 0 auto;
    padding: 0 27px 0 0;
    text-align: center;
}
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .automate-cta .wrapp-three-box .right-side {
    background: url("/images/lyris-messaging-icon.png") no-repeat scroll center 0;
    height: 99px;
    margin: 45px auto 0;
    width: 120px;
}
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .automate-cta .wrapp-three-box .right-side img {
    margin: 11px 0 0 20px;
}
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .extend-cta .wrapp-three-box .right-side {
    background: url("/images/lyris-flexible-img.png") no-repeat scroll center 0;
    height: 99px;
    margin: 45px auto 0;
    width: 120px;
}
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .extend-cta .wrapp-three-box .right-side img {
    margin: 11px 0 0 20px;
}
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .optimize-cta .wrapp-three-box .right-side {
    background: url("/images/lyris-digital-img.png") no-repeat scroll center 0;
    height: 99px;
    margin: 45px auto 0;
    width: 120px;
}
#ConnectedCustomerCommunicationsMobile .slider-wrapp-mobile .optimize-cta .wrapp-three-box .right-side img {
    margin: 11px 0 0 24px;
}
#ConnectedCustomerCommunications .three-circle .lyris-digital .arrow-img {
    background: url("/images/lyris-digital-main-img.png") no-repeat scroll 23px 15px;
    height: 96px;
    margin-top: 1px;
    width: 116px;
}
#home-footer-section-logo .bx-wrapper .bx-controls-direction a.bx-prev {
	left: 50px;
}
#home-footer-section-logo .bx-wrapper .bx-controls-direction a.bx-next {
	right: 30px;
}
#MiniApplicationsBigInnovation {
	background : url("/images/mini-applications-grid-img.png") no-repeat scroll right 0px, 
	url("../images/mini-applications-big-innovation-bg-img.jpg") repeat-x scroll 0 0;
        padding-top: 18px;
    position: relative;
    margin-bottom: 30px;
}
#MiniApplicationsBigInnovation .center-align {
    float: none;
    margin: 0 auto;
}
#MiniApplicationsBigInnovation .new-lyris-product-release .title-bg {
    background: url("../images/mini-applications-big-innovation-title-shadow-img.jpg") no-repeat scroll left bottom;
    padding-bottom: 15px;
    width: 243px;
    margin-top: 13px;
    margin-bottom: 4px;
}
#MiniApplicationsBigInnovation .new-lyris-product-release h2 {
	line-height: 32px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	background-color: #8dc73f;
	margin-bottom: 0;
}
#MiniApplicationsBigInnovation .new-lyris-product-release .span12 {
    padding-left: 27px;
}
#MiniApplicationsBigInnovation .new-lyris-product-release span.larg-text {
	color: #45812B;
	font: 30px/32px "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif;
}
#MiniApplicationsBigInnovation .new-lyris-product-release p {
    color: #5E6167;
    line-height: 22px;
    margin: 0;
    padding-bottom: 37px;
    padding-top: 8px;
}
#MiniApplicationsBigInnovation .new-lyris-product-release a {
    background: url("/images/home-green-arrow-img.png") no-repeat scroll right top;
    clear: both;
    color: #45812B;
    float: left;
    font: 600 20px/20px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    padding-bottom: 27px;
    padding-right: 29px;
}
#MiniApplicationsBigInnovation .new-lyris-product-release a:hover {
	text-decoration: none;
} 
#MiniApplicationsBigInnovation img {
    bottom: 0;
    position: absolute;
    width: 530px;
}
#MiniApplicationsBigInnovation .new-lyris-product-release {
    margin-bottom: 11px;
}
/*=========================== end 2014-home-page-redesign-june-section ===================  */
/*=========================== begin 2014-Internet Explorer-template-may-section ===================  */
#IEWrapper {
	width: 780px;
	height: 522px;
	position: absolute;
}
#IEWrapper img.logo{
	float: left;
	margin: 0 0 16px 1px;
}
#IEWrapper .clear-both{
	clear: both;
}
#YourBrowser {
	margin: 0px auto 0;
	clear: both;
	background: url(/images/ie-green-header-img.jpg) 0 0 no-repeat #ffffff;
	padding: 0 39px 0 39px;
	border-bottom: 1px solid #9E9D9F;
}
#YourBrowser h1 {
	margin: 70px 0 14px 0;
	float: left;
	color: #8dc73f;
	font: 400 italic 36px/36px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
}
#YourBrowser p {
	float: left;
	font: 200 18px/23px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	color: #74777e;
	margin: 0px 0 49px 0;
}
#YourBrowser a.txt-link {
	clear: both;
    float: left;
    text-align: center;
    width: 100%;
    color: #00768b;
    font: 200 18px/20px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    margin: 48px auto 58px;
}
#YourBrowser ul {
	margin: 0 34px 0 24px;
	padding: 0px;
	clear: both;
}
#YourBrowser li {
	float: left;
	list-style: none;
	margin: 0 62px 0 0;
}
#YourBrowser li:last-child {
	float: left;
	list-style: none;
	margin: 0 0 0 0;
}
#YourBrowser li img{
	clear: both;
	display: block;
	margin: 0 0 6px 0;
}
#YourBrowser li a {
	clear: both;
	text-decoration: none;
	text-align: center;
	display: block;
	margin: 0px auto;
	color: #74777e;
	font: 200 14px/16px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	outline: 0px;
}
/*=========================== end 2014-Internet Explorer-template-may-section ===================  */
/*=========================== contact us, carrier and sliders codes 2014-0130 =========================== */
.services-cols img {
	display: block;
	margin: 0 auto;
	}
.slider-1-head {
	font-size: 36px;
	font-style: italic;
	color: #8DC73F;
	font-family: "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif;

}
.slider-1-cont {
	font-size: 18px;
	color: #FFF;
	font-family: "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif;
}
.slider-1-cont a {
	color: #8DC73F;
	text-decoration: underline;
	font-family: "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif;
}
.slider-1-cont a:hover {
	text-decoration: none;
}
#careerbgwrap .slider-1-head, #retailbgwrap .slider-1-head {
	font-size: 36px;
	font-style: italic;
	color: #8DC73F;
	font-family: "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif;
	font-weight: 400;

}
#careerbgwrap .slider-1-cont, #retailbgwrap .slider-1-cont {
	font-size: 18px;
	color: #FFF;
	font-family: "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif;
	font-weight: 400;
}
#careerbgwrap .slider-1-cont a, #retailbgwrap .slider-1-cont a {
	color: #8DC73F;
	text-decoration: underline;
	font-family: "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif;
	font-weight: 400;
}
#careerbgwrap .slider-1-cont a:hover, #retailbgwrap .slider-1-cont a:hover {
	text-decoration: none;
}
.partners-image img {
	display: block;
	margin: 0 auto;
	padding: 0 0 20px 0;
	}
.coalitions-logos img {
	display: block;
	padding: 0 0 20px 0;
	}
ul.customers-logo {
	margin: 0 0 0 0;
	}
ul.customers-logo li {
	float: left;
	display: block;
	width: 200px;
	height: 120px;
	padding: 0 18px 30px 0 !important;
	background: none !important;
	}
ul.company-logo {
	margin: 0px auto;
	width: 872px;
}
ul.company-logo li {
	float: left;
	display: block;
	width: 200px;
	height: 120px;
	padding: 0 18px 30px 0 !important;
	background: none !important;
}
.custom-slider-holder {
	width: 100%;
	margin: 20px 0 20px 0;
	border-bottom: 1px solid #9A9A9A;
	border-top: 1px solid #9A9A9A;
}
ul#testi-ani {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #404040;
	margin: 0;
	padding: 0;
}
ul#testi-ani li {
	display:block;
	padding: 38px 0 35px 0;
	margin: 19px 0 0 0;
	background: none;
}
ul#testi-ani li p {
	font: normal 26px/26pt "ff-milo-web-pro-i3", "ff-milo-web-pro", sans-serif;
	font-style: italic;
	color: #45812B;
	padding: 0 20px 0 20px;
	margin: 0 0 15px 0;
}
ul#testi-ani li .block {
	display: block;
}
ul#testi-ani li img {
	padding: 0 0 0 4px;
}
ul#testi-ani li span.slicontent {
	color:#5e6167;
	display: block;
	text-align: right;
	font: normal 15px/125% "ff-milo-web-pro-i3", "ff-milo-web-pro", sans-serif !important;
}
.testi-ani-wrapper {
	width: 800px;
	}
ul#retail-logo-slider {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #404040;
	margin: 0;
	padding: 0;
}
ul#retail-logo-slider {
	display:block;
	padding: 0;
	margin: 0;
}
#retail-logo-slider li {
    background: none !important;
    padding: 0 0 0 18px !important;
    width: 135.2px !important;
}
.bx-wrapper {
	position: relative;
}
.bx-wrapper .bx-controls-direction a {
	width: 42px;
	height: 42px;
	display: block;
	position: absolute;
	top: 45%;
	margin-top: -16px;
	outline: 0;
	text-indent: -9999px;
	z-index: 9999;
} 
.bx-wrapper .bx-controls-direction a.bx-prev {
    background-image: url("../images/logo-slider-pre.png");
    background-position: 0 0;
    height: 42px;
    left: -80px;
    width: 42px;
}
.bx-wrapper .bx-controls-direction a.bx-next {
	background-image: url(../images/logo-slider-next.png);
	background-position: 0 0;
	height: 42px;
	right: -70px;
	width: 42px;
}
ul#retail-desktop-slider, ul#retail-mobile-slider {
	margin: 0;
	padding: 0;
}
ul#retail-desktop-slider li, ul#retail-mobile-slider li {
	margin: 0;
	padding: 0;
}
#retailbgwrap .bx-wrapper .bx-controls-direction a {
	display: block;
    height: 42px;
    margin-top: -16px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 85%;
    width: 42px;
    z-index: 999999;
}
#retailbgwrap .bx-wrapper .bx-controls-direction a.bx-prev {
	background: url("/images/bx-slider-skin.png") no-repeat scroll 0 0;
    height: 42px;
    left: 27px;
    width: 42px;
}
#retailbgwrap .bx-wrapper .bx-controls-direction a.bx-prev:hover {
    background-position: 0 -75px;
}
#retailbgwrap .bx-wrapper .bx-controls-direction a.bx-next {
   	background: url("/images/bx-slider-skin.png") no-repeat scroll -130px 0;
    height: 42px;
    right: 25px;
    width: 42px;
}
#retailbgwrap .bx-wrapper .bx-controls-direction a.bx-next:hover {
    background: url("/images/bx-slider-skin.png") no-repeat scroll -130px -75px rgba(0, 0, 0, 0);
}
ul#career-desktop-slider, ul#career-mobile-slider {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
ul#career-desktop-slider li, ul#career-mobile-slider li {
	padding: 0px;
	margin: 0px;
}
#careerbgwrap .bx-wrapper .bx-controls-direction a {
	display: block;
    height: 42px;
    margin-top: -16px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 85%;
    width: 42px;
    z-index: 999999;
}
#careerbgwrap .bx-wrapper .bx-controls-direction a.bx-prev {
	background: url("/images/bx-slider-skin.png") no-repeat scroll 0 0;
    height: 42px;
    left: 27px;
    width: 42px;
}
#careerbgwrap .bx-wrapper .bx-controls-direction a.bx-prev:hover {
    background-position: 0 -75px;
}
#careerbgwrap .bx-wrapper .bx-controls-direction a.bx-next {
   	background: url("/images/bx-slider-skin.png") no-repeat scroll -130px 0;
    height: 42px;
    right: 25px;
    width: 42px;
}
#careerbgwrap .bx-wrapper .bx-controls-direction a.bx-next:hover {
    background: url("/images/bx-slider-skin.png") no-repeat scroll -130px -75px rgba(0, 0, 0, 0);
}
.testi-ani-wrapper {
	width: 800px;
}
.managemen-bottom-line {
	border-bottom: 1px dashed #cccccc;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0 !important;
}
.managemen-bottom-line img {
	display: block;
	padding: 0 0 15px 0;
}
.heading-left {
	text-align: left;
}
.heading-right {
	text-align: right;
}
/* ===========================  Contact Us page =========================== */
div.item-page span.bluelink-color {
	color: #00768B;
}
/* ===========================  Careers Slider =========================== */
#careerbgwrap ul.flex-direction-nav {
	margin: 0;
	padding: 0;
}
#careerbgwrap ul.flex-direction-nav li {
	list-style: none ;
	margin: 0;
	padding: 0;
}
#careerbgwrap .flexslider ul.slides li {
	margin: 0;
}
#careerbgwrap .flexslider-container {
	position: relative;
}
.career-contents {
	padding: 20px 0 0 0;
}
#RetailTop {
	background-color: #FFF;
}

/* =========================== Top Ten Email Templates & HTML Basics Guide Ten free email templates develope styles ===========================  */
ul.downl-templ-holder {
	height: 208px;
	margin: 0;
	list-style: none;
}
ul.downl-templ-holder li {
	float: left;
	display: inline;
	margin: 0 65px 25px 0 !important;
	border: 1px solid #cccccc;
	padding: 10px;
	list-style: none;
}
ul.downl-templ-holder li a {
	font-size: 13px;
	font-style: italic;
}
#MainContentWrap .main-content-area .home-box-icon-holder {
	min-height: 70px;
}
/* =========================== Newsletter Subcribe Styles =========================== */
.news-subs-wrap {
	margin: auto;
}
.news-subs-wrap .newsl-top {
	width: 487px;
	height: 318px;
	padding: 0 356px 0 20px;
}
.unsubscribe-bg {
/*	background: url(../images/unsubscribe-bg.jpg) no-repeat right 0;*/
}
.unsubscribe-confirm-bg {
	background: url(../images/unsubscribe-confirm-bg.jpg) no-repeat right 0;
}
.news-subs-wrap .newsl-top button.news-unsubs-submit {
	width: 98px;
	height: 20px;
	display: block;
	background: url(../images/more-button.png) no-repeat 0 0;
	padding: 0;
	outline: 0;
	border: 0;
	cursor: pointer;
	color: #FFF;
	margin: 6px 22px 0 0;
	float: left;
}
.news-subs-wrap .newsl-top button.news-unsubs-submit:hover {
	background: url(../images/more-button.png) no-repeat 0 -20px;
	color: #FFF;
}
.news-subs-wrap .newl-bottom {
	width: 823px;
	padding: 20px 20px 0 20px;
	background: #e9e8e7;
}
.news-subs-wrap .newl-bottom .newl-colm {
	width: 381px;
	padding: 20px 30px 20px 0;
	float: left;
}
.news-subs-wrap .newl-bottom .newl-colm p.new-txt-holder {
	width: 363px;
	height: 30px;
	padding: 0 0 25px 0;
	margin: 0;
}
.news-subs-wrap .newl-bottom .newl-colm p.new-txt-holder label {
	width: 150px;
	line-height: 30px;
	display: block;
	float: left;
}
.news-subs-wrap .newl-bottom .newl-colm p.new-txt-holder .news-txt-box {
	width: 200px;
	height: 20px;
	display: block;
	border: 1px solid #abadb3;
	outline: none;
	background: #FFF;
	font: normal 14px/20px Arial, Helvetica, sans-serif;
	color: #5E6167;
	padding: 5px;
}
.news-subs-wrap .newl-bottom .newl-colm p.new-txt-holder .news-select {
	width: 212px;
	height: 33px;
	display: block;
	border: 1px solid #abadb3;
	outline: none;
	background: #FFF;
	font: normal 14px/25px Arial, Helvetica, sans-serif;
	color: #5E6167;
	padding: 5px;
}
.news-subs-wrap .newl-bottom .newl-colm button.news-subs-submit {
	width: 98px;
	height: 20px;
	display: block;
	background: url(../images/more-button.png) no-repeat 0 0;
	padding: 0;
	outline: 0;
	border: 0;
	cursor: pointer;
	color: #FFF;
	margin: 6px 22px 0 0;
	float: right;
}
.news-subs-wrap .newl-bottom .newl-colm button.news-subs-submit:hover {
	background: url(../images/more-button.png) no-repeat 0 -20px;
	color: #FFF;
}
.news-subs-wrap .newsl-top-thankyou {
	margin: 0px auto;
}
.item-413 {
	font-size: 12px;
}
#retailbgwrap {
	background-color: #ffffff;
}
#RetailTop .retail-top-holder {
	padding: 0 0 30px 0;
}
.partners-button {
	padding:15px 0 25px 25px !important;
}
/* =========================== Contact Us page styles =========================== */
.contact-form-lhs {
	background-color: #e9e8e7;
	padding: 20px 30px 0 30px;
}
#contact-us-form .contact-input-box {
	width: 80%;
}
#contact-us-form .contact-selct-box {
	width: 84%;
}
#contact-us-form .contact-txt-area-box {
	width: 90%;
}
#contact-us-form .form-rows {
	padding: 0 0 15px 0;
}
#contact-us-form .cont-submit {
	background: url("/images/more-button.png") no-repeat scroll 0 0 transparent;
	border: 0 none;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	height: 20px;
	margin: 0 0 0;
	outline: 0 none;
	padding: 0;
	width: 98px;
}
#contact-us-form .cont-submit:hover {
    background: url("/images/more-button.png") no-repeat scroll 0 -20px transparent;
}
/* =========================== Validation Styles Begin =========================== */
.inputContainer {
	position:relative;
	float:left;
}
.formError {
	position:absolute;
	top:300px;
	left:300px;
	padding-bottom:13px;
	display:block;
	z-index:5000;
	cursor:pointer;
}
#debugMode {
	background:#000;
	position:fixed;
	width:100%;
	height:200px;
	top:0;
	left:0;
	overflow:scroll;
	opacity:0.8;
	display:block;
	padding:10px;
	color:#fff;
	font-size:14px;
	z-index:100000;
}
.ajaxSubmit {
	display:none;
	color:#000000;
	text-align: center;
}
.ajaxSubmit h3 {
	font-size: 16px;
	font-weight: bold;
	color: #636363;
	padding: 15px 0 0 0;
}
.ajaxSubmit h5 {
	font-size: 12px;
	font-weight: normal;
	color: #636363;
	padding: 5px 0 0 0;
}
.formError .formErrorContent {
	width:100%;
	background:#fff;
	color:#333;
	width:120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: 110%;
	border:1px solid #666;
	/*box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;*/
				padding:2px 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.greenPopup .formErrorContent {
	background:#c8d2ff;
}
.blackPopup .formErrorContent {
	background:#393939;
	color:#FFF;
}
.formError .formErrorArrow {
	width:15px;
	margin:-2px 0 0 13px;
	z-index:5001;
}
.formError .formErrorArrowBottom {
	top:0;
	margin:-6px;
}
.formError .formErrorArrow div {
	border-left:1px solid #666;
	border-right:1px solid #666;
	/*box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;*/
					font-size:0px;
	height:1px;
	background:#fff;
	margin:0 auto;
	line-height:0px;
	font-size:0px;
	display:block;
}
.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.greenPopup .formErrorArrow div {
	background:#c8d2ff;
}
.blackPopup .formErrorArrow div {
	background:#393939;
	color:#FFF;
}
.formError .formErrorArrow .line10 {
	width:15px;
	border:none;
}
.formError .formErrorArrow .line9 {
	width:13px;
	border:none;
}
.formError .formErrorArrow .line8 {
	width:11px;
}
.formError .formErrorArrow .line7 {
	width:9px;
}
.formError .formErrorArrow .line6 {
	width:7px;
}
.formError .formErrorArrow .line5 {
	width:5px;
}
.formError .formErrorArrow .line4 {
	width:3px;
}
.formError .formErrorArrow .line3 {
	width:1px;
	border-left:2px solid #666;
	border-right:2px solid #666;
	border-bottom:0px solid #666;
}
.formError .formErrorArrow .line2 {
	width:3px;
	border:none;
	background:#666;
}
.formError .formErrorArrow .line1 {
	width:1px;
	border:none;
	background:#666;
}
/* =========================== Validation Styles End =========================== */
#home-widget-holder {
	padding-top: 30px;
}
#home-widget-holder h2 {
	font: bold 14px/100% Arial,Helvetica,sans-serif;
	color: #32363F;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 14px;
}
#home-widget-holder ul li {
	font-size: 12px !important;
	line-height: 20px;
}
#home-widget-holder .bx-wrapper .bx-viewport {
	height: 100px !important;
}
/* =========================== end contact us, carrier and sliders codes 2014-0130 =========================== */

/* ============ Footer style  start from here ============ */
#FooterWrap {
	background:#33363f url("../images/footer-bg.jpg") repeat-x top center;
	background:#33363f url("../images/footer-bg.jpg") repeat-x top center\9;
	*background:#33363f url("../images/footer-bg.jpg") repeat-x top center;
	padding-top: 66px;
	color: #A39E9B;
	font-size: 12px;
}
#FooterWrapInner {
	padding: 0 30px;
}
#FooterWrap a {
	color: #A39E9B;
	font-size: 14px;
}
#FooterWrapInner a {
    font: 14px/14px "ff-milo-web-pro-i3","ff-milo-web-pro",sans-serif;
}
#FooterWrap a:hover {
	text-decoration: underline;
}
#FooterWrap .footerlinks {
	padding: 0;
}
#FooterWrap h2, #FooterWrap h2 a {
	font-size: 13px;
	font-weight: bold;
	color: #C8C9C9;
	margin: 0;
	font-family: "ff-milo-web-pro-i3","ff-milo-web-pro",sans-serif;
	padding: 0 0 3px 0;
}
#FooterWrap .footerlinks .regions-map {
	padding: 0 0 15px 0px;
}
#FooterWrap .footerlinks ul {
	margin: 0;
	padding: 0 0 20px 0;
}
#FooterWrap .footerlinks ul li {
	list-style: none;
	padding: 0 0 3px 0;
	margin: 0;
	line-height: 16px;
}
#FooterWrap .footerlinks ul li span.inner-list {
	display: block;
	padding: 0px 0 15px 0px;
}
#FooterWrap #SubscribeNewsletter {
	background: #202328 url("../images/subscribebg.jpg") repeat 0 0;
	border: 1px #606166 solid;
	padding: 30px;
}
#FooterWrap #SubscribeNewsletter h2 {
	color: #75A534;
	font-family: "ff-milo-web-pro-n6", "ff-milo-web-pro", sans-serif;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 12px;
}
#FooterWrap #SubscribeNewsletter a.subscribebtn {
	background: url("../images/subscribe-button.png") no-repeat 0 0px;
	width: 98px;
	height: 18px;
	text-align: center;
	color: #000000;
	display: block;
	margin: 15px 0 0 0px;
	cursor: pointer;
}
#FooterWrap #SubscribeNewsletter a.subscribebtn:hover {
	background: url("../images/subscribe-button.png") no-repeat 0 -18px;
	text-decoration: none;
}
#FooterWrap #LyrisFollowUS, #FooterWrap #LyrisFollowUS ul {
	padding:15px 0 25px 0;
	margin: 0;
}
#FooterWrap #LyrisFollowUS ul li {
	list-style:none;
	padding:0 10px 0 0px;
	float: left;
}
#FooterWrap #LyrisFollowUS ul li a {
	display:block;
	width:25px;
	height:25px;
	cursor:pointer;
	text-indent:-99999px;
}
#FooterWrap #LyrisFollowUS ul li a:hover {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#FooterWrap #LyrisFollowUS ul li a.follow-face-book {
	background:url('../images/follow-trans.png') no-repeat 0px 0px;
}
#FooterWrap #LyrisFollowUS ul li a.follow-face-book:hover {
	background-position:0px -26px;
}
#FooterWrap #LyrisFollowUS ul li a.follow-twitter {
	background:url('../images/follow-trans.png') no-repeat -33px 0px;
}
#FooterWrap #LyrisFollowUS ul li a.follow-twitter:hover {
	background-position:-33px -26px;
}
#FooterWrap #LyrisFollowUS ul li a.follow-linkedin {
	background:url('../images/follow-trans.png') no-repeat -67px 0px;
}
#FooterWrap #LyrisFollowUS ul li a.follow-linkedin:hover {
	background-position:-67px -26px;
}
#FooterWrap #LyrisFollowUS ul li a.follow-pinterest {
	background:url('../images/follow-trans.png') no-repeat -101px 0px;
}
#FooterWrap #LyrisFollowUS ul li a.follow-pinterest:hover {
	background-position:-101px -26px;
}
#FooterWrap #LyrisFollowUS ul li.follow {
	font: 20px/26px "ff-milo-web-pro-i3","ff-milo-web-pro",sans-serif;
	padding:0px 0 0;
	width: 69px;
	color:#c2c3c6;
}
#FooterWrap #FooterTrusteWrap {
	background: #474a53 url("../images/footer-down-copyright-background.jpg") repeat-y 0 0;
}
#FooterWrap #FooterTrusteWrap .footer-truste-inner {
	padding: 10px 30px;
	margin: 0 0 0px 0px;
	font-size: 12px;
	color: #A39E9B;
}
#FooterWrap #FooterTrusteWrap .footer-truste-inner p {
	color: #A39E9B;
	font-size: 14px;
}
#FooterWrap #FooterTrusteWrap .footer-truste-inner .copyright {
	padding: 4px 0 10px 0;
}
#partner-wrapper h3 {
	color: #45812b;
}
#cse-search-results iframe .gcsc-branding {
	display: none !important;
}

/* ============ Footer style  End from here ============ */

/* =========================== start =========================== */
#green-box-links .green-box-rs li a {
    clear: both;
    text-decoration: none;
}
#green-box-links .green-box-rs li a:hover {
    text-decoration: underline;
}

#green-box-links li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border-bottom: 1px solid #FFFFFF;
    font: 600 16px/135% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif !important;
    list-style: none outside none !important;
    margin: 0 !important;
    padding: 5px 10px !important;
}

#green-box-links div.green-color{
 	color: #45812B;
    font: 600 20px/125% "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
    padding: 5px 10px;
    border-bottom:1px solid #FFFFFF;
}

.itemDate{
	color: #505359;
}
 /* =========================== ended =========================== */
 /* =========================== START : for IE =========================== */
#IEWrapper_outer {
	margin: 0px;
	background: url(/images/ie-bg-img.jpg) center top no-repeat #32363f;
	background-size: 100% auto;
	width:100%;
	height:100%;
	position:fixed;
	z-index:999999999;
}
#IEWrapper {
    height: 522px;
    left: 50%;
    margin-left: -390px;
    margin-top: -261px;
    position: absolute;
    top: 50%;
    width: 780px;
    _height/**/: 622px;
    _left/**/: 50%;
    _margin-left/**/: -390px;
    _margin-top/**/: -261px;
    _position/**/: absolute;
    _top/**/: 50%;
    _width/**/: 780px;
}
#IEWrapper img.logo{
	float: left;
	margin: 0 0 16px 1px;
}
#IEWrapper .clear-both{
	clear: both;
}
#YourBrowser {
	margin: 0px auto 0;
	clear: both;
	background: url(/images/ie-green-header-img.jpg) 0 0 no-repeat #ffffff;
	padding: 0 39px 0 39px;
	border-bottom: 1px solid #9E9D9F;
}
#YourBrowser h1 {
	margin: 70px 0 14px 0;
	float: left;
	color: #8dc73f;
	font: 400 italic 36px/36px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
}
#YourBrowser p {
	clear: both !important;
	 font: 200 normal 18px/23px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	color: #74777e;
	margin: 0px 0 49px 0;
	*width: 100% !important;
}
#YourBrowser a.txt-link {
	clear: both;
    float: left;
    text-align: center;
    width: 100%;
    color: #00768b;
     font: 200 normal 18px/20px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    margin: 48px auto 58px !important;
    *margin: 48px auto 58px !important;
	padding: 0px !important;
	text-decoration: underline;
}
#YourBrowser ul {
	margin: 0 34px 0 24px;
	padding: 0px;
	clear: both;
}
#YourBrowser li {
	float: left;
	list-style: none;
	margin: 0 62px 0 0;
}
#YourBrowser li.last {
	float: left;
	list-style: none;
	margin: 0 0px 0 0;
}
#YourBrowser li:last-child {
	float: left;
	list-style: none;
	margin: 0 0 0 0;
}
#YourBrowser li img{
	clear: both;
	display: block;
	margin: 0 0 6px 0;
}
#YourBrowser li a {
	clear: both;
	text-decoration: none;
	text-align: center;
	display: block;
	margin: 0px auto;
	color: #74777e;
	font: 200 normal 14px/16px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	outline: 0px;
}
/* =========================== END : for IE =========================== */


/* =========================== 2014 June New Solution Template Begin =========================== */
/* =========================== 2014 June New Solution Overview Begin =========================== */
a.get-started-cta-new {
	color: #32363f;
    font: 30px/31px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    margin: 0;
    text-align: center;
    text-decoration: none;
}
a.next-to-cta-section {
	color: #32363f;
    font-family: "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    margin: 0 0 15px;
    text-decoration: none !important;
}
a.home-page-title-text {
	color: #8dc73f;
    font-family: "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    font-size: 60px;
    font-style: italic;
    font-weight: 400;
    line-height: 59px;
    margin: 47px 0 0;
    text-align: center;
    text-decoration: none !important;
}
a.gain-the-knowledge-grenn-text {
	color: #45812b;
    font: 30px/32px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
    margin-bottom: 12px;
    text-align: center;
    text-decoration: none !important;
}
#LyrisSolutionsBrief a {
	border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
	-webkit-border-radius: 9px 9px 9px 9px;
	border: 0px solid #000000;
	text-align: left;
	padding: 10px 16px 10px 48px;
	font: 800 normal 18px/26px "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif;
	background: url("/images/lyris-solution-brief-img.png") 0px center no-repeat #45812b;
	float: left;
	color: #fff;
	text-decoration: none !important;
	margin-bottom: 36px;
}
#LyrisSolutionsBrief a:hover {
	background-color: #559f36;
}
#LyrisRetailandEcommerce {
	margin: 54px auto 0;
	padding-bottom: 40px;
}
#LyrisRetailandEcommerce a, #LyrisAgencySolutions a, #LyrisMediaPublishing a, #LyrisEnterpriseIntegrations a {
	text-decoration: underline;
}
#LyrisRetailandEcommerce img, #LyrisAgencySolutions img, #LyrisEnterpriseIntegrations img {
	margin: 0px auto;
	display: block;
}
#LyrisAgencySolutions, #LyrisEnterpriseIntegrations {
	margin: 44px 0 34px 0;
}
#LyrisMediaPublishing {
	margin: 54px auto 0;
	padding-bottom: 40px;
}
#LyrisEnterpriseIntegrations ul {
	margin: 0 0 32px;
}
#LyrisEnterpriseIntegrations li {
 	background: url("/images/products-overview-bullet-icon.png") no-repeat scroll 7px 7px;
    list-style: none outside none;
    margin: 0 0 19px !important;
    padding: 0 0 0 25px;
    font: 200 18px/22px "ff-milo-web-pro-i4","ff-milo-web-pro", sans-serif !important;
    list-style: none !important;
}
/* =========================== 2014 June New Solution Overview End =========================== */
/* =========================== 2014 June New Agency Solution Begin =========================== */
#DesignedRetail {
	margin-top: 24px;
}
#DesignedRetail .retail-featured-section {
	margin: 0px 0 0 20px !important;
}
#resources-section a.digital-disruption-and-the-new-agency-challege-img {
    background: url("/images/digital-disruption-and-the-new-featured-img-2014-0625.jpg") no-repeat scroll center -92px;
	color: 
	#FFFFFF;
	float: left;
	font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 305px;
	text-decoration: none;
	width: 242px;
	background-size: 101% auto;
}
#resources-section a.digital-marketing-guide-image {
    background: url("/images/featured-resource-animation-image.jpg") no-repeat center -62px;
	color: 
	#FFFFFF;
	float: left;
	font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 305px;
	text-decoration: none;
	width: 242px;
	background-size: 128% auto;
}
#resources-section a.advanced-training {
    background: url("/images/thumb-advanced-training.jpg") no-repeat center -62px;
	color: 
	#FFFFFF;
	float: left;
	font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 305px;
	text-decoration: none;
	width: 242px;
	background-size: 176% auto;
}
#resources-section a.confronting-the-shift-from-print-to-digital-img {
    background: url("/images/featured-img-confronting-the-shift-from-print-to-digital.jpg") no-repeat center center;
	color: 
	#FFFFFF;
	float: left;
	font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 305px;
	text-decoration: none;
	width: 242px;
	background-size: 128% auto;
}
#resources-section a.publishers-field-guide-to-mobile-optimized {
    background: url("/images/publisher-mobile-guide-theme-image.jpg") no-repeat center -62px;
	color: 
	#FFFFFF;
	float: left;
	font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 305px;
	text-decoration: none;
	width: 242px;
	background-size: 128% auto;
}
/* =========================== 2014 June New Agency Solution End =========================== */
/* =========================== 2014 June New Media Publishing Solution Begin =========================== */
#resources-section a.the-world-is-optimized-for-mobile {
    background: url("/images/the-world-is-optimized-for-mobile-featured-image-2014-0626.jpg") no-repeat center 0;
	color: 
	#FFFFFF;
	float: left;
	font: 16px/18px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	height: 305px;
	text-decoration: none;
	width: 242px;
	background-size: 100% auto;
}
/* =========================== 2014 June New Media Publishing Solution End =========================== */

/* =========================== 2014 June New Enterprise Integration Solution Begin =========================== */
#LyrisEnterpriseConnectorsNew {
	margin: 44px 0 34px 0;
}
#LyrisEnterpriseConnectorsNew ul {
	margin: 0 0 0;
}
#LyrisEnterpriseConnectorsNew a {
	text-decoration: underline;
}
#LyrisEnterpriseConnectorsNew li {
	background: url("/images/products-overview-bullet-icon.png") no-repeat scroll 7px 7px;
    list-style: none outside none;
    margin: 0 0 19px !important;
    padding: 0 0 0 25px;
    font: 200 18px/22px "ff-milo-web-pro-i4","ff-milo-web-pro", sans-serif !important;
    list-style: none !important;
}
#LyrisEnterpriseConnectorsNew img {
	margin: 0px auto;
	display: block;
}
/* =========================== 2014 June New Enterprise Integration Solution End =========================== */
/* =========================== 2014 June New Lyris Enterprise Connectors Solution End =========================== */

/* =========================== 2014 June New Lyris Enterprise Connectors Solution End =========================== */
/* =========================== 2014 June New Solution Template End  =========================== */
/*
.height-mp-contacts {
	margin-top: 123px;
}*/
/* 2014 August New Mega Drop Down CSS Begin */
#MegaDropDown {
	padding: 0;
	margin: 0;
	float: right;
}
#MegaDropDown ul.main-menu {
    clear: both;
    display: block;
    float: none;
    margin-top: 10px;
}
#MegaDropDown ul.main-menu li:first-child {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#MegaDropDown ul.main-menu li {
	background: url("../images/menu-seperator.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
	float: left;
	display: inline;
}
#MegaDropDown ul.main-menu li a {
	font: 16px/18px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif;
	padding: 0 17px 34px;
	color: #fff;
	display: block;
}
#MegaDropDown ul.main-menu li a:hover {
	color: #E5FEB3;
	text-decoration: none;
}
#MegaDropDown .fulldrop  {
	visibility: hidden;
	position: absolute;
	list-style: none;
	top:53px;
	background-color: #16a085;
	text-align: left;
	margin-top:30px;
	padding: 24px 0 21px 0;
	z-index: 2147329;
	background-color: #E6F7CE;
    -webkit-box-shadow: 0 21px 20px -28px rgba(89, 89, 89, 1);
    -moz-box-shadow: 0 21px 20px -28px rgba(89, 89, 89, 1);
    box-shadow: 0 21px 20px -28px rgba(89, 89, 89, 1);
    display: none;
    left: 0%;
}
#MegaDropDown > ul li:hover .fulldrop {
	display: block;
    margin-top: 69px;
    visibility: visible;
    left: 0%;
    position: absolute;
    width: 100%;
}
#MegaDropDown ul.main-menu li:hover a.menu-pointer {
    background: url("../images/mega-drop-down-top-cta-arrow-img.png") no-repeat scroll center 22px;
}
#MegaDropDown .fulldrop .right-border {
    border-right: 2px solid #c3c3c3;
    min-height: 193px;
}
#ProductsDropDown .right-border {
    min-height: 142px !important;
}
#ResourcesDropDown .right-border {
    min-height: 235px !important;
}
#CompanyDropDown .right-border {
    min-height: 236px !important;
}
#CustomersDropDown .right-border {
    min-height: 139px !important;
}
#CustomersDropDown .padding-left-right, #CustomersDropDown .right-border {
    width: 444px;
}
#CustomersDropDown .customer-success-stories-cta { 
	width: 208px !important; 
}
#MegaDropDown .fulldrop .padding-left-right {
    padding: 0 1%;
}
#MegaDropDown .fulldrop .padding-right {
    padding: 0 1% 0 0;
}
#MegaDropDown .fulldrop .padding-bottom {
    padding: 0 0 12px 0 !important;
}
#CompanyDropDown .fulldrop a.italic-link-cta:hover,
#MegaDropDown .fulldrop a.title:hover,
#MegaDropDown .fulldrop a.bold-cta-link:hover,
#MegaDropDown .fulldrop a.italic-link:hover,
#MegaDropDown .fulldrop a.italic-link-cta:hover,
#MegaDropDown .fulldrop a.blue-link:hover {
	text-decoration: underline;
}
#CompanyDropDown .fulldrop a.italic-link-cta {
    float: left;
    margin-top: 20px;
}
#MegaDropDown .fulldrop a.title {
    background: url("../images/mega-drop-down-cta-arrow-img.png") right center no-repeat;
    color: #45812B !important;
    float: left;
    font: 600 22px/130% "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif !important;
    padding: 0 26px 0 0;
    margin-bottom: 17px;
}
#MegaDropDown .fulldrop a.bold-cta-link {
    background: url("../images/inner-mega-dropdown-container-cta-arrow-img.png") right center no-repeat;
    color: #45812b !important;
    float: left;
    font: 800 16px/130% "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif;
    padding: 0 25px 0 0;
}
#MegaDropDown .fulldrop a.italic-link {
    color: #45812b !important;
    font: 400 italic 20px/130% "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif;
    display: block;
}
#MegaDropDown .fulldrop a.italic-link strong {
	font-weight: 600;
}
#MegaDropDown .fulldrop span.italic-link {
    color: #45812b !important;
    font: 400 italic 20px/130% "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif;
    display: block;
}
#MegaDropDown .fulldrop a.italic-link-cta {
    color: #45812b !important;
    font: 400 italic 20px/130% "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif;
    padding: 0 26px 0 0 !important;
    background: url("../images/mega-drop-down-cta-arrow-img.png") right center no-repeat;
    display: inline;
}
#MegaDropDown .fulldrop a.blue-link {
    color: #00768b !important;
    font: 600 normal 16px/130% "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif;
    display: block;
    padding: 0px;
}
#MegaDropDown .fulldrop span.description {
    color: #5e6167;
    font: 400 normal 14px/130% "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif;
    display: block;
}
/* 2014 August New Mega Drop Down CSS End */

/**
* CSS themes for simplePagination.js
* Author: Flavius Matis - http://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js

ul.simple-pagination {
	list-style: none;
}

.simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0;
}

.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

*/
/*------------------------------------*\
	Compact Theme Styles
\*------------------------------------*/

.compact-theme a, .compact-theme span {
	float: left;
	color: #333;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #AAA;
	border-left: none;
	min-width: 14px;
	padding: 0 7px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}

.compact-theme a:hover {
	text-decoration: none;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* IE10+ */
	background: linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* W3C */
}

.compact-theme li:first-child a, .compact-theme li:first-child span {
	border-left: 1px solid #AAA;
	border-radius: 3px 0 0 3px;
}

.compact-theme li:last-child a, .compact-theme li:last-child span {
	border-radius: 0 3px 3px 0;
}

.compact-theme .current {
	background: #bbbbbb; /* Old browsers */
	background: -moz-linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* W3C */
	cursor: default;
}

.compact-theme .ellipse {
	background: #EAEAEA;
	padding: 0 10px;
	cursor: default;
}

/*------------------------------------*\
	Light Theme Styles
\*------------------------------------

.light-theme a, .light-theme span {
	float: left;
	color: #666;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #BBB;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	/*background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);  FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));  Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);  Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%);  Opera11.10+ */
	/*background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%);  IE10+ */
	/*background: linear-gradient(top, #ffffff 0%,#efefef 100%);  W3C */
	/*
}
/*
.light-theme a:hover {
	text-decoration: none;
	background: #FCFCFC;
}

.light-theme .current {
	background: #666;
	color: #FFF;
	border-color: #444;
	box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
	cursor: default;
}

.light-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}

/*------------------------------------*\
	Dark Theme Styles
\*------------------------------------

.dark-theme a, .dark-theme span {
	float: left;
	color: #CCC;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #222;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #555; /* Old browsers */
	/*background: -moz-linear-gradient(top, #555 0%, #333 100%);  FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#333)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top, #555 0%,#333 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top, #555 0%,#333 100%); /* Opera11.10+ */
	/*background: -ms-linear-gradient(top, #555 0%,#333 100%); /* IE10+ */
	/*background: linear-gradient(top, #555 0%,#333 100%); /* W3C *//*
}

.dark-theme a:hover {
	text-decoration: none;
	background: #444;
}

.dark-theme .current {
	background: #222;
	color: #FFF;
	border-color: #000;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;
	cursor: default;
}

.dark-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}


/* 2014 Septemer New Share Icon Press Release CSS Begin */
div.share {
	height: 32px;
    margin-bottom: 55px;
    margin-top: 0;
    padding-left: 83px;
}
div.share .share-title {
	height: 31px;
	display: inline-block;
	font: normal 18px/31px "ff-milo-web-pro-i4","ff-milo-web-pro",sans-serif; 
	font-weight: 600;
	color: #fff;
	padding: 0 20px 0 10px;
	background: #00768b url("../images/share-arrow.jpg") no-repeat right top;
	vertical-align: top;
}
div.share span {
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-right: 9px;
	background-image: url("../images/share-widget-bg.jpg");
	background-repeat: no-repeat;
	cursor: pointer;
}
div.share span.st_facebook_custom {
	background-position: 0 0;
}
div.share span.st_googleplus_custom {
	background-position: -41px 0;
}
div.share span.st_twitter_custom {
	background-position: -83px 0;
}
div.share span.st_linkedin_custom {
	background-position: -123px 0;
}
div.share span.st_pinterest_custom {
	background-position: -165px 0;
}
div.share span.st_technorati_custom {
	background-position: -206px 0;
}
div.share span.st_sharethis_custom {
	background-position: -246px 0;
}
div.share span.st_email_custom {
	background-position: -288px 0;
}

/* 2014 Septemer New Share Icon Press Release CSS End */
/* 2014 September New All Resource section CSS Begin */
#scrolling-effect .pressrelease-listing .share {
    display: none;
}
#resources-section .resources-category .tablet-width h2.title-white {
    float: right;
    font-size: 20px;
    line-height: 29px;
    padding: 0;
    text-align: right;
}
#resources-section .resources-category select {
	float: left;
    font: 400 14px/14px "ff-milo-web-pro-i3","ff-milo-web-pro",sans-serif;
    padding: 4px 5px 2px 2px;
    padding: 4px 5px 2px 2px\9;
    margin: 0;
    background: none;
    border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border: 0px solid #000000;
	color: #000;
	width: 150%;
}
#resources-section .resources-category option {
    border-bottom: 1px solid #000000;
    font-weight: normal;
    padding: 7px;
    font-size: 15px;
}
#resources-section .bg-selectbox {
	background: url("../images/green-arrow-down.png") no-repeat scroll right 11px #fff;
    overflow: hidden;
    border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 0px solid #000000;
	position: relative;
	background-color: #ffffff;
}
#resources-section .list-of-types {
    width: 220px;
}
#resources-section .resources-category .keep-below-last-item h2 {
    float: left;
    padding-right: 8px !important;
}
#resources-section .bg-selectbox-green-arrow {
	float: none;
}
#resources-section .content-excerpt-wrapper a.resource-category-name {
	color: #262627;
	font-size: 18px;
}
#resources-section .content-excerpt-wrapper a.resource-category-name:hover {
	color: #262627;
	text-decoration: underline;
}
#resources-section .random-banner-ads li.random-item {
	padding: 0;
}
/* 2014 September New All Resource section CSS End */
/* drop down overview link edit */
.overview-left-col {
	padding-bottom: 13px !important;
	display: inline-block !important;
}
/* share link of resources */
.top-space-share {
	height: 32px !important;
	margin-bottom: 10px !important;
	margin-top: 25px !important;
	padding-left: 0 !important;
}

/* Service overview page 2014 styles */
#ServiceOverviewNewPage {
	margin: 50px 0;
}
#ServiceOverviewNewPage h4 {
	font-size: 18px;
	color: #45802b;
	padding-top: 6px;
}
#ServiceOverviewNewPage .services-pad-lhs {
	margin-left: -15px !important; 
}
#ServiceOverviewNewPage .serice-content {
	padding: 15px 35px 0 0;
}
#ServiceOverviewNewPage .service-botom-content {
	padding-top: 15px;
}
#ServiceOverviewNewPage .service-customer {
	padding-top: 0 !important;
}
#ServiceOverviewNewPage a {
	text-decoration: none;
}
#ServiceOverviewNewPage a.service-learn-more {
	text-decoration: underline !important;
}
#ServiceOverviewNewPage span.promo-description {
	margin-top: 37px;
}
#ServiceOverviewNewPage span.promo-description-service {
	margin-top: 52px;
	font: 14px/16px "ff-milo-web-pro-n3","ff-milo-web-pro",sans-serif;
	color: #ffffff;
	float: left
}
/* Service overview page 2014 styles */

/* Service overview page 2014 styles */
#resources-section.train-rhs {
    margin-left: 27px;
}

/* 2015 Lyris Advanced Email Marketing Certification styles begin */
#LyrisAdvancedEmailMarketing {
    margin-top: 20px;
}
#LyrisAdvancedEmailMarketing a.learn-register {
    background-color: #00768b;
    border-radius: 10px;
    color: #ffffff;
    display: inline-block;
    font: 12px/24px "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif;
    margin: 6px 0 0;
    padding: 8px 10px;
    text-decoration: none;
}
#LyrisAdvancedEmailMarketing span.venue-txt {
    color: #5e6167;
    display: block;
    font: italic 16px/125% "ff-milo-web-pro-i4", "ff-milo-web-pro", sans-serif;
    padding-top: 13px;
}
#LyrisAdvancedEmailMarketing #CourseDescription {
    padding-top: 35px;
    padding-bottom: 28px;
}
#LyrisAdvancedEmailMarketing #CourseDescription ul {
    margin: 0;
}
#PresentersInstructors .media-body span {
    display: block;
}
#LyrisAdvancedEmailMarketing #CourseDescription ul li {
    margin: 0;
}
#LyrisHqLmSection p {
    margin: 0 0 5px;
}
#LyrisHqLmSection {
    margin-bottom: 19px;
}
#PresentersInstructors {
    margin: 30px 0 0 0;
}
#PresentersInstructors .media {
    margin-bottom: 30px;
    height: 160px;
}
#PresentersInstructors .media-body {
    font: 200 16px/125% "ff-milo-web-pro-i4", "ff-milo-web-pro", sans-serif;
    padding-left: 14px;
}
#LyrisAdvancedEmailMarketing .fees-green-rhs {
    background-color: #e6f7ce;
    padding: 6px 20px;
}
#LyrisAdvancedEmailMarketing h4 {
	font: 600 16px/125% "ff-milo-web-pro-i4", "ff-milo-web-pro", sans-serif;
	color: #45812b;
}
#LyrisAdvancedEmailMarketing .fees-green-rhs ul {
	margin: 0px;
}
#LyrisAdvancedEmailMarketing .fees-green-rhs ul li {
    background: none;
    font-size: 16px;
    padding: 0;
    font-weight: bold;
    color: #5e6167;
}
#LyrisAdvancedEmailMarketing .fees-green-rhs ul li span {
    color: #45812b;
    font-weight: normal;
    display: block;
}
#LyrisAdvancedEmailMarketing h3.title-green {
	margin: 40px 0 0;
	color: #45802c;
	font: 600 20px/125% "ff-milo-web-pro-i4", "ff-milo-web-pro", sans-serif;
}
#LyrisAdvancedEmailMarketing .venue-tbd-wrapper {
    border: 1px solid #dcdcdb;
    padding: 20px;
    margin: 15px 0 0 0;
}
#LyrisAdvancedEmailMarketing h3 {
    color: #5e6167;
    font: 600 16px/125% "ff-milo-web-pro-i4", "ff-milo-web-pro", sans-serif;
    margin: 0 0 3px;
}
#LyrisAdvancedEmailMarketing a.register-now {
    color: #00768b;
    display: block;
    font: 400 16px/125% "ff-milo-web-pro-i4", "ff-milo-web-pro", sans-serif;
}
#LyrisAdvancedEmailMarketing .venue-tbd-wrapper p {
  border: medium none;
  font-size: 14px;
  margin: 4px 0;
  padding: 0;
}
#LyrisAdvancedEmailMarketing .venue-tbd-wrapper span.venue-txt a {
  text-decoration: none;
  color: #5e6167;
  font-size: 16px;
}
/* 2015 Lyris Advanced Email Marketing Certification styles end */

/* Blog - Recommended Resources from lyris styles begin */
div.recommend-resources {
	background-color: #e6f7cd;
	padding: 42px 0 59px 0;          
}
div.recommend-resources h2 {
	color: #45812b;
    font: 600 24px/125% "ff-milo-web-pro-i4", "ff-milo-web-pro", sans-serif;
    margin: 3px 0 33px 0;
    padding: 0;
}
div.recommend-resources .media-body h3 {
    margin: 2px 0 3px;
}
div.recommend-resources a.css-pdf-click-track {
	color: #303741;
    font: 600 16px/125% "ff-milo-web-pro-i4", "ff-milo-web-pro", sans-serif;
    margin: 11px 0 1px 0;
    padding: 0;
    text-decoration: none;
}
div.recommend-resources a.link-guides {
	color: #44832a;
    font: 600 18px/125% "ff-milo-web-pro-i4", "ff-milo-web-pro", sans-serif;
    margin: 11px 0 1px 0;
    padding: 0;
    text-decoration: none;
}
div.recommend-resources a.link-guides p {
	color: #44832a;
    font: 600 22px/125% "ff-milo-web-pro-i4", "ff-milo-web-pro", sans-serif;
    margin: 0;
}
div.recommend-resources .media-body {
    padding-left: 10px;
}
#FooterPromo {
    margin-top: 26px;
}
#FooterPromo img {
    width: 100%;
}
/* Blog - Recommended Resources from lyris styles end */
/* ============ Search page Begin ============ */
#MainContentWrap .item-page .gsc-adBlockVertical {
  display: none;
}
#MainContentWrap .item-page .gsc-wrapper.gsc-thinWrapper {
  border-right: none !important;
}
#MainContentWrap .item-page .gsc-adBlock {
 display: none
}
/* ============ Search page end ============ */

/* ============ Investor Relations begin ============ */
body.investor-relations #LangMenu .CurrentLang {
	font-size: 13px;
}
body.investor-relations #header .lyris-logo a.innovation-cta {
	font-size: 20px;
}
body.investor-relations #MegaDropDown ul.main-menu li a {
	font-size: 15px;
}
/* ============ Investor Relations end ============ */

/* ============ live chat sticky cta begin ============ */
#LiveChat a {
  	background: url("/images/sticky-live-chat-cta-icon.png") no-repeat scroll 16px 10px #00768b;
  	border-radius: 0 0 10px 10px;
  	-moz-border-radius: 0 0 10px 10px;
  	-webkit-border-radius: 0 0 10px 10px;
  	bottom: 0;
  	color: #ffffff;
  	font: bold 18px/24px "ff-milo-web-pro-n3", "ff-milo-web-pro", sans-serif;
  	height: 24px;
  	margin: auto;
  	padding: 11px 18px 11px 52px;
  	position: fixed;
  	right: -52px;
  	text-decoration: none;
  	top: 0;
  	-webkit-transform: rotate(90deg);
  	-moz-transform: rotate(90deg);
  	-ms-transform: rotate(90deg);
  	-o-transform: rotate(90deg);
  	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  	width: 80px;
  	z-index: 20000;
}
#LiveChat a:hover {
  	background-color: #138fa5;
  	text-decoration: none;
}
/* ============ live chat sticky cta end ============ */

/* ============ resources social sections begin ============ */
#ListItems div.share {
	height: 32px;
	margin-bottom: 15px;
	margin-top: 15px;
	padding-left: 0;
}
#ListItems div.share .share-title {
	background: url("../images/share-arrow-resource.jpg") no-repeat scroll right top #00768b;
	height: 26px;
	margin: 0 10px 0 0;
	float: left;
	font-size: 16px;
	line-height: 26px;
}
#ListItems div.share span {
	width: 23px;
    height: 23px;
	float: left;
	margin-top: 1px;
    margin-right: 9px;
}
#ListItems div.share span.st_facebook_custom {
	background-position: 0 0;
	background-size: 1040% auto;
}
#ListItems div.share span.st_googleplus_custom {
	background-position: -31px 0;
	background-size: 1040% auto;
}
#ListItems div.share span.st_twitter_custom {
	background-position: -62px 0;
	background-size: 1040% auto;
}
#ListItems div.share span.st_linkedin_custom {
	background-position: -93px 0;
	background-size: 1040% auto;
}
#ListItems div.share span.st_pinterest_custom {
	background-position: -123px 0;
	background-size: 1040% auto;
}
#ListItems div.share span.st_technorati_custom {
	background-position: -154px 0;
	background-size: 1040% auto;
}
#ListItems div.share span.st_sharethis_custom {
	background-position: -185px 0;
	background-size: 1040% auto;
}
#ListItems div.share span.st_email_custom {
	background-position: -216px 0;
	background-size: 1040% auto;
}
/* ============ resources social sections end ============ */

/* ============ Home - Lyris New solution section March 2015 begin ============ */
#NewLyrisSolutionPage {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(248,248,248,1) 65%, rgba(230,230,230,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(58%, rgba(255,255,255,1)), color-stop(65%, rgba(248,248,248,1)), color-stop(100%, rgba(230,230,230,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(248,248,248,1) 65%, rgba(230,230,230,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(248,248,248,1) 65%, rgba(230,230,230,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(248,248,248,1) 65%, rgba(230,230,230,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(248,248,248,1) 65%, rgba(230,230,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0 );
}
#NewLyrisSolutionPage img.img-responsive {
  	width: 95%;
}
/* ============ Home - Lyris New solution section March 2015 end ============ */

/* Common styles of DL Menus */

.dl-menuwrapper {
	width: 100%;
	max-width: 300px;
	float: left;
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	background: #ccc;
	border: none;
	width: 48px;
	height: 45px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: #aaa;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 5px;
	background: #fff;
	top: 10px;
	left: 16%;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
	background: #c62860;
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
	background: #9e1847;
}

/* Demo 2 */
.demo-2 .dl-menuwrapper button {
	background: #e86814;
}

.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
	background: #D35400;
}

/* Demo 3 */
.demo-3 .dl-menuwrapper button {
	background: #08cbc4;
}

.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul {
	background: #00b4ae;
}

/* Demo 4 */
.demo-4 .dl-menuwrapper button {
	background: #90b912;
}

.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul {
	background: #79a002;
}

/* Demo 5 */
.demo-5 .dl-menuwrapper button {
	background: #744783;
}

.demo-5 .dl-menuwrapper button:hover,
.demo-5 .dl-menuwrapper button.dl-active,
.demo-5 .dl-menuwrapper ul {
	background: #643771;
}