/*  TXT 2.0 by HTML5 UP  html5up.net | @n33co  Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)*/


/*********************************************************************************/


/* Basic                                                                         */


/*********************************************************************************/
@media (max-width: 320px) {
	@-ms-viewport { width: 320px; }
}




* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    background: #fff;
    color: #004a98;
    font-size: 12pt;
    line-height: 1.6em;
    padding-top: 0!important;
}

::selection {
    background: #808285;
    color: #fff;
    /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: #808285;
    color: #fff;
    /* Gecko Browsers */
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
    font-weight: 300;
    color: #004a97;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h7 a {
    text-decoration: none;
    color: inherit;
}

h2.major {
    position: relative;
    border-top: solid 5px #e7eae8;
}

h2.major span {
    background: #fff;
    position: relative;
    display: inline-block;
}

img {
    width: 100%;
    height: auto!important;
    max-width: 100%;
}

p:after {
    content: '';
    width: 100%;
    clear: both;
    height: 0.001em;
    display: block;
}


/*********************************************************************************/


/* Colour Headings                                                                         */


/*********************************************************************************/

.TribalBlue {
    color: #00539f;
}

.TribalTeal {
    color: #0098aa;
}

.DarkPurple {
    color: #9325b2;
}

.Pink {
    color: #e51d9b;
}

.LightPurple {
    color: #7877c1;
}

.LightBlue {
    color: #00b8e4;
}

.DarkGreen {
    color: #009661;
}

.LightGreen {
    color: #77b800;
}


/*********************************************************************************/


/* Basic                                                                         */


/*********************************************************************************/

#footer h2.major span {
    background: #f2f5f3;
}

a {
    color: #808285;
    /*text-decoration: none;	font-weight: 600;*/
}

a:hover {
    text-decoration: underline;
}

.BespokeLandingButton a {
    color: #00539f;
}

a[href^="mailto:"] {
    color: #004a98;
}

form {}

br.clear {
    clear: both;
}

p,
ul,
ol,
dl,
table {
    margin-bottom: 1em;
}

td {
    vertical-align: top;
}

td img {
    padding: 0 1em 0 0;
}

strong {
    font-weight: 600;
}

hr {
    margin: .8em 0;
    border: 1px dotted #808285;
}

section,
article {
    margin-bottom: 6em;
}

section >:last-child,
article >:last-child {
    margin-bottom: 0;
}

section:last-child,
article:last-child {
    margin-bottom: 0;
}

.byline {
    display: block;
    color: #fff;
}

.image {
    position: relative;
    display: inline-block;
    border-radius: 8px;
}

.image img {
    display: block;
    width: 100%;
    border-radius: 8px;
}


/*      Note: The following style adds the textured/pixelated look to content      images. I added this to help mask the distortion introduced when a browser      resizes an image, but if you don't want this to happen just remove or comment      out the entire style.    */

.image:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('images/overlay.png');
    opacity: 0.2;
    border-radius: 8px;
}

.image-full {
    display: block;
    width: 100%;
    margin: 0 0 2em 0;
}

.image-left {
    float: left;
    margin: 0 2em 2em 0;
}

.image-centered {
    display: block;
    margin: 0 0 2em 0;
}

.image-centered img {
    margin: 0 auto;
    width: auto;
}

.button,
.btn {
    display: inline-block;
    font-weight: 700;
    text-decoration: none;
    color: #7572c1;
    outline: 0;
    float: right;
}

.button:hover {
    text-decoration: underline;
}

.button-alt {
    float: left;
}

.button:after {
    content: '\00bb';
    display: inline-block;
    padding: 0 0 0 .5em;
}

.button-alt:hover {}

.actions {}

ul.style1 {
    list-style: disc;
    padding-left: 1.5em;
}

ul.style2 {}

ul.style2 > li {
    border-top: solid 2px #e7eae8;
    padding-top: 2.35em;
    margin-top: 2.35em;
}

ul.style2 > li:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
}

ul.contact {}

ul.contact li {
    position: relative;
    display: inline-block;
    margin: 0 0.25em 0 0.25em;
    top: 0;
    -moz-transition: top .15s ease-in-out;
    -webkit-transition: top .15s ease-in-out;
    -o-transition: top .15s ease-in-out;
    -ms-transition: top .15s ease-in-out;
    transition: top .15s ease-in-out;
}

ul.contact li a {
    display: block;
    position: relative;
    background: #c1cac5 url('/media/1074/icons-contact.png');
    width: 48px;
    height: 48px;
    text-indent: -9999px;
    border-radius: 6px;
    outline: 0;
    -moz-transition: background-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}

ul.contact li a.facebook {
    background-position: 0px 0px;
}

ul.contact li:hover a.facebook {
    background-color: #3C5A98;
}

ul.contact li a.twitter {
    background-position: -48px 0px;
}

ul.contact li:hover a.twitter {
    background-color: #2DAAE4;
}

ul.contact li a.rss {
    background-position: -96px 0px;
}

ul.contact li:hover a.rss {
    background-color: #F2600B;
}

ul.contact li a.dribbble {
    background-position: -144px 0px;
}

ul.contact li:hover a.dribbble {
    background-color: #C4376B;
}

ul.contact li a.linkedin {
    background-position: -192px 0px;
}

ul.contact li:hover a.linkedin {
    background-color: #006599;
}

ul.contact li a.tumblr {
    background-position: -240px 0px;
}

ul.contact li:hover a.tumblr {
    background-color: #31516A;
}

ul.contact li a.googleplus {
    background-position: -288px 0px;
}

ul.contact li:hover a.googleplus {
    background-color: #DA2713;
}

ul.contact li a.youtube {
    background-position: -328px 0px;
}

ul.contact li:hover a.youtube {
    background-color: #b63d3d;
}

ul.contact li:hover {
    top: -5px;
}

ul.contact li:active {
    top: 0;
}

ul.special {}

ul.special li {
    position: relative;
    display: inline-block;
    margin: 0 1.5em 0 1.5em;
    top: 0;
    -moz-transition: top .15s ease-in-out;
    -webkit-transition: top .15s ease-in-out;
    -o-transition: top .15s ease-in-out;
    -ms-transition: top .15s ease-in-out;
    transition: top .15s ease-in-out;
}

ul.special li:hover {
    top: -10px;
}

ul.special li:hover a {
    background: #b9d2ce;
}

ul.special a {
    display: block;
    position: relative;
    background: #c1cac5;
    width: 12em;
    height: 12em;
    border-radius: 6em;
    text-indent: -9999px;
    outline: 0;
    -moz-transition: background-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}

ul.special a:before {
    content: '';
    position: absolute;
    width: 128px;
    height: 128px;
    left: 50%;
    top: 50%;
    margin-top: -64px;
    margin-left: -64px;
    background: url('images/icons-special.png');
}

ul.special a.battery:before {
    background-position: 0px 0px;
}

ul.special a.tablet:before {
    background-position: -128px 0px;
}

ul.special a.flask:before {
    background-position: -256px 0px;
}

ul.special a.chart:before {
    background-position: -384px 0px;
}

ul.meta {
    font-size: 0.75em;
    color: #a1aaa5;
}

ul.meta li {
    position: relative;
    display: inline-block;
    padding-left: 24px;
    margin-left: 1em;
}

ul.meta li a {
    color: inherit;
    outline: 0;
}

ul.meta li:first-child {
    margin-left: 0;
}

ul.meta li:before {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 50%;
    margin-top: -8px;
    background: url('images/icons-meta.png');
}

ul.meta li.timestamp:before {
    background-position: 0px 0px;
}

ul.meta li.comments:before {
    background-position: -16px 0px;
}


/*********************************************************************************/


/* Section + Article Types                                                       */


/*********************************************************************************/

.is-highlight {
    text-align: center;
}

.is-features {}

.is-feature {}

.is-blog {}

.is-post {
    color: #004a97;
}

.is-post-summary {}

.is-page-content {}


/*********************************************************************************/


/* Sidebar + Content                                                             */


/*********************************************************************************/

.sidebar {}

.content {}


/*********************************************************************************/


/* Wrappers                                                                      */


/*********************************************************************************/

#banner-wrapper,
#banner-wrapperPurple,
#banner-wrapperGreen {
    position: relative;
    background: url('../images/banner.jpg') center center no-repeat;
    background-size: cover!important;
    z-index: 1;
    /*min-height: 400px;*/
}

#banner-wrapperPurple_NC:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzMjViMiIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1MWQ5YiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(left, rgba(147, 37, 178, 0.6) 0%, rgba(229, 29, 155, 0.5) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(147, 37, 178, 0.6)), color-stop(100%, rgba(229, 29, 155, 0.5)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(147, 37, 178, 0.6) 0%, rgba(229, 29, 155, 0.5) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(147, 37, 178, 0.6) 0%, rgba(229, 29, 155, 0.5) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(147, 37, 178, 0.6) 0%, rgba(229, 29, 155, 0.5) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(147, 37, 178, 0.6) 0%, rgba(229, 29, 155, 0.5) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#999325b2', endColorstr='#80e51d9b', GradientType=1);
    /* IE6-8 */
}

#banner-wrapperGreen_NC:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTY2MSIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc3YjgwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(left, rgba(0, 150, 97, 0.6) 0%, rgba(119, 184, 0, 0.5) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 150, 97, 0.6)), color-stop(100%, rgba(119, 184, 0, 0.5)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(0, 150, 97, 0.6) 0%, rgba(119, 184, 0, 0.5) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(0, 150, 97, 0.6) 0%, rgba(119, 184, 0, 0.5) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(0, 150, 97, 0.6) 0%, rgba(119, 184, 0, 0.5) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(0, 150, 97, 0.6) 0%, rgba(119, 184, 0, 0.5) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#99009661', endColorstr='#8077b800', GradientType=1);
    /* IE6-8 */
}

#Subbanner-wrapper {
    position: relative;
    background: url('../images/banner.jpg') center center no-repeat;
    background-size: cover!important;
    z-index: 1;
    clear: both;
    float: left;
}


/*      Note: The following style adds the textured/pixelated look to the banner      image. I added this to help mask the distortion introduced when a browser      resizes an image, but if you don't want this to happen just remove or comment      out the entire style.    */

#banner-wrapper_NC:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTM5ZiIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOThhYSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(left, rgba(0, 83, 159, 0.6) 0%, rgba(0, 152, 170, 0.5) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 83, 159, 0.6)), color-stop(100%, rgba(0, 152, 170, 0.5)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(0, 83, 159, 0.6) 0%, rgba(0, 152, 170, 0.5) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(0, 83, 159, 0.6) 0%, rgba(0, 152, 170, 0.5) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(0, 83, 159, 0.6) 0%, rgba(0, 152, 170, 0.5) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(0, 83, 159, 0.6) 0%, rgba(0, 152, 170, 0.5) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9900539f', endColorstr='#800098aa', GradientType=1);
    /* IE6-8 */
}

#main-wrapper {
    background: #fff;
}


/*********************************************************************************/


/* Header                                                                        */


/*********************************************************************************/

#header {}


/*********************************************************************************/


/* Nav                                                                           */


/*********************************************************************************/

#nav {}

.HomeLink {
    display: none!important;
}


/*********************************************************************************/


/* Banner                                                                        */


/*********************************************************************************/

#banner {
    position: relative;
    background: rgba(0, 74, 152, 0.85);
    text-align: left;
    z-index: 2;
    width: 50%;
    right: -47%;
}

#bannerBlue {
    position: relative;
    background: rgba(120, 119, 193, 0.85);
    text-align: left;
    z-index: 2;
    width: 50%;
    right: -47%;
}

#bannerGreen {
    position: relative;
    /*background: rgba(0,150,97,0.6); NC */
    background: rgba(0, 150, 97, 0.85);
    text-align: left;
    z-index: 2;
    width: 50%;
    right: -47%;
}

#bannerPurple {
    position: relative;
    /* background: rgba(147,37,178,0.6); NC */
    background: rgba(147, 37, 178, 0.85);
    text-align: left;
    z-index: 2;
    width: 50%;
    right: -47%;
}


/* #banner:before    {      content: '';      position: absolute;      left: 0;      top: 0;      width: 100%;      height: 100%;      background: url('images/highlight.png') center center;      background-size: 100% 200%;    }    #banner:after    {      content: '';      position: absolute;      left: 0;      top: 0;      width: 100%;      height: 100%;      background: url('images/overlay.png');      opacity: 0.25;    }  */

#banner > *,
#bannerBlue > *,
#bannerGreen > *,
#bannerPurple > * {
    position: relative;
    z-index: 3;
}

#banner h2,
#bannerBlue h2,
#bannerGreen h2,
#bannerPurple h2 {
    color: #fff;
}

#banner .byline,
#bannerBlue .byline,
#bannerGreen .byline,
#bannerPurple .byline {
    color: #fff;
    letter-spacing: 0.0065em;
}

#banner .button,
#bannerBlue .button,
#bannerGreen .button,
#bannerPurple .button {
    color: #b4b7b5;
    background: transparent !important;
    border-radius: 10px;
    padding: 0 .5em 0 0;
    margin: 0;
    position: relative;
    font-size: 1.1em;
    float: none;
    line-height: 1.5em;
}

#bannerPurple .button {
    color: rgba(255, 184, 229, 1);
}

#bannerPurple .button:hover {
    color: rgba(255, 184, 229, 0.46);
}

#bannerGreen .button {
    color: rgba(155, 228, 23, 1);
}

#bannerGreen .button:hover {
    color: rgba(155, 228, 23, 0.46);
}

#bannerBlue .button {
    color: rgba(108, 224, 252, 1);
}

#bannerBlue .button:hover {
    color: rgba(108, 224, 252, 0.46);
}

#banner .button:hover {
    color: #e4e7e5;
}

#banner .button:active {
    color: #fff;
}

#Subbanner {
    position: relative;
    background: rgba(255, 255, 255, 0.6);
    z-index: 2;
    width: 50%;
    float: right;
}


/*********************************************************************************/


/* Main                                                                          */


/*********************************************************************************/

#main {}


/*********************************************************************************/


/* Footer                                                                        */


/*********************************************************************************/

#footer {}

#footer a {
    color: inherit;
}


/*********************************************************************************/


/* Copyright                                                                     */


/*********************************************************************************/

#copyright {
    display: inline-block;
    padding: 0;
    font-size: 0.8em;
    color: #585b5d;
    margin: 1em 0;
}

#copyright a {
    color: inherit;
}


/*********************************************************************************/


/* Forms                                                                    */


/*********************************************************************************/

form#BookaDemo {
    position: relative;
    top: -2em;
}

form#BookaDemo label {
    font-weight: 300;
    display: block;
    /*text-transform: uppercase;*/
    clear: both;
}
form#BookaDemo select, form#BookaDemo input, form#BookaDemo textarea, form#BookaDemo label {
		font-family: 'Open Sans', sans-serif!important;
}


form#BookaDemo select {
    margin: 0 0 .5em 0;
    padding: .5em;
    color: #808285;
    min-width: 400px;
    max-height: 3.8em;
}

form#BookaDemo input {
    padding: .5em;
    color: #808285;
    margin: 0 0 .6em 0;
    min-width: 400px;
}

form#BookaDemo textarea {
    min-width: 400px;
    min-height: 11em;
    resize: none;
    padding: .2em .5em;
    color: #808285;
}

form#BookaDemo input[type="submit"] {
    /* margin: 2em 0;  padding: .7em 0!important;  background: rgba(0,83,159,0.2);  border: 3px solid #00539f;  color: #00539f!important;  font-weight: 300;  text-transform: uppercase;  font-size: 1.2em;*/
    background: transparent;
    border: 4px solid #004a98;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    padding: .6em 1em;
    color: #004a98;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.2em;
    cursor: pointer;
    margin: 1em 0 1em 0;
    display: inline-block;
    width: 100%;
}

form#BookaDemo input[type="submit"]:hover {
    /* background: rgba(128,130,133,0.2);  border: 3px solid #808285;  color: #808285!important;  font-size: 1.2em;	*/
    text-decoration: none;
    -webkit-box-shadow: inset 0 0 13px -3px #00539f;
    -moz-box-shadow: inset 0 0 13px -3px #00539f;
    box-shadow: inset 0 0 13px -3px #00539f;
    -webkit-transition: 50ms linear 0s;
    -moz-transition: 50ms linear 0s;
    -o-transition: 50ms linear 0s;
    transition: 50ms linear 0s;
}

form#BookaDemo input[type="checkbox"] {
    width: 2%;
}


/*********************************************************************************/


/* Breadcrumbs                                                               	  */


/*********************************************************************************/

#Breadcrumbs {
    padding: 0;
}

#Breadcrumbs ul {
    margin: 1em 0;
}

#Breadcrumbs ul li {
    display: inline-block;
    margin: 0 .5em 0 0;
}

#Breadcrumbs ul li a {
    color: #000;
    font-size: .85em;
}

#Breadcrumbs ul li a:after {
    content: '\203A';
    display: inline-block;
    padding: 0 0 0 .3em;
}

#Breadcrumbs ul li span {
    color: #000;
    font-size: .85em;
}

#Breadcrumbs ul li span:after {
    content: '\203A';
    display: inline-block;
    padding: 0 0 0 .3em;
}

#Breadcrumbs li.current_page_item a:after {
    content: '';
    display: inline-block;
    padding: 0 0 0 .3em;
}

#Breadcrumbs li.current_page_item a {
    color: #808285;
    text-decoration: underline;
    font-weight: 400;
}


/*********************************************************************************/


/* Home Buttons                                                                    */


/*********************************************************************************/

#BespokeHomeButton {
    text-align: center;
    padding: 0;
    float: left;
    width: 100%;
    max-height: 117px
}

#BespokeHomeButton img {
    width: 100%;
}

#BespokeHomeButton a {
    color: #fff;
    text-decoration: none;
    width: 100%;
    font-size: 2em;
    padding: .5em 0;
    float: left;
    background: url('/media/1077/bg_bluetransparent.png') repeat;
    position: relative;
    top: -64px;
}

.HomeButtonContainer {
    display: block;
    background: url('/media/1073/home-button-large-right.gif') no-repeat top right;
    height: 120px;
    float: left;
    margin: 0 0 20px 0;
    width: 90%;
}

.HomeButtonContainer a {
    background: url('/media/1072/home-button-large-left.gif') no-repeat top left;
    display: block;
    padding: 35px 17px 0 72px;
    height: 120px;
    font-size: 200%;
    font-weight: bold;
    color: #004a98;
    text-align: center;
}

.BespokeLandingButton a {
    display: block;
    height: 201px;
    padding: 1em 1.5em;
    position: relative;
    float: left;
    margin: 0 2em 2em 0;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    background: rgba(255, 255, 255, 0.2);
    cursor: pointer;
    width: 100%;
    line-height: 1.3em;
}

.BespokeLandingButton a img {
    position: absolute;
    margin: 0 auto;
    bottom: .8em;
    top: auto;
    left: 0;
    right: 0;
    margin-bottom: 0.5em;
    width: auto!important;
    max-width: 110px;
    max-height: 98px;
}

.BespokeLandingButtonSmall a {
    display: block;
    height: 150px;
    width: 110px;
    padding: 1em 1.5em;
    position: relative;
    float: left;
    margin: 0 2em 1em 0;
    text-align: center;
    font-weight: bold;
    font-size: 80%;
    background: rgba(255, 255, 255, 0.2);
    cursor: pointer;
    line-height: 1.3em;
    color: #9325b2;
}

.BespokeLandingButtonSmall a.active {
    background: rgba(145, 37, 178, 0.2);
    box-shadow: 0 0 6px rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 255, 255, 1);
}

.BespokeLandingButtonSmall a.active:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 32px solid white;
    position: absolute;
    bottom: -23px;
    left: 0;
}

.BespokeLandingButtonSmall img {
    width: 57%;
    position: absolute;
    vertical-align: middle;
    bottom: 2em;
    left: 1.85em;
}

li.BespokeLandingButtonSmall {
    float: left;
}

.BespokeLandingPurple {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzMjViMiIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1MWQ5YiIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(147, 37, 178, 0.4) 0%, rgba(229, 29, 155, 0.4) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(147, 37, 178, 0.4)), color-stop(100%, rgba(229, 29, 155, 0.4)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(147, 37, 178, 0.4) 0%, rgba(229, 29, 155, 0.4) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(147, 37, 178, 0.4) 0%, rgba(229, 29, 155, 0.4) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(147, 37, 178, 0.4) 0%, rgba(229, 29, 155, 0.4) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(147, 37, 178, 0.4) 0%, rgba(229, 29, 155, 0.4) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#669325b2', endColorstr='#66e51d9b', GradientType=0);
    /* IE6-8 */
    padding: 2em;
}

.BespokeLandingGreen {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTY2MSIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc3YjgwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(0, 150, 97, 0.4) 0%, rgba(119, 184, 0, 0.4) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 150, 97, 0.4)), color-stop(100%, rgba(119, 184, 0, 0.4)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 150, 97, 0.4) 0%, rgba(119, 184, 0, 0.4) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 150, 97, 0.4) 0%, rgba(119, 184, 0, 0.4) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 150, 97, 0.4) 0%, rgba(119, 184, 0, 0.4) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 150, 97, 0.4) 0%, rgba(119, 184, 0, 0.4) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#66009661', endColorstr='#6677b800', GradientType=0);
    /* IE6-8 */
    padding: 2em;
}

.BespokeLandingBlue {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjhlNCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc4NzdjMSIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(0, 184, 228, 0.4) 0%, rgba(120, 119, 193, 0.4) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 184, 228, 0.4)), color-stop(100%, rgba(120, 119, 193, 0.4)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 184, 228, 0.4) 0%, rgba(120, 119, 193, 0.4) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 184, 228, 0.4) 0%, rgba(120, 119, 193, 0.4) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 184, 228, 0.4) 0%, rgba(120, 119, 193, 0.4) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 184, 228, 0.4) 0%, rgba(120, 119, 193, 0.4) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6600b8e4', endColorstr='#667877c1', GradientType=0);
    /* IE6-8 */
    padding: 2em;
}

.YouMightBeInterestedPurple {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzMjViMiIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1MWQ5YiIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(147, 37, 178, 0.4) 0%, rgba(229, 29, 155, 0.4) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(147, 37, 178, 0.4)), color-stop(100%, rgba(229, 29, 155, 0.4)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(147, 37, 178, 0.4) 0%, rgba(229, 29, 155, 0.4) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(147, 37, 178, 0.4) 0%, rgba(229, 29, 155, 0.4) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(147, 37, 178, 0.4) 0%, rgba(229, 29, 155, 0.4) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(147, 37, 178, 0.4) 0%, rgba(229, 29, 155, 0.4) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#669325b2', endColorstr='#66e51d9b', GradientType=0);
    /* IE6-8 */
    margin: 2em 0 0 0;
    padding: 2em 2em .5em 2em;
    display: inline-block;
    width: 100%;
}

.YouMightBeInterestedGreen {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTY2MSIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc3YjgwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(0, 150, 97, 0.4) 0%, rgba(119, 184, 0, 0.4) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 150, 97, 0.4)), color-stop(100%, rgba(119, 184, 0, 0.4)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 150, 97, 0.4) 0%, rgba(119, 184, 0, 0.4) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 150, 97, 0.4) 0%, rgba(119, 184, 0, 0.4) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 150, 97, 0.4) 0%, rgba(119, 184, 0, 0.4) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 150, 97, 0.4) 0%, rgba(119, 184, 0, 0.4) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#66009661', endColorstr='#6677b800', GradientType=0);
    /* IE6-8 */
    margin: 2em 0 0 0;
    padding: 2em 2em .5em 2em;
    display: inline-block;
    width: 100%;
}

.YouMightBeInterestedBlue {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjhlNCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc4NzdjMSIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(0, 184, 228, 0.4) 0%, rgba(120, 119, 193, 0.4) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 184, 228, 0.4)), color-stop(100%, rgba(120, 119, 193, 0.4)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 184, 228, 0.4) 0%, rgba(120, 119, 193, 0.4) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 184, 228, 0.4) 0%, rgba(120, 119, 193, 0.4) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 184, 228, 0.4) 0%, rgba(120, 119, 193, 0.4) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 184, 228, 0.4) 0%, rgba(120, 119, 193, 0.4) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6600b8e4', endColorstr='#667877c1', GradientType=0);
    /* IE6-8 */
    margin: 2em 0 0 0;
    padding: 2em 2em .5em 2em;
    display: inline-block;
    width: 100%;
}

.YouMightBeInterestedBlue .\34 u,
.YouMightBeInterestedPurple .\34 u,
.YouMightBeInterestedGreen .\34 u {
    padding: 0 1em!important;
}


/*********************************************************************************/


/* Buttons                                                              */


/*********************************************************************************/

.btn-group {
    display: none;
}

.btn-primary,
span.btn-primary,
.btn.btn-success {
    border: 4px solid #004a98;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    padding: .6em 1em;
    color: #004a98;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    /*margin: 1em .5em 1em 0;*/
    display: inline-block;
	background: transparent;
}

.btn-primary.btn-Tick {
    background: url('/media/1170/icon_tickbox.png') no-repeat center right;
    padding: .6em 2.1em .6em 1em;
}

span.btn-primary a,
span.btn-download a,
span.btn-talk a,
.btn-primary.btn-CaseStudy a,
span.btn-CaseStudy a {
    color: #004a98;
    font-weight: 600;
}

span.btn-primary a:hover,
span.btn-download a:hover,
span.btn-talk a:hover,
.btn-primary.btn-CaseStudy a:hover,
span.btn-CaseStudy a:hover {
    text-decoration: none;
}

.btn-primary.btn-download,
span.btn-download {
    background: url('/media/1166/icon_arrowdown.png') no-repeat center right;
    padding: .6em 2.1em .6em 1em;
    border: 4px solid #004a98;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    color: #004a98;
    text-transform: uppercase;
    font-weight: 600;
    /*float: left;*/
    cursor: pointer;
    /*margin: 0 0 1em 0;*/
    display: inline-block;
}

.btn-primary.btn-talk,
span.btn-talk {
    background: url('/media/1167/icon_talk.png') no-repeat center right;
    padding: .6em 2.1em .6em 1em;
    border: 4px solid #004a98;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    color: #004a98;
    text-transform: uppercase;
    font-weight: 600;
    float: left;
    cursor: pointer;
    margin: 0 0 1em 0;
}

.btn-primary.btn-CaseStudy,
span.btn-CaseStudy {
    background: url('/media/1168/icon_casestudy.png') no-repeat center right;
    padding: 0 2.1em 0 1em;
    color: #004a98;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
}

btn-primary.btn-CaseStudy:hover,
span.btn-CaseStudy:hover {
    text-decoration: underline;
}

.btn-primary.btn-CaseStudy:before,
span.btn-CaseStudy:before {
    content: '';
    background: url('/media/1156/icon_arrowbullet.png') no-repeat 0 4px!important;
    padding: 0 0 0 1.5em;
}

span.btn-download:hover,
.btn-primary.btn-talk:hover,
span.btn-talk:hover,
.btn-download:hover,
.btn-talk:hover {
    text-decoration: none;
    -webkit-box-shadow: inset 0 0 13px -3px #00539f;
    -moz-box-shadow: inset 0 0 13px -3px #00539f;
    box-shadow: inset 0 0 13px -3px #00539f;
    -webkit-transition: 50ms linear 0s;
    -moz-transition: 50ms linear 0s;
    -o-transition: 50ms linear 0s;
    transition: 50ms linear 0s;
}

.btn-download a:hover,
.btn-talk a:hover {
    text-decoration: none;
    color: #808285!important;
}

.btn-TribalTeal {
    border: 4px solid #0098aa;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    padding: .6em 1em;
    text-transform: uppercase;
    font-weight: 600;
    /* float: left;*/
    cursor: pointer;
    margin: 0 .5em 1em 0;
    color: #0098aa;
}

.btn-TribalTeal a {
    text-decoration: none;
    color: #0098aa;
}

.btn-DarkPurple {
    border: 4px solid #9325b2;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    padding: .6em 1em;
    text-transform: uppercase;
    font-weight: 600;
    float: left;
    cursor: pointer;
    margin: 0 .5em 1em 0;
    color: #9325b2;
}

.btn-DarkPurple a {
    text-decoration: none;
    color: #9325b2;
}

.btn-Pink {
    border: 4px solid #e51d9b;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    padding: .6em 1em;
    text-transform: uppercase;
    font-weight: 600;
    float: left;
    cursor: pointer;
    margin: 0 .5em 1em 0;
    color: #e51d9b;
    display: inline-block;
}

.btn-Pink a {
    text-decoration: none;
    color: #e51d9b;
}

.btn-LightPurple {
    border: 4px solid #7877c1;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    padding: .6em 1em;
    text-transform: uppercase;
    font-weight: 600;
    float: left;
    cursor: pointer;
    margin: 0 .5em 1em 0;
    color: #7877c1;
}

.btn-LightPurple a {
    text-decoration: none;
    color: #7877c1;
}

.btn-LightBlue {
    border: 4px solid #00b8e4;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    padding: .6em 1em;
    text-transform: uppercase;
    font-weight: 600;
    float: left;
    cursor: pointer;
    margin: 0 .5em 1em 0;
    color: #00b8e4;
    display: inline-block;
}

.btn-LightBlue a {
    text-decoration: none;
    color: #00b8e4;
}

.btn-DarkGreen {
    border: 4px solid #009661;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    padding: .6em 1em;
    text-transform: uppercase;
    font-weight: 600;
    float: left;
    cursor: pointer;
    margin: 0 .5em 1em 0;
    color: #009661;
}

.btn-DarkGreen a {
    text-decoration: none;
    color: #009661;
}

.btn-LightGreen {
    border: 4px solid #77b800;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    padding: .6em 1em;
    text-transform: uppercase;
    font-weight: 600;
    float: left;
    cursor: pointer;
    margin: 0 .5em 1em 0;
    color: #77b800;
}

.btn-LightGreen a {
    text-decoration: none;
    color: #77b800;
}

.btn-TribalTeal:hover,
.btn-DarkPurple:hover,
.btn-Pink:hover,
.btn-LightPurple:hover,
.btn-LightBlue:hover,
.btn-DarkGreen:hover,
.btn-LightGreen:hover,
.btn-primary:hover {
     background: rgb(253, 252, 252);
    border: 4px solid #47494C;
    color: #47494C!important;
}

.btn-TribalTeal a:hover,
.btn-DarkPurple a:hover,
.btn-Pink a:hover,
.btn-LightPurple a:hover,
.btn-LightBlue a:hover,
.btn-DarkGreen a:hover,
.btn-LightGreen a:hover,
.btn-primary a:hover {
    text-decoration: none;
    color: #808285!important;
}

ul#BulletList li {
    background: url('/media/1192/icon_arrowbullettribalblue.png') no-repeat 0 5px!important;
    padding: 0 0 0 1.3em;
}

ul#BulletList a {
    color: #00539f;
}


/*********************************************************************************/


/* Image Hover Effect                                                                */


/*********************************************************************************/

.TribalImageEffect {
    position: relative;
    overflow: hidden;
}

.TribalImageEffect:hover .Tribaltextbox {
    margin-top: 0;
}

.Tribaltextbox {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.Tribaltext {
    padding-top: 1em;
    line-height: 1.5em;
    color: #fff;
    text-align: left;
    font-size: .72em;
    font-weight: 400;
}

.TribalImageEffect .Tribaltextbox {
    height: 201px;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -201px;
    padding: 0 .8em;
    width: 100%;
}

.BespokeLandingBlue .TribalImageEffect .Tribaltextbox,
.YouMightBeInterestedBlue .TribalImageEffect .Tribaltextbox {
    background-color: rgba(0, 184, 228, .95);
}

.BespokeLandingPurple .TribalImageEffect .Tribaltextbox,
.YouMightBeInterestedPurple .TribalImageEffect .Tribaltextbox {
    background-color: rgba(147, 37, 178, .95);
}

.BespokeLandingGreen .TribalImageEffect .Tribaltextbox,
.YouMightBeInterestedGreen .TribalImageEffect .Tribaltextbox {
    background-color: rgba(0, 150, 97, 0.95);
}


/*********************************************************************************/


/* Sidebar                                                                   */


/*********************************************************************************/

.sidebar a span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.sidebar a {
    display: table;
    vertical-align: middle;
    width: 233px;
    height: 91px;
    padding: 0 19px 0 70px;
    font-weight: 300;
    font-size: 1.45em;
    color: #004a98;
    margin: .3em 1em;
    line-height: 1em;
}

.sidebar a.purple {
    background: url('/media/1092/button-left-purple.gif') no-repeat 0 0;
}

.sidebar a.purple2 {
    background: url('/media/1093/button-left-purple2.gif') no-repeat 0 0;
}

.sidebar a.lightblue {
    background: url('/media/1094/button-left-light-blue.gif') no-repeat 0 0;
}

.sidebar a.turquoise {
    background: url('/media/1091/button-left-turquoise.gif') no-repeat 0 0;
}

.sidebar a.pink {
    background: url('/media/1090/button-left-pink.gif') no-repeat 0 0;
}


/*a.SidbarButton {	vertical-align: middle;	padding: 1.2em 1.5em 0 1.5em;	font-weight: bold;	color: #004a98;	font-size: 1.46em;	margin: 0em 0em 1em 0em;	width: 100%;border: 2px dotted;}a.SidbarButton span {	background: url('/media/1138/arrow_right.png') no-repeat 0 0;	width: 26px;	height: 38px;}*/

a.SidbarButton {
    font-weight: 300;
    color: #004a98;
    margin: 1em 0em 0em 0em;
    width: 100%;
    line-height: 1.2em;
    text-transform: uppercase;
}

a.SidbarButton span:before {
    content: '';
    background: url('/media/16295/neutrallinkarrow.png') center left no-repeat;
    width: 45px;
    height: 39px;
    display: block;
    float: left;
    position: relative;
    left: -6px;
}

a.SidbarButton span {
    float: left;
    margin: 0;
    text-align: left;
    position: relative;
    left: -36px;
}

a.SidBarImage {
    width: 76%;
    padding: 0;
    margin: .5em 0;
    left: 28px;
    position: relative;
    float: left;
}


/* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-loading .slick-list {
    background: white url("./ajax-loader.gif") center center no-repeat;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1;
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

.slick-slide img {
    display: block;
    pointer-events: none;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}


/* Icons */

@font-face {
    font-family: "slick";
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
}


/* Arrows */

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: 0px;
}

.slick-prev:before {}

.slick-next {
    right: 0px;
}

.slick-next:before {}


/* Dots */

.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\2022";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
}

[dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
}

[dir="rtl"] .slick-next:before {
    content: "\2190";
}

[dir="rtl"] .slick-prev {
    right: -25px;
    left: auto;
}

[dir="rtl"] .slick-prev:before {
    content: "\2192";
}

[dir="rtl"] .slick-slide {
    float: right;
}

.results-box {
    margin-bottom: 1em;
}


/* NXC 19/02/2015 */


/* Product Page body formatting */

.productContent ul,
ol {
    list-style: initial;
    margin-bottom: 1em;
    margin-left: 1.2em;
    line-height: 1.4em;
}

.productContent p {
    margin-bottom: 1em;
}

.productAbout {
    margin-bottom: 2em;
}

.productQuote {
    margin-bottom: 2em;
}

.productFAQ {
    margin-bottom: 2em;
}

.productVideo {
    max-width: 420px;
    margin: 0px auto;
    margin-bottom: 2em;
}

.productVideo > div {
    position: relative;
    padding-bottom: 75%;
    height: 0px;
}

.productVideo 
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.subBannerContainer {
    background: #f2f2f2;
    padding: 1.5em 2em;
    width: 100%;
    float: left;
    margin: 1em 0 0 0;
}

#CourseList.subBannerContainer > ul > li {
    margin: 0 0 2.2em 0;
}


/*********************************************************************************/


/* Quote                                                                 */


/*********************************************************************************/


/*#Quote {	background: url('/media/1102/quote.png') top left no-repeat;}	#Quote p {		font-style: italic;		line-height: 1.8em;		text-align: left;		color: #7877c1;		font-weight: 300;		margin: 0 0 1em 0;		font-size: 1.2em;	}			#Quote p span {			font-weight: 800;			font-style: normal;			font-size: .8em;		}	p span.Quote {		background: url('/media/1102/quote.png') top left no-repeat;		font-style: italic;		line-height: 1.4em;		text-align: left;		color: #7877c1;		font-weight: 300;		margin: 1em 0 1em 0;		font-size: 1.2em;		min-height: 63px;	  	display: block;		float: left;	}			p span.QuoteSource  {			  font-weight: 800;			  font-style: normal;			  font-size: .8em;			  color: #7877c1;			  position: relative;			  top: -1.5em;			  float: right;		}*/

#Quote {
    background: url('/media/16250/quoteblue.png') top left no-repeat;
}

#Quote p {
    line-height: 1.8em;
    text-align: left;
    color: #00539f;
    font-weight: 300;
    margin: 0 0 1em 0;
    font-size: 1.2em;
}

#Quote p span {
    font-weight: 800;
    font-style: normal;
    font-size: .8em;
}

p span.Quote {
    background: url('/media/16250/quoteblue.png') top left no-repeat;
    font-style: italic;
    line-height: 1.4em;
    text-align: left;
    color: #00539f;
    font-weight: 300;
    margin: 0 0 1em 0;
    font-size: 1.2em;
    min-height: 63px;
    display: inline-block;
    /*float: left;*/
}

p span.QuoteSource {
    font-weight: 800;
    font-style: normal;
    font-size: .8em;
    color: #00539f;
    position: relative;
    top: -0.5em;
    line-height: 1.4em;
    /*float: left;*/
}


/*********************************************************************************/


/* Case Study                                                              */


/*********************************************************************************/

.clear {
    clear: both;
}

.casestudy {
    padding: 20px;
    border-radius: 25px 25px 25px 0;
    /*margin: 2.5em 0;*/
    margin-bottom: 2.5em;
    float: left;
    width: 100%;
    min-height: 13em;
}

.casestudy .casestudytext {
    position: relative;
    top: 0;
    float: left;
    max-width: 633px;
}

.casestudy .casestudytext a.readmore {
    display: block;
    float: right;
    padding: 0 0 0 60px;
    height: 47px;
    line-height: 47px;
    font-weight: bold;
    font-size: 120%;
}

.casestudy a.logo {
    border-radius: 20px 20px 20px 0;
    width: 160px;
    display: block;
    overflow: hidden;
    /*position: absolute;*/
    margin: 0 20px 0 0;
    padding: 2.5em 1em;
    min-height: 8em;
    float: left;
}

.casestudy.odd {
    border: 4px solid #40c6ea;
}

.casestudy.odd a.logo {
    border: 4px solid #00b3e3;
}

.casestudy a.logo img {
    width: 100%;
}

.casestudy.odd p {
    color: #00b3e3;
}

.casestudy.odd h3 {
    color: #00b3e3;
}

.casestudy.odd span,
.casestudy.even span {
    color: #808285;
    font-size: .85em;
    font-weight: 600;
}

.casestudy.odd .casestudytext a.readmore {
    background: url('/media/1105/more-blue.png') no-repeat bottom left;
    color: #00b3e3;
}

.casestudy.even {
    border: 4px solid #9895d1;
}

.casestudy.even a.logo {
    border: 4px solid #7572c1;
}

.casestudy.even p {
    color: #7572c1;
}

.casestudy.even .casestudytext a.readmore {
    background: url('/media/1104/more-purple.png') no-repeat bottom left;
    color: #7572c1;
}

.casestudy.even h3 {
    color: #7572c1;
}

.odd {
    color: #00b3e3;
}

.even {
    color: #7572c1;
}


/*********************************************************************************/


/* Video                                                         */


/*********************************************************************************/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    border: 8px solid #fff;
}

.video-containerBody {
    position: relative;
    padding-bottom: 57.25%;
    height: 0;
    overflow: hidden;
    margin: 0 0 1.5em 0;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-containerBody iframe,
.video-containerBody object,
.video-containerBody embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.fluidMedia {
    position: relative;
    padding-bottom: 36.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

/*********************************************************************************/


/* Calendar                                                          */


/*********************************************************************************/

.fc-row.fc-widget-header {
    height: 30px;
    background: #808285;
    color: #fff;
    font-weight: 600;
}

.fc-content {
    padding: .2em;
    cursor: pointer;
}

.fc-center h2 {
    color: #808285;
}

#calendar {
    margin: 2em 0 0 0;
}

section.EventDetails {
    margin: 0 0 0 0;
}

section.EventDetails .container {
    padding-right: 2em!important;
}

.EventDetails h1 {
    font-size: 2.5em;
    line-height: 1em;
}

.EventDetails h2 {
    font-size: 2em;
    line-height: 1.2em;
    margin: 0 0 .2em 0;
}

.EventDetails p {
    margin: 0;
}

.EventDetails hr {
    margin-top: 1em;
}

.EventDetails fieldset {
    color: #808285;
    line-height: 1.6em;
    margin: 0 0 1em 0;
}

.EventDetails fieldset legend {
    color: #00539f;
    font-weight: 600;
}

.EventDetails fieldset p:nth-child(n+4) {
    text-transform: uppercase;
}

.EventDetails fieldset p:nth-child(2n+1) {
    font-weight: 600;
}

ul#catList li {
    float: left;
    padding: 0 1em 0 0;
}

ul#catList {
    margin: 0;
    padding: 0;
}

ul#catList li a {
    background: url('/media/1192/icon_arrowbullettribalblue.png') no-repeat 0 6px!important;
    padding: 0 0 0 1.4em;
    display: inline-block;
    color: #00539f!important;
}

.FilterList {
    padding: 0;
}


/*********************************************************************************/


/* Text Arrows                                                        */


/*********************************************************************************/

.TextArrowTribalBlue {
    background: url('/media/1192/icon_arrowbullettribalblue.png') no-repeat 0 6px!important;
    padding: 0 0 0 1.4em;
    display: inline-block;
    clear: both;
}

.TextArrowTribalTeal {
    background: url('/media/1186/icon_arrowbullettribalteal.png') no-repeat 0 6px!important;
    padding: 0 0 0 1.4em;
    display: inline-block;
    clear: both;
    color: #0098aa;
}

.TextArrowPink {
    background: url('/media/1185/icon_arrowbulletpink.png') no-repeat 0 6px!important;
    padding: 0 0 0 1.4em;
    display: inline-block;
    clear: both;
    color: #e51d9b;
}

.TextArrowDarkGreen {
    background: url('/media/1187/icon_arrowbulletdarkgreen.png') no-repeat 0 6px!important;
    padding: 0 0 0 1.4em;
    display: inline-block;
    clear: both;
    color: #009661;
}

.TextArrowDarkPurple {
    background: url('/media/1191/icon_arrowbulletdarkpurple.png') no-repeat 0 6px!important;
    padding: 0 0 0 1.4em;
    display: inline-block;
    clear: both;
    color: #9325b2;
}

.TextArrowLightGreen {
    background: url('/media/1188/icon_arrowbulletlightgreen.png') no-repeat 0 6px!important;
    padding: 0 0 0 1.4em;
    display: inline-block;
    clear: both;
    color: #77b800;
}

.TextArrowLightPurple {
    background: url('/media/1189/icon_arrowbulletlightpurple.png') no-repeat 0 6px!important;
    padding: 0 0 0 1.4em;
    display: inline-block;
    clear: both;
    color: #7877c1;
}

.TextArrowLightBlue {
    background: url('/media/1190/icon_arrowbulletlightblue.png') no-repeat 0 6px!important;
    padding: 0 0 0 1.4em;
    display: inline-block;
    clear: both;
    color: #00b8e4;
}

.TribalCheckContainer {
    width: 400px;
    margin: .5em 0 0 0;
    clear: both;
}

.TribalCheckContainer label {
    float: left;
}

.TribalCheck {
    float: right;
}

.TribalCheck input[type="checkbox"] {
    display: none;
}

.TribalCheck input[type="checkbox"] + label {
    display: inline-block;
    width: 42px;
    height: 38px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url('/media/1172/icon_checkbox.png') left top no-repeat;
    cursor: pointer;
}

.TribalCheck input[type="checkbox"] + label:hover {
    background: url('/media/1172/icon_checkbox.png') -46px top no-repeat;
}

.TribalCheck input[type="checkbox"]:checked + label {
    background: url('/media/1172/icon_checkbox.png') -88px top no-repeat;
}

.TribalCheck input[type="checkbox"]:checked + label:hover {
    background: url('/media/1172/icon_checkbox.png') -134px top no-repeat;
}


/*********************************************************************************/


/* Back to Top Arrow                                                                         */


/*********************************************************************************/

#back-top {
    position: fixed;
    bottom: 0;
    right: 0;
	z-index: 1010101;
}

#back-top a {
    width: 108px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#back-top a:hover {
    color: #000;
}


/* arrow icon (span tag) */

#back-top span {
    width: 75px;
    height: 75px;
    display: block;
    margin-bottom: 7px;
    background: rgba(0, 83, 159, 0.1) url('/media/1239/up-arrow.png') no-repeat center center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#back-top a:hover span {
    background-color: #00539f;
}


/*********************************************************************************/


/* Modules                                                                      */


/*********************************************************************************/

#ModuleWidget img {
    padding: 0 8em .8em 2em;
    vertical-align: baseline;
}

#ModuleWidget ul {
    width: 100%;
    float: left;
}

#ModuleWidget ul li {
    max-width: 16em;
    min-height: 12em;
    margin: 0 1em 1em 0;
    padding: .7em;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    line-height: 1.3em;
}

#ModuleWidget ul li h3 {
    color: #808285;
    font-size: 1.2em;
}

#ModuleWidget ul li h3:hover {
    color: #00b8e4;
    text-decoration: none;
}

#ModuleWidget ul li h3:after {
    content: '';
    border-bottom: 2px solid #808285!important;
    width: 50%;
    display: block;
    padding: .5em 0;
    margin: 0 0 1em 0;
}

#ModuleWidget ul li h3:hover:after {
    content: '';
    border-bottom: 2px solid #00b8e4!important;
    width: 50%;
    display: block;
    padding: .5em 0;
}

#ModuleWidget ul li ul {
    margin: 0;
    display: inline-block;
    width: 100%;
}

#ModuleWidget ul li ul:before,
#ModuleWidget ul li ul:hover:before {
    content: '\00bb';
    position: relative;
    left: .8em;
    float: left;
    padding: 0 1.4em 0 0;
    margin: 0;
}

#ModuleWidget ul li ul li {
    min-height: 0em;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    float: left;
    max-width: 12em;
}

#ModuleWidget ul li ul li a {
    font-size: .95em;
    color: #004a98;
    cursor: pointer;
    text-decoration: none;
}

#ModuleWidget ul li ul li a:hover,
#ModuleWidget ul li ul:hover:before {
    text-decoration: none;
    color: #00b8e4;
}


/*				#ModuleWidget ul li ul li a:before, #ModuleWidget ul li ul li a:hover:before { 						content: '\00bb';						border-bottom: none!important;						position: relative; 						left: -.8em;												}*/

#ModuleWidget ul li h3 h3:after,
#ModuleWidget ul li h3 h3:hover:after {
    border-bottom: none!important;
    margin: 0;
}

.navbarContent.tab {
    margin: 0 0 3em 0;
}

.tab-content img {
    vertical-align: top!important;
    margin: 0 .7em 0 0;
    padding: 0!important;
}


/*********************************************************************************/


/* Text Page Graphic                                                                     */


/*********************************************************************************/

.TextPageGraphicContainer {
    background: url('/media/16264/product_graphic_bg.png') no-repeat center center;
    padding: 0;
    width: 100%;
    height: 570px;
    position: relative;
    top: 50px;
    margin: 0 0 5em 0;
}

.CenterImage {
    width: 182px;
    position: absolute;
    top: 185px;
    left: 358px;
}

.TextPageGraphicWidget {
    max-width: 20em;
    height: 13em;
    float: left;
    padding: .5em 1em;
    transition: all .2s ease-in-out;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}

.TextPageGraphicWidget.Blue {
    background: rgb(120, 119, 193);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(120, 119, 193, 1) 0%, rgba(0, 184, 228, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(120, 119, 193, 1)), color-stop(100%, rgba(0, 184, 228, 1)));
    background: -webkit-linear-gradient(left, rgba(120, 119, 193, 1) 0%, rgba(0, 184, 228, 1) 100%);
    background: -o-linear-gradient(left, rgba(120, 119, 193, 1) 0%, rgba(0, 184, 228, 1) 100%);
    background: -ms-linear-gradient(left, rgba(120, 119, 193, 1) 0%, rgba(0, 184, 228, 1) 100%);
    background: linear-gradient(to right, rgba(120, 119, 193, 1) 0%, rgba(0, 184, 228, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7877c1', endColorstr='#00b8e4', GradientType=1);
}

.TextPageGraphicWidget.Green {
    background: #009661;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTY2MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3N2I4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #009661 0%, #77b800 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #009661), color-stop(100%, #77b800));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #009661 0%, #77b800 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #009661 0%, #77b800 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #009661 0%, #77b800 100%);
    /* IE10+ */
    background: linear-gradient(to right, #009661 0%, #77b800 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#009661', endColorstr='#77b800', GradientType=1);
    /* IE6-8 */
}

.TextPageGraphicWidget.Purple {
    background: #9325b2;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzMjViMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNTFkOWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #9325b2 0%, #e51d9b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #9325b2), color-stop(100%, #e51d9b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #9325b2 0%, #e51d9b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #9325b2 0%, #e51d9b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #9325b2 0%, #e51d9b 100%);
    /* IE10+ */
    background: linear-gradient(to right, #9325b2 0%, #e51d9b 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9325b2', endColorstr='#e51d9b', GradientType=1);
    /* IE6-8 */
}

.TextPageGraphicWidget {
    max-width: 20em;
    height: 13em;
    float: left;
    padding: .5em 1em;
    transition: all .2s ease-in-out;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}

.TextPageGraphicWidget .Blue {
    background: rgb(120, 119, 193);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(120, 119, 193, 1) 0%, rgba(0, 184, 228, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(120, 119, 193, 1)), color-stop(100%, rgba(0, 184, 228, 1)));
    background: -webkit-linear-gradient(left, rgba(120, 119, 193, 1) 0%, rgba(0, 184, 228, 1) 100%);
    background: -o-linear-gradient(left, rgba(120, 119, 193, 1) 0%, rgba(0, 184, 228, 1) 100%);
    background: -ms-linear-gradient(left, rgba(120, 119, 193, 1) 0%, rgba(0, 184, 228, 1) 100%);
    background: linear-gradient(to right, rgba(120, 119, 193, 1) 0%, rgba(0, 184, 228, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7877c1', endColorstr='#00b8e4', GradientType=1);
}

.TextPageGraphicWidget:hover {
    transform: scale(1.3);
}

.TopRight,
.Right,
.BottomRight {
    float: right;
}

.TextPageGraphicWidget.Center {
    left: 12em;
    position: relative;
    width: 20em;
}

.TopSet {
    padding: 0 5em;
    top: -3em;
    position: relative;
    width: 100%;
    float: left;
}

.CenterSet {
    position: relative;
    top: -1em;
    width: 109%;
    left: -2.7em;
    float: left;
}

.BottomSet {
    position: relative;
    top: 1em;
    padding: 0 5em;
    width: 100%;
    float: left;
}

.TextPageGraphicWidget p {
    display: inline-block;
    width: 100%;
    color: #fff;
}

.TextPageGraphicWidget h3 {
    color: #fff;
    margin: 0 0 .2em 0;
	font-size: 1.2em;
}

.TextPageGraphicWidget p img {
    width: 109px;
    height: 109px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.TextPageGraphicWidget p span {
    float: right;
    width: 60%;
    font-size: .75em;
    line-height: 1.3em;
}

.GraphicPageSubText {
    position: relative;
    margin: 11em 0 0 0;
}


/*********************************************************************************/


/* Filter List                                                                     */


/*********************************************************************************/

ul#catList li a {
    background: url('/media/1192/icon_arrowbullettribalblue.png') no-repeat 0 6px!important;
    padding: 0 0 0 1.4em;
    clear: both;
    cursor: pointer;
}


/*********************************************************************************/


/* Shop Products                                                                     */


/*********************************************************************************/

.ProductPreview h3 {
    font-size: 1.5em;
    /* min-height: 6em;*/
}

.ProductPreview p {
    font-weight: 800;
    color: #e51d9b;
}

.ProductPreview {
    margin: 1em 1em 3em 1em;
    display: inline-block;
    width: 29%;
    vertical-align: top;
}


/*********************************************************************************/


/* Courses                                                                     */


/*********************************************************************************/

#CourseList ul {
    display: table;
}

#CourseList ul > li a {
    display: table-row;
    font-weight: 300;
}

#CourseList ul > li a:before {
    content: '\00bb ';
    display: table-cell;
    text-align: left;
    color: #00539f;
    padding: 0 .5em 0 0;
}

a.BackButton {
    background: url('/media/1148/icon_arrowleft.png') left center no-repeat;
    width: 100%;
    height: auto;
    border: none;
    min-height: 92px;
    display: block;
    cursor: pointer;
    margin-top: 1em;
}

a.BackButton:hover {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

.EventDetails img {
    float: right;
    width: 40%;
}

.disclaimerBox {
		background-color: #FDFCFC;
  		border: solid 1px #F5F5F5;
		padding: 1em;
		height: 300px;
		overflow: auto;
		margin: 3em 0 1em 0;
		color: #47494C;
		}