/* HTML Tag Redefinition */

html, body {height: 100%;  }
html { overflow-y: scroll; }
body {/* customize_background */ background-color: #F5F5F5; /* customize_background */ padding: 0px; margin: 0px;  }
img {border: 0px}
a { cursor:pointer}
a:active{outline: none;}

fieldset { border:1px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

/* DEFAULTS */

body {
	background-color: #BABABA;
	font-family: 'helvetica', sans-serif;
}

.error {
	color: red;
	border: solid 2px red;
	padding: 5px;
}

/*Form Elements & Tables*/


#row_content input[type='text']:focus{
    border:1px solid #256eb8;
    box-shadow: inset 0 0 5px 3px #f8f4f6;
}

#row_content>table {
    padding-top: 10px;
    padding-bottom: 10px;
}

#row_content td {
    padding: 10px;
    border: 0;
}

#row_content tr:nth-child(odd) {
    background-color: #d4d2d2;
}

/* Foundry layout */

/*
------------------------------------------------------------------------
header_menu_main
*/

#row_carousel {
	position: relative;
	height: 100px;
	background-color:  #3e3c3c;
}

#header_menu_main {
	width: 1200px;
	margin: auto;
	padding: 0 0;
	line-height: 60px;
	height: 60px;
	font-size: 18px;
	color: #fff;
	z-index: 20;
	overflow: visible;
}

#row_carousel {
	/*changed from display none, which is just mental. what the hell, why would you write a media query backwards?! (see below)*/
	display: block;
}

.parallax{
/*background-position: center 0px;*/
}

#header_wrapper {
	position: relative;
	background-color: black;
}

@media only screen and (min-width: 1250px) {
	#header_menu_main {
		position: absolute;
		top: 17px;
		left: 50%;
		margin-left: -600px;
	    background-image: url(images/patterns/darkdenim3.png);
		background-color: rgba(0,0,0,0.7);
	    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.8) inset;
		line-height: 60px;
		font-size: 18px;
		color: #fff;
		z-index: 20;
	}

	#row_carousel {
		display: block;
	}

	#header_wrapper {
		min-height: 100px;
		background-color: inherit;
	}

}

#header_menu_main a:link,
#header_menu_main a:visited {
	color: #fff;
}
#header_menu_main a.popup {
	background-image: url('images/header_menu_main_pulldown.png');
	background-repeat: no-repeat;
	background-position: center center;
	width: 10px;
	height: 60px;
	display: block;
	padding-left: 0px !important;
    padding-right: 7px !important;
}

#header_menu_main a.popup:hover {
	background-image: url('images/main-menu-arrow-yellow.png');
	background-repeat: no-repeat;
	background-position: center center;
}
#header_menu_main .link_home.active {
	border-right: solid 1px #191D1E;
	float: left;
	padding-top: 11px;
	height: 49px;
}
#header_menu_main .link_home>a {
	float: left;
	border-right: solid 1px #191D1E;
	padding-bottom: 14px;
        height: 60px;
}
#header_menu_main a.products {
	border-left: solid 1px #454649;
}
#header_menu_main .link {
	float: left;
	margin-right: 23px;
}
#header_menu_main .main_entry.active {
    font-size: 16px;
	color: #F9B41E;
}

#header_menu_main  span.active {
    font-size: 16px;
	color: #F9B41E;
	padding-left: 16px;
    padding-right: 6px;
}

#header_menu_main .main_entry:hover
{
	background-color: rgba(45, 45, 45, 0.94);
}

#header_menu_main .parent>a:link,
#header_menu_main .parent>a:visited {
	color: #F9B41E;
}

#header_menu_main .basket,
#header_menu_main .account {
	float: right;
	margin-left: 12px;
}
#header_menu_main .basket {
	margin-right: 12px;
}
#header_menu_main .search {
	float: right;
}
#header_menu_main .search input {
	border: 0;
	margin-top: 15px;
	width: 186px;
	padding-left: 28px;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	border-radius: 3px;
	background-image: url('images/header_menu_main_search.png');
	background-repeat: no-repeat;
	background-position: 5px center;
}

#header_menu_main a {
	transition: 0.2s;
	color: white;
	display: block;
}
#header_menu_main a:hover {
	text-decoration: none;
}
#header_menu_main ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#header_menu_main .main_entry {
	position: relative;
	float: left;
}
#header_menu_main .main_entry>a {
	font-size: 16px;
    padding-left: 16px;
    padding-right: 6px;
	display: block;
	float:left;
}

#header_menu_main .main_entry>a.noDrop {
    padding-right: 16px;
}

.main_entry span.noDrop {
    padding-right: 16px;
	padding-left: 16px;
}

#header_menu_main .main_entry>a:hover
{
color: #F9B41E;
}
#header_menu_main ul.main_popup {
	display: none;
	position: absolute;
	background-color: rgba(45, 45, 45, 0.94);
	width: 284px;
	padding: 0;
	font-size: 16px;
	line-height: 30px;
	top: 60px;
	z-index: 999;
}
#header_menu_main ul.main_popup.list {
	padding;
}
#header_menu_main ul.main_popup.list li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.9);
    border-top: 1px solid rgba(125, 125, 125, 0.94);
	height: 47px;
	overflow: hidden;
}
#header_menu_main ul.main_popup.list li:first-child {
	border-top: none;
}
#header_menu_main ul.main_popup li:last-child {
	border-bottom: none;
}
#header_menu_main ul.main_popup a {
	height: 100%;
	padding: 7px 10px;
	border-left: solid 5px rgba(0,0,0,0);
}

#header_menu_main div.account img
{
	vertical-align: middle;
}

#header_menu_main div.basket img
{
	vertical-align: middle;
}

#header_menu_main ul li.link_home
{
	height: 60px;
}

#header_menu_main ul li.link_home a 
{
	height:60px;
	padding-top:0px;
	padding-bottom:0px;
}

#header_menu_main ul li.link_home a img
{
	vertical-align: middle;
}

#row_tab {
	background-color: #3D7886;
	border-bottom: solid 1px #D2D2D2;
	text-align: center;
	position: relative;
	margin-top: -60px;
	opacity: 0.9;
	-webkit-transition: opacity 0.3s ease-in-out;
	   -moz-transition: opacity 0.3s ease-in-out;
	    -ms-transition: opacity 0.3s ease-in-out;
	     -o-transition: opacity 0.3s ease-in-out;
	        transition: opacity 0.3s ease-in-out;
}

.row_tab_minimized{
	margin-top: 0px !important;
	opacity: 1.0 !important;
}

#header_menu_tab {
	width: 1200px;
	margin: 0 auto;
	/*padding: 0 20px;*/
	text-align: left;
	line-height: 60px;
	font-size: 17px;
	overflow: hidden;
	color: #fff;
}
#header_menu_tab .link_product {
	float: left;
	height: 60px;
	border-right: solid 1px #254952;
}
#header_menu_tab .link_product img {
	margin-top: 8px;
	margin-bottom: 8px;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	vertical-align: baseline;
}
#header_menu_tab .link_product a {
	color: #fff;
	display: block;
	padding: 0 10px;
}
#header_menu_tab .link {
	margin-right: 1px;
}
#header_menu_tab .link a {
	color: #fff;
	display: block;
	padding: 0 10px;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}
#header_menu_tab .link {
	float: left;
}
#header_menu_tab .children .link:first-child {
	border-left: solid 1px #478E9E;
}
#header_menu_tab .active {
	background-color: #254952;
	padding: 0 10px;
}
#header_menu_tab a:hover {
	text-decoration: none;
	background-color: #254952;
}

#row_breadcrumb, #row_filterbar {
	background-color: #e0e0e0;
	text-align: center;
	line-height: 15px;
	font-size: 15px;
	padding: 10px 0;
	overflow: auto;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #D3D3D3;
}
#row_filterbar {
	overflow: hidden;
}
#breadcrumb {
	width: 1200px;
	/*padding: 0 20px;*/
	margin: 0 auto;
	text-align: left;
}
#breadcrumb .link_home {
	float: left;
}
#breadcrumb .link {
	float: left;
	margin-left: 10px;
	border-left: solid 1px #898989;
	padding-left: 10px;
}
#breadcrumb a {
	color: #898989;
}
#breadcrumb .active {
	color: #3C7885;
	cursor: default;
}
#breadcrumb a:hover {
	text-decoration: none;
}

#row_toc {
	background-color: #E8E8E8;
	text-align: center;
	padding: 30px 0;
}
#header_menu_toc {
	width: 1200px;
	margin: 0 auto;
	/*padding: 0 20px;*/
	text-align: left;
}
#header_menu_toc .header {
	font-family: open-sans-light;
	font-size: 38px;
	line-height: 46px;
	color: #3D7886;
	margin-bottom: 20px;
}
#header_menu_toc .menu {
	overflow: auto;
}
#header_menu_toc a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    color: #212121;
    display: block;
    float: left;
    font-family: open-sans-light;
    font-size: 17px;
    line-height: 20px;
    margin: 4px;
    padding: 10px;
    -webkit-transition: all 0.15s ease;
       -moz-transition: all 0.15s ease;
        -ms-transition: all 0.15s ease;
         -o-transition: all 0.15s ease;
            transition: all 0.15s ease;
}

#header_menu_toc a:hover{
	background: rgba(255,255,255,1.0);
	text-decoration: none;
	box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.1);
}

#notfooter {
	background-color: #f8f8f8;
	overflow: auto;
}
#row_content {
    width: 100%;
	border-top: solid 1px #fff;
	text-align: center;
}
#central {
	width: 1200px;
	margin: 0 auto;
	/*padding: 0 20px;*/
	text-align: left;
	position: relative;
}


#sidebar {
	width: 285px;
	float: right;
}

#body {
	width: 895px;
	float: left;
}

body.even_column_design #sidebar{
    width: 590px;
}
body.even_column_design #body{
    width: 590px;
}

/*
---------------------------------------------------------------------------
BLOCKTYPES
*/

.row_carousel>.i {
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	padding: 0;
	overflow: auto;
	z-index: 5;
}
#header_carousel_outer .row_carousel {
	position: absolute;
	top: 0;
	width: 100%;
}

.row_carousel>.i>.i {
	width: 1200px;
	height: 430px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	position: relative;
}
.row_carousel .overlay {
	clear: left;
	padding: 18px 23px 78px 23px;
	margin-top: 93px;
	width: 571px;
	max-height: 222px;
	float: left;
	text-align: left;
	position: relative;
}
.row_carousel .overlay,
.row_carousel .overlay.dark_image {
	background-color: rgba(255,255,255,0.5);
	color: #000;
}
.row_carousel .overlay.light_image {
	background-color: rgba(255,255,255,0.5);
	color: #000;
}
.row_carousel .heading {
	line-height: 40px;
	font-size: 38px;
	font-family: open-sans-light;
	font-weight: 400;
}
.row_carousel .text {
	line-height: 20px;
	font-size: 17px;
	margin-top: 10px;
	font-weight: 300;
}
.row_carousel .readmore {
	position: absolute;
	bottom: 20px;
	padding: 10px 20px;
	background-color: #3D7886;
	font-size: 17px;
	line-height: 20px;
	font-weight: 200;
	border-radius: 3px;
}
.row_carousel .readmore a {
	color: #fff;
	border-radius: 3px;
}
.row_carousel .creditsbox {
	background-color: rgba(0,0,0,0.25);
	width: auto;
	padding: 3px 4px;
	position: absolute;
	right: 0;
	bottom: 70px;
}
.row_carousel .control {
	display: block;
	float: left;
	position:absolute;
	bottom: 13px;
	font-size: 23px;
	display: none;
}
.row_carousel .previous {
	left: 11px;
}
.row_carousel .pause {
	left: 37px;
}
.row_carousel .next {
	left: 63px;
}
.row_carousel .creditsbox a {
	color: white;
}
.row_carousel .credits {
	color: #fff;
	font-size: 8px;
}

#header_carousel_outer .row_carousel {
	display: none;
}
#header_carousel_outer .row_carousel.current {
	display: block;
}

.header_carousel_import {
	color: white;
	background-color: black;
}

.df_sidebar_menu {
	background-color: #F4F2F2;
	border: solid 1px #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset;
	line-height: 22px;
	font-size: 15px;
	list-style: none;
	margin: 0;
	border-radius: 3px;
}
.df_sidebar_menu+.df_sidebar_menu {
	border-top: none;
}
.df_sidebar_menu a:link,
.df_sidebar_menu a:visited {
	text-decoration: none;
	color: #525252;
	display: block;
	padding: 10px 14px;
}

.df_sidebar_menu a:hover{
	text-decoration: none;
	color: #525252;
	background: rgba(0,0,0,0.03);
	-webkit-transition: all 0.17s ease;
	   -moz-transition: all 0.17s ease;
	    -ms-transition: all 0.17s ease;
	     -o-transition: all 0.17s ease;
	        transition: all 0.17s ease;
}

.df_sidebar_menu strong{
	padding: 10px 14px;
	display: block;
	color: black;
	font-weight: 400;
}
.df_sidebar_menu strong>a:link,
.df_sidebar_menu strong>a:visited {
	padding: 0;
}

.df_sidebar_menu>ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/*added borders between menu items*/

.df_sidebar_menu>ul>li{
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #DBD9D9;
}

.df_sidebar_menu>ul>li:first-child{
	border-top: 0 !important;
}

.df_sidebar_menu>ul>li:last-child{
	border-bottom: 0 !important;
}
ul.sidebar_menu_subPages {
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0;
}
.df_sidebar_menu .sidebar_menu_subPage>a,
.df_sidebar_menu .sidebar_menu_subPage>strong {
	padding: 5px 14px 5px 24px;
}

.sidebar_menu {
	margin-top:20px;
	margin-bottom:20px;
}

/*OLD
.sidebar_menuheader {
	background-color: #F9B41B;
	text-align: center;
	line-height: 24px;
	font-size: 20px;
	border: solid 1px #fff;
	margin-top:20px
	margin-bottom:20px;
}
*/

.sidebar_menuheader {
    background-color: #F9B41B;
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    font-size: 20px;
    line-height: 24px;
    margin: 20px 0;
    text-align: center;
}

.sidebar_menuheader>ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sidebar_menuheader li {
	border-top: solid 1px #FEC64B;
	border-bottom: solid 1px #DC9F19;
	padding: 12px 0;
	background-image: url('images/sidebar_menuheader_hatch.png');
	text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.sidebar_menuheader li:first-of-type {
	border-top: none;
	background-image: none;
}
.sidebar_menuheader li:last-of-type {
	border-bottom: none;
}
.sidebar_menuheader a:link,
.sidebar_menuheader a:visited {
	text-decoration: none;
	color: #fff;
}

.sidebar_menu_custom {
	margin-top:20px
	margin-bottom:20px;
}
.sidebar_menu_custom ul {
	margin: 0;
	padding: 0;
}
.sidebar_menu_custom li{
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #DBD9D9;
}

.sidebar_menu_custom li:first-child{
	border-top: 0 !important;
}

.sidebar_menu_custom li:last-child{
	border-bottom: 0 !important;
}

.menuTitle {
	color: #3D7886;
	font-size: 18px;
	line-height: 22px;
	padding: 10px 14px;
}

.sidebar_menu_reverse li {
	padding-left: 1em;
}


/*
--------------------------------------------------------------------------------
	image_fullwidth
*/

.image_fullwidth {
	background-color: #fff;
	padding: 3px;
	box-shadow: 0 0 8px #ccc;
	margin-top:20px
	margin-bottom:20px;
}
.image_fullwidth_credit {
	font-size: 12px;
	line-height: 14px;
}

#sidebar .image_fullwidth {
	background-color: inherit;
	padding: 0;
	box-shadow: none;
}
#sidebar .image_fullwidth_credit {
	font-size: 10px;
	line-height: 12px;
}

/*
--------------------------------------------------------------------------------
	main_article_listing
*/

.main_article_listing {
	overflow: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.main_article_listing .paginator {
	clear: left;
}

.main_article_listing .m_gallery,
.main_article_listing .w_gallery {
	margin-top: 20px;
}
.main_article_listing .m_gallery .article,
.main_article_listing .w_gallery .article {
	background-image: url('images/trapezoid-shadow-regular.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 20px;
	float: left;
	margin-left: 20px;
	position: relative;
}
.main_article_listing .m_gallery .article.row,
.main_article_listing .w_gallery .article.row {
	clear: left;
	margin-left: 0;
}
.main_article_listing .m_gallery .article>.i,
.main_article_listing .w_gallery .article>.i {
	width: 285px;
	height: 160px;
	background-color: #000;
	overflow: hidden;
	position: relative;
}
.main_article_listing .m_gallery .article>.i>img,
.main_article_listing .w_gallery .article>.i>img {
	position: absolute;
	top: 80px;
}
.main_article_listing .m_gallery .article>.i>a,
.main_article_listing .w_gallery .article>.i>a {
    background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.4);
    bottom: 0;
    color: #000000;
    left: 0;
    padding: 8px;
    position: absolute;
    width: 269px;
}

.main_article_listing .m_listing_graphics,
.main_article_listing .m_listing_verbose {
	margin-top: 20px;
}
.main_article_listing .m_listing_graphics .article,
.main_article_listing .m_listing_verbose .article {
	clear:both;
	overflow: auto;
	margin-bottom: 20px;
}
.main_article_listing .m_listing_graphics .listingImage,
.main_article_listing .m_listing_verbose .listingImage {
	float: left;
	margin-right: 20px;
	background-image: url('images/trapezoid-shadow-regular.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}
.main_article_listing .m_listing_verbose .listingImage {
	position: relative;
}
.main_article_listing .m_listing_graphics .listingImage>.i,
.main_article_listing .m_listing_verbose .listingImage>.i {
	width: 285px;
	height: 113px;
	background-color: black;
	overflow: hidden;
	position: relative;
}
.main_article_listing .m_listing_graphics .listingImage>.i>img,
.main_article_listing .m_listing_verbose .listingImage>.i>img {
	position: absolute;
	top: 56px;
}
.main_article_listing .m_listing_verbose .date {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 55px;
	padding: 7px 0;
	text-align: center;
	background-color: rgba(255,255,255,0.7);
	color: #000;
}
.main_article_listing .m_listing_verbose .year {
	font-family: 'open-sans-bold';
	font-size: 20px;
}
.main_article_listing .m_listing_graphics .title,
.main_article_listing .m_listing_verbose .title {
	font-size:24px;
	line-height:22px;
	margin-bottom: 10px;
}

.main_article_listing .m_listing_text {
	margin-top: 20px;
	margin-bottom: 20px;
}
.main_article_listing .m_listing_text .title {
	font-size:24px;
	line-height:22px;
}
.main_article_listing .m_listing_text .article {
	margin-bottom: 20px;
}

.main_article_listing .s_gallery {
	margin-top: 20px;
}
.main_article_listing .s_gallery .article {
	margin-bottom: 20px;
}
.main_article_listing .s_gallery .thumbnail {
	background-image: url('images/trapezoid-shadow-regular.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}
.main_article_listing .s_gallery .thumbnail>.i {
	width: 285px;
	height: 113px;
	overflow: hidden;
	position: relative;
	background-color: #000;
}
.main_article_listing .s_gallery .thumbnail>.i>img {
	position: absolute;
	top: 56px;
}
.main_article_listing .s_gallery a.title {
	color: black;
	margin-top: -10px;
	display: block;
}

.main_article_listing .s_text {
	background-color: #F4F2F2;
	border: solid 1px #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset;
	line-height: 22px;
	font-size: 15px;
	/*margin-top: 10px;*/
	/*margin-bottom: 10px;*/
}
.main_article_listing .s_text a:link,
.main_article_listing .s_text a:visited {
	text-decoration: none;
	color: #525252;
	display: block;
	padding: 10px 14px;
}

.main_article_listing .s_text a:hover {
	text-decoration: none;
	color: #525252;
	background: rgba(0,0,0,0.03);
	-webkit-transition: all 0.17s ease;
	   -moz-transition: all 0.17s ease;
	    -ms-transition: all 0.17s ease;
	     -o-transition: all 0.17s ease;
	        transition: all 0.17s ease;
}
.main_article_listing .s_text .article {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #DBD9D9;
}
.main_article_listing .s_text .article:first-child{
	border-top: 0 !important;
}

.main_article_listing .s_text .article:last-child{
	border-bottom: 0 !important;
}


/*
--------------------------------------------------------------------------------
	main_carousel
*/


.main_carousel {
	background-color: #fff;
	padding: 3px;
	box-shadow: 0 0 8px #ddd;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}
.main_carousel .frames {
	overflow: hidden;
	height: 500px;
	background-color: #3E3C3C;
	position: relative;
}
.main_carousel .frame {
	position: absolute;
	top: 250px;
	height: 500px;
	display: none;
}
.main_carousel .frame.init {
	display: block;
}
.main_carousel .overlay {
	background-color: rgba(255,255,255,0.6);
	position: absolute;
	bottom: 3px;
	width: 869px;
/*	height: 78px; */
	padding: 3px 10px;
}
.main_carousel .link {
	margin-right: 5px;
	float: left;
}
.main_carousel .link a {
	border: solid 2px rgba(0,0,0,0);
	display: block;
	height: 59px;
	width: 105px;
	overflow: hidden;
	position: relative;
}
.main_carousel .link.active a,
.main_carousel .link a:hover {
	border-color: #fff;
}
.main_carousel .link>a>img {
	position: absolute;
	top: 29px;
}
.main_carousel .author {
	display: none;
	position: absolute;
	width: 186px;
	height: 63px;
	right: 10px;
	bottom: 0;
	z-index: 10;
	font-size: 12px;
	line-height: 14px;
	text-align: right;
}
.main_carousel .author.init {
	display: table;
}
.main_carousel .author>.i {
	display: table-cell;
	vertical-align: middle;
}
.main_carousel .imageCredit {
	font-family: open-sans-semi-bold;
}

/*
--------------------------------------------------------------------------------
	main_casestudy_four
*/


.main_casestudy_four {
	overflow:auto;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	box-shadow: 0 0 8px #ddd;
	overflow: auto;
}
.main_casestudy_four .frames {
	background-color: #fff;
	width: 889px;
	height: 339px;
	overflow: hidden;
	padding: 3px 3px 0 3px;
	position: relative;
}
.main_casestudy_four .frame {
	display: none;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 889px;
	height: 339px;
	overflow:hidden;
}
.main_casestudy_four .image {
	background-color: black;
	height: 339px;
	position: relative;
}
.main_casestudy_four .image>img {
	position: absolute;
	top: 170px;
}
.main_casestudy_four .overlay {
	position: absolute;
	top: 0;
	right: 0;
	width: 374px;
	height: 339px;
	padding: 37px 53px 0 18px;
	background-color: rgba(0,0,0,0.66);
	color: #fff;
}
.main_casestudy_four .title {
	font-family: open-sans-light;
	font-size: 38px;
	line-height: 40px;
	margin-bottom: 17px;
}
.main_casestudy_four .quote {
	font-size: 17px;
	line-height: 20px;
	font-weight: 300;
}
.main_casestudy_four .readmore {
	margin-top: 23px;
}
.main_casestudy_four .readmore a {
	background-color: #3D7886;
	padding: 15px 20px;
	display: block;
	float:left;
	color: #fff;
	font-weight: 300;
	border-radius: 3px;
}
.main_casestudy_four .imageCredit {
	position: absolute;
	bottom: 9px;
	left: 18px;
	font-size: 12px;
	line-height: 14px;
}
.main_casestudy_four .menu {
	padding: 0 3px;
	overflow: auto;
	background-color: #fff;
}
.main_casestudy_four .menu .link {
	display: block;
	background-color: #fff;
	float: left;
	width: 201px;
	height: 18px;
	overflow: hidden;
	border-top: solid 3px rgba(0,0,0,0);
	padding: 3px 0;
	border-right: 1px solid #D3D3D3;
	padding: 5px 10px;
}
.main_casestudy_four .menu .link.active {
	border-top: solid 3px #F9B41B;
}
.main_casestudy_four .menu .link:nth-child(1) {
	width: 202px;
}
.main_casestudy_four .menu .link:nth-child(4) {
	border-right: none;
	width: 202px;
}
.main_casestudy_four .link a {
	display: block;
	color: #000;
}
.main_casestudy_four a:hover {
	text-decoration: none;
}

/*
--------------------------------------------------------------------------------
	main_casestudy_sixteen
*/


.main_casestudy_sixteen {
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #E1E1E1;
	box-shadow: 0 0 8px #E1E1E1;
	padding: 3px;
	border-radius: 3px;
	overflow: auto;
	position: relative;
}
.main_casestudy_sixteen .groups {
	position: relative;
	height: 129px;
}
.main_casestudy_sixteen .group {
	overflow: auto;
	margin-bottom: 3px;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.main_casestudy_sixteen .image {
	float: left;
	margin-right: 3px;
	overflow: hidden;
	background-color: #fff;
	padding: 3px;
	position: relative;
}
.main_casestudy_sixteen .image>.i {
	height: 120px;
	width: 214px;
	overflow: hidden;
	position: relative;
	background-color: #000;
}
.main_casestudy_sixteen .image:last-child {
	margin-right: 0;
}
.main_casestudy_sixteen .image>.i>img {
	position: absolute;
	top: 60px;
}
.main_casestudy_sixteen .overlay {
	position: absolute;
	background-color: rgba(0,0,0,0.6);
	width: 208px;
	bottom: 0;
	left: 0;
	padding: 3px;
	line-height: 18px;
	font-size: 14px;
	font-weight: 300;
	text-align: center;
}
.main_casestudy_sixteen .overlay a {
	color: #fff;
}
.main_casestudy_sixteen .menu {
	background-color: #fff;
	padding: 1px 0px;
	overflow:auto;
	clear: left;
}
.main_casestudy_sixteen .link {
	width: 222px;
	border-top: solid 1px #E6E6E6;
	border-bottom: solid 1px #E6E6E6;
	border-right: solid 1px #D3D3D3;
	margin-right: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
	background-color: #F3F3F3;
	color: #878787;
}
.main_casestudy_sixteen .link:first-child {
	width: 219px;
	margin-left: 1px;
	border-left: solid 1px #E6E6E6;
}
.main_casestudy_sixteen .link:last-child {
	width: 219px;
	border-right: none;
	margin-right: 0;
	border-right: solid 1px #E6E6E6;
}
.main_casestudy_sixteen .link a {
	color: #878787;
	margin-left: 16px;
}
.main_casestudy_sixteen .link.active {
	padding-bottom: 2px;
	border-bottom: solid 2px #F9B41B;
}
.main_casestudy_sixteen a:hover {
	text-decoration: none;
}

/*
--------------------------------------------------------------------------------
	main_content
*/

.main_content {
	margin-top: 20px;
	margin-bottom: 20px;
}

.main_content ul{
	padding-left: 14px;
}

.main_content ul li{
	padding-bottom: 14px;
}

/*
--------------------------------------------------------------------------------
	main_content_folding
*/

.main_content_folding {
	margin-top: 20px;
	margin-bottom: 20px;
}
.main_content_folding .close {
	display: none;
}
.main_content_folding .switcher {
	width: 245px;
	line-height: 44px;
	/*padding: 0 20px;*/
	background-color: black;
	color: white;
}
.main_content_folding .contentHidden {
	display: none;
}

/*
--------------------------------------------------------------------------------
	main_content_float
*/

.main_content_float {
	margin-top: 20px;
	margin-bottom: 20px;
}

.main_content_float.right_float>.image,
.main_content_float.right_column>.image {
	width: 285px;
	float: right;
	margin-left: 20px;
}
.main_content_float.right_half_float>.image,
.main_content_float.right_half_column>.image {
	width: 437px;
	float: right;
	margin-left: 20px;
}
.main_content_float.left_float>.image,
.main_content_float.left_column>.image {
	width: 285px;
	float: left;
	margin-right: 20px;
}
.main_content_float.left_half_float>.image,
.main_content_float.left_half_column>.image {
	width: 437px;
	float: left;
	margin-right: 20px;
}

.main_content_float.left_column>.content {
	width: 590px;
	float: right;
}
.main_content_float.left_half_column>.content {
	width: 437px;
	float: right;
}
.main_content_float.right_column>.content {
	width: 590px;
	float: left;
}
.main_content_float.right_half_column>.content {
	width: 437px;
	float: left;
}

#wide .main_content_float.left_half_float>.image,
#wide .main_content_float.left_half_column>.image,
#wide .main_content_float.right_half_float>.image,
#wide .main_content_float.right_half_column>.image {
	width: 584px;
	background-color: #fff;
	padding: 3px;
	box-shadow: 0 0 8px #ccc;
	margin-top: 3px;
	margin-bottom: 20px;
}
#wide .main_content_float.left_column>.content,
#wide .main_content_float.right_column>.content {
	width: 895px;
}
#wide .main_content_float.left_half_column>.content,
#wide .main_content_float.right_half_column>.content {
	width: 590px;
}

/*
--------------------------------------------------------------------------------
	main_faq
*/

.main_faq,
.main_faq_intro {
	margin-top: 20px;
	margin-bottom: 20px;
}
.main_faq .question,
.main_faq_intro .question {
	font-family: open-sans-semi-bold;
	font-size: 18px;
	line-height: 22px;
	cursor: pointer;
}
.main_faq .switch>img,
.main_faq_intro .switch>img {
	float: right;
	line-height: 22px;
	margin-top: 5px;
	margin-right: 32px;
	cursor: pointer;
}
.main_faq .answer,
.main_faq_intro .answer {
	width: 895px;
	margin-top: 42px;
	display: none;
}
.main_faq .answer>*:last-child,
.main_faq_intro .answer>*:last-child {
	margin-bottom: 0;
}

/*
--------------------------------------------------------------------------------
	main_link
*/

.main_link {
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: auto;
}
.main_link>.slot {
	width: 245px;
	float: left;
	margin-right: 4px;
}
.main_link>.right {
	margin-right: 0;
}
.main_link>.slot>a {
	display: block;
	text-align: center;
	padding: 13px 10px;
	background-color: #0A0A0A;
	color: white;
	font-size: 16px;
	font-weight: 400;
	border-radius: 3px;
	font-family: 'open-sans-light';
	text-shadow:1px 1px black;
	-webkit-transition: all .15s ease;
	   -moz-transition: all .15s ease;
	    -ms-transition: all .15s ease;
	     -o-transition: all .15s ease;
	        transition: all .15s ease;
}
.main_link>.slot>a:hover{
	text-decoration: none;
	opacity: 0.9 !important;
	/*color: #000; */
}
.main_link>.slot>a.colour1 {
	background-color: #0A0A0A;
}
.main_link>.slot>a.colour2 {
	background-color: #474747;
}
.main_link>.slot>a.colour3 {
	background-color: #4C4C4C;
}
.main_link>.slot>a.colour4 {
	background-color: #4C4C4C;
}

/*
--------------------------------------------------------------------------------
	main_ratecard_three
*/


.main_ratecard_three {
	margin-top: 20px;
	margin-bottom: 20px;
}

.ratecard{
    /*should be wider on template with no sidebar - should fit thirds
    Mobile size should degrade to vertical stacking
    */
    background-color: #FAFAFA;
    border: 1px solid #E7E7E7;
    box-shadow: 0 0 3px #ECECEC;
    margin-right: 11px;
    float:left;
    margin-bottom: 20px;
    /*margin: 10px 10px 10px 0;*/
    width: 285px;
    /*min-width: 33.3%;*/
}

.ratecard-header{
    /*nherits background color from product/section class*/
    background-color: #717171; /*Temporary*/
    padding-top: 12px;
    height: 58px;
}

.ratecard-header, .ratecard-subheading, .ratecard ul, .ratecard-footer{
    padding-left: 10px;
}

.ratecard-subheading{
    background-color: #f0f0f0;
    padding-top: 14px;
    padding-bottom: 5px;
}

.ratecard-subheading p{
    font-size: 19px;
    font-family: "open-sans-light";
}

.ratecard ul{
    border-bottom: 1px solid #E8E6E6;
    color: #979797;
    font-family: "open-sans-regular";
    font-size: 1em;
    margin-bottom: 0;
    padding: 0 25px 14px 31px;
    height: 165px;
}

.ratecard ul li{
	padding-bottom: 8px;
}

.ratecard-footer{
    background-color: #f6f6f6;
    color:#000;
    font-family: "open-sans-semi-bold";
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #fffdfd;
}

.price-intro{
    font-size: 0.733em;
    color: #7d7d7d;
    vertical-align: middle;
}

/*
--------------------------------------------------------------------------------
	main_testimonial
*/

.main_testimonial_single {
	background-image: url("images/quotemarks.png");
    background-position: 0 30px;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 19px;
    pa
	font-family: "open-sans-light";
}
.main_testimonial_single>.i {
	font-family: "open-sans-light";
	padding: 17px 17px 17px 63px;
	position: relative;

}
.main_testimonial_single .quote {
	font-size: 21px;
	color:#565656;
	line-height: 25px;
}
.main_testimonial_single .quote::after {
	content: '\0022';
}
.main_testimonial_single .author {
    font-size: 17px;
    font-family: "open-sans-semi-bold";
    padding-top: 17px;
}
.main_testimonial_single .footer {
	position: absolute;
	width: 841px;
	height: 61px;
	bottom: 15px;
	overflow: auto;
        pointer-events: none;
}
.main_testimonial_single .footer>.i {
	padding-top: 15px;
}
.main_testimonial_single .icon {
	float: left;
}

/*
--------------------------------------------------------------------------------
	main_testimonial_four (extends .main_testimonial)
*/
.main_testimonial_four {
    background-image: url(images/trapezoid-shadow-wide.png);
    background-position: center bottom;
    background-repear: no-repeat;
    padding-bottom: 19px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.main_testimonial_four>.i {
	border: solid 1px #DBDBDB;
	background-color: #F4F2F2;
	position: relative;
	height: 235px;
}
.main_testimonial_four .frame {
	position: absolute;
	top: 0;
	left: 0;
	height:205px;
	padding: 15px 25px;
	display: none;
}
.main_testimonial_four .frame.active {
	display: block;
}
.main_testimonial_four .quote {
	font-size: 15px;
	line-height: 18px;
	max-height: 108px;
	overflow: hidden;
}
.main_testimonial_four .author {
	font-family: open-sans-semi-bold;
	font-size: 18px;
	line-height: 22px;
}
.main_testimonial_four .footer {
	position: absolute;
	width: 841px;
	border-top: solid 1px #E8E6E6;
	height: 61px;
	bottom: 15px;
	overflow: auto;
}
.main_testimonial_four .footer>.i {
	border-top: solid 1px #fff;
	padding-top: 15px;
}
.main_testimonial_four .icon {
	float: left;
}
.main_testimonial_four .nav {
	margin-top: 15px;
	float: right;
}
.main_testimonial_four .nav img {
	margin-left: 3px;
}

/*
--------------------------------------------------------------------------------
	main_video_inline
*/

.main_video_inline {
	background-color: #fff;
	padding: 3px;
	box-shadow: 0 0 8px #ccc;
	margin-top: 20px;
	margin-bottom: 20px;
}

/*
--------------------------------------------------------------------------------
	main_video_modal
*/

.main_video_modal {
	margin-top: 20px;
	margin-bottom: 20px;
}

/*
--------------------------------------------------------------------------------
	main_video_multi
*/

.main_video_multi {
	margin-top: 20px;
	margin-bottom: 20px;
}
.main_video_multi a:link,
.main_video_multi a:visited {
	color: black;
}
.main_video_multi .video {
	width: 285px;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
}
.main_video_multi .video:first-child {
	margin-left: 0;
}
.main_video_multi .row {
	overflow: auto;
}
.main_video_multi.unfoldable .other_rows{
	display: none;
}

.main_video_multi .title {
	/*margin-top: -10px;*/
	min-height: 36px;
	font-family: 'open-sans-light', 'helvetica',sans-serif;
}

.main_video_multi .thumbnail {
	background-image: url('images/trapezoid-shadow-regular.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}
.main_video_multi .thumbnail>.i {
	position: relative;
	height: 160px;
	overflow: hidden;
	background-color: #000;
}
.main_video_multi img.vimeo {
	position: absolute;
	top: 80px;
}
.main_video_multi .play_overlay {
	position: absolute;
	opacity: 0.92;
	filter: alpha(opacity=92);
	top: 53px;
	left: 108px;
	transition: all 0.2s;
}
.main_video_multi .play_overlay:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.main_video_multi .switch {
	height: 50px;
	width: 285px;
	position: relative;
}
.main_video_multi .switch>div {
	background-color: #0A0A0A;
	color: white;
	padding: 16px 10px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

.main_video_multi.unfoldable .switch>.open {
	display: block;
}
.main_video_multi.unfoldable .switch>.close {
	display:none;
}

.main_video_multi.foldable .switch>.open {
	display: none;
}
.main_video_multi.foldable .switch>.close {
	display:block;
}


/*
--------------------------------------------------------------------------------
	main_toc_anchor
*/
a.main_toc_anchor {
	display: block;
	line-height: 1px;
	height: 1px;
	margin-top: -21px;
}
a.main_toc_anchor:first-child {
	margin-top: -1px;
}

/*
--------------------------------------------------------------------------------
	sidebar_prices
*/

.sidebar_prices {
	border: 1px solid #fff;
	background-color: #F4F2F2;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.07) inset;
	position: relative;
	/*padding: 1px 1px 0 1px;*/
	margin-top:20px;
	margin-bottom:20px;
	border-radius: 3px;
}

.sidebar_prices .row:first-child{
	border-bottom: 1px solid #DBD9D9;
}

.sidebar_prices .row:last-child{
	border-top: 1px solid #FFF;
}

.sidebar_prices .row {
	/*background-color: #F4F2F2;*/
	box-shadow: inset 0 -1px 5px rgba(128,128,128,0.05);
	padding: 14px;
	overflow: auto;
        margin-left: 0px;
        margin-right: 0px;
}

.sidebar_prices .logo {
	float: left;
}

.sidebar_prices .logo img{
	height: 45px;
}

.sidebar_prices .version {
	float: right;
	line-height: 45px;
	font-family: 'open-sans-light';
	font-size: 19px;
}
.sidebar_prices .price {
	float: left;
	font-family: 'open-sans-bold';
	font-size: 21px;
	line-height: 25px;
}
.sidebar_prices .pulldown {
	display: none;
	padding: 10px;
	font-family: 'open-sans-light';
	text-align: right;
	clear:both;
}
.sidebar_prices .platforms {
	float: right;
}
.sidebar_prices .platform {
	float: right;
	margin-top: 2px;
	margin-left: 5px;
}

#row_footer {
	color: #ffffff;
	background-color: #BABABA;
	text-align: center;
	line-height: 50px;
	font-size: 13px;
}
#row_footer a {
	color: #ffffff;
}
#footer_menu {
	width: 1200px;
	margin: 0 auto;
/*	padding: 0 20px;*/
	text-align: left;
	overflow: auto;
}
#footer_menu img.f_dot {
	float: left;
	margin-top: 9px;
}
#footer_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer_menu li {
	float: left;
	margin-left: 17px;
}
#footer_menu a.social {
	display: block;
	float: right;
	margin-top: 13px;
	margin-left: 10px;
}

/*
------------------------------------------------------------------------
Colour Definitions (grouped together to make updating easier
------------------------------------------------------------------------
*/

/* -------------------------------------------------- */
/* default - */
#header_menu_main ul.main_popup a.app_default {
	border-color: #f9b41b;
	padding-top: 15px;
}

#header_menu_main ul.main_popup a.app_default:hover {
	background-color: #f9b41b;
}
.c_default h1,
.c_default #header_menu_toc .header,
.c_default #breadcrumb .active
{ color: #0A0A0A; }

.c_default h2
{ color: #474747; }

.c_default h3
{ color: #4C4C4C; }

.c_default .row_carousel .readmore,
.c_default #row_tab
{ background-color: #f7b21b; }

.c_default #header_menu_tab .active,
.c_default #header_menu_tab a:hover
{ background-color: #c48d15; }

.c_default #header_menu_tab .link_product
{ border-right-color: #c48d15; }

.c_default #header_menu_tab .children .link:first-child
{ border-left-color: #ffc83c; }

.c_default .main_link>.slot>a.colour1 {
	background-color: #0A0A0A;
}
.c_default .main_link>.slot>a.colour2 {
	background-color: #474747;
}
.c_default .main_link>.slot>a.colour3 {
	background-color: #4C4C4C;
}
.c_default .main_link>.slot>a.colour4 {
	background-color: #dadada;
}
.c_default .main_content_folding .switcher {
	background-color: #0A0A0A;
}
.c_default .main_video_multi .switch>div {
	background-color: #0A0A0A;
}


/* aquamarine - MODO */

#header_menu_main ul.main_popup a.app_modo {
	border-color: #557684;
}

#header_menu_main ul.main_popup a.app_modo:hover {
	background-color: #557684;
}

.c_aquamarine .df_sidebar_menu a:hover {
	text-decoration: none;
	color: #525252;
	background: rgba(74,112,121,0.1);
}

.c_aquamarine h1,
.c_aquamarine #header_menu_toc .header,
.c_aquamarine #breadcrumb .active
{ color: #00555D; }

.c_aquamarine h2
{ color: #14616D; }

.c_aquamarine h3
{ color: #296C7A; }

.c_aquamarine .main_casestudy_four .readmore a {
	background-color: #557684;
}

.c_aquamarine .row_carousel .readmore,
.c_aquamarine #row_tab
{ background-color: #557684; }

.c_aquamarine #header_menu_tab .active,
.c_aquamarine #header_menu_tab a:hover
{ background-color: #435D69; }

.c_aquamarine #header_menu_tab .link_product
{ border-right-color: #435D69; }

.c_aquamarine #header_menu_tab .children .link:first-child
{ border-left-color: #5C808F; }

.c_aquamarine .main_link>.slot>a.colour1 {
	background-color: #557684;
}
.c_aquamarine .main_link>.slot>a.colour2 {
	background-color: #7096a5;
}
.c_aquamarine .main_link>.slot>a.colour3 {
	background-color: #88b5c7;
}
.c_aquamarine .main_link>.slot>a.colour4 {
	background-color: #a2d8ed;
}
.c_aquamarine .main_content_folding .switcher {
	background-color: #557684;
}
.c_aquamarine .main_video_multi .switch>div {
	background-color: #557684;
}

#header_menu_main ul.main_popup a.app_colorway {
        border-color: #0db3c6;
}

#header_menu_main ul.main_popup a.app_colorway:hover {
        background-color: #0db3c6;
}



/* -------------------------------------------------- */
/* blue - MARI */

#header_menu_main ul.main_popup a.app_mari {
	border-color: #476997;
}

#header_menu_main ul.main_popup a.app_mari:hover {
	background-color: #476997;
}

.c_blue .df_sidebar_menu a:hover {
	text-decoration: none;
	color: #525252;
	background: rgba(64,103,134,0.1);
}

.c_blue h1,
.c_blue #header_menu_toc .header,
.c_blue #breadcrumb .active {
	color: #1B3F5C;
	cursor: default;
}

.c_blue h2
{ color: #214d70; }

.c_blue h3
{ color: #275b85; }

.c_blue .main_casestudy_four .readmore a {
	background-color: #476997;
}

.c_blue .row_carousel .readmore,
.c_blue #row_tab
{ background-color: #476997; }

.c_blue #header_menu_tab .active,
.c_blue #header_menu_tab a:hover
{ background-color: #385378; }

.c_blue #header_menu_tab .link_product
{ border-right-color: #385378; }

.c_blue #header_menu_tab .children .link:first-child
{ border-left-color: #4E73A6; }

.c_blue .main_link>.slot>a.colour1 {
	background-color: #476997;
}
.c_blue .main_link>.slot>a.colour2 {
	background-color: #5d84b8;
}
.c_blue .main_link>.slot>a.colour3 {
	background-color: #73a0d0;
}
.c_blue .main_link>.slot>a.colour4 {
	background-color: #88bcfd;
}
.c_blue .main_content_folding .switcher {
	background-color: #476997;
}
.c_blue .main_video_multi .switch>div {
	background-color: #476997;
}

/* -------------------------------------------------- */
/* green - KATANA */

#header_menu_main ul.main_popup a.app_katana {
	border-color: #679d54;
}

#header_menu_main ul.main_popup a.app_katana:hover {
	background-color: #679d54;
}

.c_green .df_sidebar_menu a:hover {
	text-decoration: none;
	color: #525252;
	background: rgba(74,144,90,0.1);
}

.c_green h1,
.c_green #header_menu_toc .header,

.c_green #breadcrumb .active
{ color: #194a24; }

.c_green h2
{ color: #236833; }

.c_green h3
{ color: #2d8541; }

.c_green .main_casestudy_four .readmore a {
	background-color: #679d54;
}

.c_green .row_carousel .readmore,
.c_green #row_tab
{ background-color: #679d54; }

.c_green #header_menu_tab .active,
.c_green #header_menu_tab a:hover
{ background-color: #527d43; }

.c_green #header_menu_tab .link_product
{ border-right-color: #527d43; }

.c_green #header_menu_tab .children .link:first-child
{ border-left-color: #72ad5d; }

.c_green .main_link>.slot>a.colour1 {
	background-color: #679d54;
}
.c_green .main_link>.slot>a.colour2 {
	background-color: #7fbb68;
}
.c_green .main_link>.slot>a.colour3 {
	background-color: #97db80;
}
.c_green .main_link>.slot>a.colour4 {
	background-color: #aff998;
}
.c_green .main_content_folding .switcher {
	background-color: #679d54;
}
.c_green .main_video_multi .switch>div {
	background-color: #679d54;
}


/* -------------------------------------------------- */
/* dark_purple - HIERO */

#header_menu_main ul.main_popup a.app_hiero {
	border-color: #7d4c60;
}

#header_menu_main ul.main_popup a.app_hiero:hover {
	background-color: #7d4c60;
}

.c_dark_purple .df_sidebar_menu a:hover {
	text-decoration: none;
	color: #525252;
	background: rgba(130,81,99,0.1);
}

.c_dark_purple h1,
.c_dark_purple #header_menu_toc .header,
.c_dark_purple #breadcrumb .active
{ color: #4c1e31; }

.c_dark_purple h2
{ color: #632b41; }

.c_dark_purple h3
{ color: #793750; }

.c_dark_purple .main_casestudy_four .readmore a {
	background-color: #7d4c60;
}

.c_dark_purple .row_carousel .readmore,
.c_dark_purple #row_tab
{ background-color: #7d4c60; }

.c_dark_purple #header_menu_tab .active,
.c_dark_purple #header_menu_tab a:hover
{ background-color: #633c4c; }

.c_dark_purple #header_menu_tab .link_product
{ border-right-color: #633c4c; }

.c_dark_purple #header_menu_tab .children .link:first-child
{ border-left-color: #8a546a; }

.c_dark_purple .main_link>.slot>a.colour1 {
	background-color: #7d4c60;
}
.c_dark_purple .main_link>.slot>a.colour2 {
	background-color: #9a617a;
}
.c_dark_purple .main_link>.slot>a.colour3 {
	background-color: #b77794;
}
.c_dark_purple .main_link>.slot>a.colour4 {
	background-color: #d88bac;
}
.c_dark_purple .main_content_folding .switcher {
	background-color: #7d4c60;
}
.c_dark_purple .main_video_multi .switch>div {
	background-color: #7d4c60;
}


/* -------------------------------------------------- */
/* grey - OCULA/PLUGINS */

#header_menu_main ul.main_popup a.app_ocula,
#header_menu_main ul.main_popup a.app_plugins{
	border-color: #717171;
}

#header_menu_main ul.main_popup a.app_ocula:hover,
#header_menu_main ul.main_popup a.app_plugins:hover {
	background-color: #717171;
}

.c_grey .df_sidebar_menu a:hover {
	text-decoration: none;
	color: #525252;
	background: rgba(133,133,133,0.1);
}

.c_grey h1,
.c_grey #header_menu_toc .header,
.c_grey #breadcrumb .active
{ color: #717171; }

.c_grey h2
{ color: #949494; }

.c_grey h3
{ color: #b7b7b7; }

.c_grey .main_casestudy_four .readmore a {
	background-color: #717171;
}
.c_grey .row_carousel .readmore,
.c_grey #row_tab
{ background-color: #717171; }

.c_grey #header_menu_tab .active,
.c_grey #header_menu_tab a:hover
{ background-color: #595959; }

.c_grey #header_menu_tab .link_product
{ border-right-color: #595959; }

.c_grey #header_menu_tab .children .link:first-child
{ border-left-color: #7A7A7A; }

.c_grey .main_link>.slot>a.colour1 {
	background-color: #717171;
}
.c_grey .main_link>.slot>a.colour2 {
	background-color: #949494;
}
.c_grey .main_link>.slot>a.colour3 {
	background-color: #b7b7b7;
}
.c_grey .main_link>.slot>a.colour4 {
	background-color: #dadada;
	color:#000;
}
.c_grey .main_content_folding .switcher {
	background-color: #717171;
}
.c_grey .main_video_multi .switch>div {
	background-color: #717171;
}

/* -------------------------------------------------- */
/* light_purple - FLIX */

#header_menu_main ul.main_popup a.app_flix {
	border-color: #8a4182;
}

#header_menu_main ul.main_popup a.app_flix:hover {
	background-color: #8a4182;
}

.c_light_purple .df_sidebar_menu a:hover {
	text-decoration: none;
	color: #525252;
	background: rgba(141,67,122,0.1);
}

.c_light_purple h1,
.c_light_purple #header_menu_toc .header,
.c_light_purple #breadcrumb .active
{ color: #521842; }

.c_light_purple h2
{ color: #6c2059; }

.c_light_purple h3
{ color: #87276e; }

.c_light_purple .main_casestudy_four .readmore a {
	background-color: #8a4182;
}

.c_light_purple .row_carousel .readmore,
.c_light_purple #row_tab
{ background-color: #8a4182; }

.c_light_purple #header_menu_tab .active,
.c_light_purple #header_menu_tab a:hover
{ background-color: #6e3467; }

.c_light_purple #header_menu_tab .link_product
{ border-right-color: #6e3467; }

.c_light_purple #header_menu_tab .children .link:first-child
{ border-left-color: #96478e; }

.c_light_purple .main_link>.slot>a.colour1 {
	background-color: #8a4182;
}
.c_light_purple .main_link>.slot>a.colour2 {
	background-color: #a5549f;
}
.c_light_purple .main_link>.slot>a.colour3 {
	background-color: #c166bc;
}
.c_light_purple .main_link>.slot>a.colour4 {
	background-color: #df7ada;
}
.c_light_purple .main_content_folding .switcher {
	background-color: #8a4182;
}
.c_light_purple .main_video_multi .switch>div {
	background-color: #8a4182;
}

/* -------------------------------------------------- */
/* pink- NUKE & NUKEX */
#header_menu_main ul.main_popup a.app_nuke {
	border-color:  #A1303D;
}

#header_menu_main ul.main_popup a.app_nuke:hover {
	background-color:  #A1303D;
}

.c_pink h1,
.c_pink #header_menu_toc .header,
.c_pink #breadcrumb .active
{ color:  #A1303D; }

.c_pink h2
{ color: #BF4653; }

.c_pink h3
{ color: #DF5866; }

.c_pink .main_casestudy_four .readmore a {
	background-color:  #A1303D;
}

.c_pink .row_carousel .readmore,
.c_pink #row_tab
{ background-color:  #A1303D; }

.c_pink #header_menu_tab .active,
.c_pink #header_menu_tab a:hover
{ background-color: #6e3134; }

.c_pink #header_menu_tab .link_product
{ border-right-color: #6e3134; }

.c_pink #header_menu_tab .children .link:first-child
{ border-left-color: #a64a4e; }

.c_pink .main_link>.slot>a.colour1 {
	background-color:  #A1303D;
}
.c_pink .main_link>.slot>a.colour2 {
	background-color: #BF4653;
}
.c_pink .main_link>.slot>a.colour3 {
	background-color: #DF5866;
}
.c_pink .main_link>.slot>a.colour4 {
	background-color: #FF6C7A;
}
.c_pink .main_content_folding .switcher {
	background-color:  #A1303D;
}
.c_pink .main_video_multi .switch>div {
	background-color:  #A1303D;
}

/* -------------------------------------------------- */
/* aqua - COLORWAY */

#header_menu_main ul.main_popup a.app_colorway {
	border-color: #0DB3C6;
}

#header_menu_main ul.main_popup a.app_colorway:hover {
	background-color: #0DB3C6;
}

.c_colorway .df_sidebar_menu a:hover {
	text-decoration: none;
	color: #525252;
	background: rgba(13,179,198,0.1);
}

.c_colorway h1,
.c_colorway #header_menu_toc .header,
.c_colorway #breadcrumb .active
{ color: #1B5957; }

.c_colorway h2
{ color: #16777C; }

.c_colorway h3
{ color: #1295A1; }

.c_colorway .main_casestudy_four .readmore a {
	background-color: #0DB3C6;
}

.c_colorway .row_carousel .readmore,
.c_colorway #row_tab
{ background-color: #0DB3C6; }

.c_colorway #header_menu_tab .active,
.c_colorway #header_menu_tab a:hover
{ background-color: #007e9a; }

.c_colorway #header_menu_tab .link_product
{ border-right-color: #0c9dad; }

.c_colorway #header_menu_tab .children .link:first-child
{ border-left-color: #11dcf2; }

.c_colorway .main_link>.slot>a.colour1 {
	background-color: #1B5957;
}
.c_colorway .main_link>.slot>a.colour2 {
	background-color: #16777C;
}
.c_colorway .main_link>.slot>a.colour3 {
	background-color: #1295A1;
}
.c_colorway .main_link>.slot>a.colour4 {
	background-color: #0DB3C6;
}
.c_colorway .main_content_folding .switcher {
	background-color: #0DB3C6;
}
.c_colorway .main_video_multi .switch>div {
	background-color: #0DB3C6;
}

/* -------------------------------------------------- */
/* pink - MISCHIEF */

#header_menu_main ul.main_popup a.app_mischief {
    border-color: #de4469;
}

#header_menu_main ul.main_popup a.app_mischief:hover {
    background-color: #de4469;
}

/* -------------------------------------------------- */
/*   VIDEO SCALING EMBEDS */
/* -------------------------------------------------- */

.vimeo_16_9 {
	position: relative;
	height: 0;
}
.vimeo_16_9 {
	padding-bottom: 56.25%;
}
.vimeo_16_9 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* -------------------------------------------------- */

div.ccm-block-arrange, div.ccm-block {
	margin: -4px -4px 8px -4px;
}

/* -------------------------------------------------- */


/* Page Elements */

.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

#central>#body>ul{
	padding-left: 15px;
}
#central>#body>ul li{
	padding-bottom: 13px;
}

/*Feature Comparison Table*/

.feature_table{
    width: 100%;
}

thead tr{
    background-color: transparent !important;
}

td > .has_feature{
    background-image: url("images/blob.png");
    background-repeat: no-repeat;
    height: 20px;
    margin-left: 30px;
    width: 20px;
}


/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
.noTopSpace{margin-top:0px; padding-top:0px}
div.pageSection { margin-bottom: 10px; }

/* customize_miscellaneous */ /* customize_miscellaneous */

/* -------------------------------------------------- */

/* CSS from bp-modal.css popup code */

body{
    -webkit-transition: 0s background ease-out 0.3s;
    -moz-transition: 0s background ease-out 0.3s;
    -ms-transition: 0s background ease-out 0.3s;
    -o-transition: 0s background ease-out 0.3s;
    transition: 0s background ease-out 0.3s;
}

html.bp-modal-scale body.bp-modal-scaled{
    background: url(images/low_contrast_linen.png) repeat #222;
    height: 100%;
    -webkit-transition: 0s background ease-out 0s;
    -moz-transition: 0s background ease-out 0s;
    -ms-transition: 0s background ease-out 0s;
    -o-transition: 0s background ease-out 0s;
    transition: 0s background ease-out 0s;
}

html.bp-modal-scale body #bp-modal-scale-container{
    height: 100%;
    overflow: scroll;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    -webkit-transition: 0.3s -webkit-transform ease-out;
    -moz-transition: 0.3s -moz-transform ease-out;
    -ms-transition: 0.3s -ms-transform ease-out;
    -o-transition: 0.3s -o-transform ease-out;
    transition: 0.3s transform ease-out;
}

html.bp-modal-scale body.bp-modal-scaled #bp-modal-scale-container{
    overflow: hidden;

    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

#bp-modal-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    -webkit-backface-visibility: hidden;
    overflow: hidden;
}
#bp-modal-overlay.dark {
    height: 100%;
    background: rgba(0,0,0,0.3);
    overflow: scroll;
}

.bp-modal {
    position: absolute;
    left: 50%;
    z-index: 99;
    height: auto;
    margin-left: -40%;
    width: 80%;
    padding: 0;
    top: 50px;
}

/*
@media only screen and (min-width: 768px) {
    .bp-modal {
        top: 85px;
    }
    .bp-modal.tiny {
        margin-left: -15%;
        width: 30%;
    }
    .bp-modal.small {
        margin-left: -20%;
        width: 40%;
    }
    .bp-modal.medium {
        margin-left: -30%;
        width: 60%;
    }
    .bp-modal.large {
        margin-left: -35%;
        width: 70%;
    }
    .bp-modal.xlarge {
        margin-left: -47.5%;
        width: 95%;
    }
}

@media only screen and (min-width: 1250px) {
}
*/
.bp-modal.large {
	width: 1150px;
	margin-left: -570px;
}



/*
** THEMES
*/

#foundry {
	background-color: #EAEAEA;
	padding-bottom: 10px;
	box-shadow: 0 0 16px rgba(0,0,0,0.7);
	position: relative;
	z-index: 101;
}
#foundry>iframe {
	margin: 0 0 10px 0;
}
#foundry>* {
	padding-left: 25px;
	padding-right: 25px;
}
.foundry-control {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 20px;
	right: -50px;
	line-height: 50px;
	font-family: foundry-icons, sans-serif;
	font-size: 50px;
	text-align: center;
}
#foundry-next {
	top: 80px;
}
#foundry-previous {
	top: 140px;
}
.foundry-control>a:link,
.foundry-control>a:visited {
	display: block;
  transition: all .25s;
	background-color: #eaeaea;
	color: #727272;
  width: 50px;
  height: 50px;
	box-shadow: 0 0 8px rgba(0,0,0,0.7);
	z-index: 100;
	padding-left: 0;
}
.foundry-control>a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #FAB244;
	padding-left: 10px;
}


/*
--------------------------------------------------------------------------------
	animation.css
	from modal responsive code
*/

@charset "UTF-8";
/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
	-webkit-backface-visibility: hidden;
}
.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}


/* --------------------------------------------------- */

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}


.old_price {
    position: relative;
    font-size: smaller;
}
.old_price::after {
    border-bottom: 2px solid red;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
}


legend {
        width:inherit; /* Or auto */
        border-top: 20px;
        border-bottom:none;
        /*margin-bottom:0;*/
    }

    fieldset {
        padding: 10px 0;
        margin: 0;
        border:0;
        min-width: 0;
        margin-bottom: 20px;
    }

	
.tab-stuck{
    border-bottom: 0 none !important;
    margin-top: 0 !important;
    position: fixed !important;
    top: 0;
    /*testing top:80px;*/
    width: 100%;
    z-index: 991;
    opacity: 1.0 !important;
}

#row_inner_filterbar{
    background-color: #e0e0e0;
    height: 25px;
	width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
	text-align: left;
}

#filter_bar{
	margin:0;
}

#filter_bar img{
	pointer-events:none;
}

#filter_bar li{
    padding: 10px 30px;
    font-family: 'open-sans-light';
    font-size: 17px;
    float:left;
    width:auto;
    margin: 0;
    cursor: pointer;
    display: inline;
    -webkit-user-select: none;        
	-moz-user-select: none; 
	-ms-user-select: none;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}

#filter_bar li:hover{
	color: #000;
}

#filter_bar li:first-child{
	margin-left: -68px;
}

#filter-bar-pointer{
   /* position: relative;
    top: 42px;
    left: -710px;
    */

        padding-left: 99px;
            padding-top: 1px;
                position: absolute;
                    z-index: 50;
}

#feature-strip-area:last-child{
	margin-right: 0 !important;
}

#usp-block{

}

#usp-block tr{
	background-color: transparent !important;
}


#usp-block tr td{
	padding-left: 0;
}

.usp-title{
	font-family: 'open-sans-semi-bold';
	font-size: 16px;
}
/*------------------ PKAT four stirp block----------------*/

.pkat-four{
    width: 214px;
    height: 156px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    overflow: hidden;
    position: relative;
}

.pkat-four .title{
	line-height: 16px;
    padding-top: 18px;
    top: 90px;
    width: 175px
}

.pkat-four .buynow{
    background-color: rgba(0, 0, 0, 0.6);
    color: #ffffff !important;
    font-size: 14px;
    height: 24px;
    left: 151px;
    line-height: 13px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 0;
    white-space: nowrap;
    width: 45px;
    z-index: 3;
}

.pkat-four .pkat-title{
   	background-color: rgba(255, 255, 255, 0.58);
    color: #000;
    font-family: 'open-sans-light',sans-serif;
    font-size: 17px;
    height: 39px;
    left: 0;
    line-height: 16px;
    padding-left: 10px;
    padding-right: 30px;
    padding-top: 5px;
    position: absolute;
    top: 112px;
    width: 111px;
}

/*--------------------product hompage -- page type --------------------*/

#row_filerMenu
{
	border-bottom: 1px solid #b4b4b4;
}

#filterMenuContainer
{
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/*------Feature/comparision table block-----*/

#featuresContainer{
	width:907px;	
}

#featuresContainer .mix
{
	display: none;
}

.featureMix{
	/*width:288; old*/
	width: 291px;
	height: 300px;
	margin-bottom: 10px;
	margin-right: 10px;
	position: relative;
	background-size: cover; 
	background-repeat: no-repeat; 
}

.featureMix img{
	padding-left: 39%;
	padding-top: 16%;
	opacity: 0.8;
}

.featureMix img:hover{
	opacity: 1.0;
}


.featureMix .desc{
    bottom: 0;
    color: white;
    cursor: pointer;
    display: block;
    height: 162px;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    transition: all 0.4s ease 0.5s;
    width: inherit;
}

.featureTitle {
    background-color: rgba(0, 0, 0, 0.6);
    display: block;
    font-family: "open-sans-light",helvetica,sans-serif;
    font-size: 19px;
    height: 12px;
    overflow: hidden;
    padding: 23px 72px 23px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.featureDesc{
	background-color: rgba(0, 0, 0, 0.7);
	padding: 10px;
	height: 100%;
	font-size: 12px;
	text-overflow:ellipsis;
}

.controls
{
		background-color: #f0f0f0;
		border-radius: 2px;
    height: 40px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 20px;
    padding-top: 20px;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(166,166,166,0.28);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(166,166,166,0.28);
	box-shadow: inset 0px 0px 5px 0px rgba(166,166,166,0.28);
}

.featureFilter
{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.35);
    border-color: rgba(255, 255, 255, 1);
    border-radius: 3px;
    color: #4c4c4c;
    display: inline;
    font-size: 17px;
    margin: 4px;
    padding: 10px;
    transition: all 0.15s ease 0s;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	cursor: pointer;
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
}

.featureFilter:hover
{
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.77);
	color:#000;
}

.controls .active
{
	background: none repeat scroll 0 0 rgba(255, 255, 255, 1.0);

}

#featureHover{

}

#featureHover img {
    padding-left: 40%;
    padding-top: 23%;
}

#featureHover .desc {
    height: 230px !important;
    transition: all 0.15s ease 0s;
    width: 100%;
}

#featureHover .featureReadMore{
	display: none;
}

#featureHover .versionSupport{
        padding-left:816px;
}

.newFeature {
	position: absolute;
	width: 54px;
	height: 54px;
	background-image: url('/packages/foundry/blocks/product_feature/images/feature-new-flag.png');	
	pointer-events: none;
}

/*Table view*/

.featureRow{
	padding: 10px;
	margin: 0;
}

.featureRow:nth-child(even){
	background-color: #d4d2d2;
}

.prodswitch .question{
	font-family: helvetica, sans-serif;
	color: #525252;
	font-size: 15px;

}

.expandIndicator {
	font-size: 20px;
	margin-right: 6px;
}

.featureVideoCount{
    background-color: #606060;
    border-radius: 3px;
    color: #fff;
    display: inline;
    font-size: 10px;
    padding: 4px;
}

.featureReadMore{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 29%, rgba(0,0,0,0.89) 57%, rgba(0,0,0,0.89) 58%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(29%,rgba(0,0,0,0.7)), color-stop(57%,rgba(0,0,0,0.89)), color-stop(58%,rgba(0,0,0,0.89)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 29%,rgba(0,0,0,0.89) 57%,rgba(0,0,0,0.89) 58%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 29%,rgba(0,0,0,0.89) 57%,rgba(0,0,0,0.89) 58%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 29%,rgba(0,0,0,0.89) 57%,rgba(0,0,0,0.89) 58%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 29%,rgba(0,0,0,0.89) 57%,rgba(0,0,0,0.89) 58%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e3000000',GradientType=0 );
    bottom: 0;
    color: #089bff;
    cursor: pointer;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 280px;
    font-size: 11px;
    height: 15px;
    -webkit-transition: all 0.25s ease;
       -moz-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
         -o-transition: all 0.25s ease;
            transition: all 0.25s ease;
}

.featureReadMore:hover{
	height: 20px;
}

.hasProduct{
	background-color: #737373;
	padding: 7px;
	display: inline-block;
	margin-right: 72px;
	border-radius: 100%;
	margin-top: 5px;
}

.versionSupport {
    margin-top: -28px;
    padding-left: 214px;
    position: absolute;
}

.versionSupport .hasProduct{
	background-color: transparent;
    border-radius: 0;
    height: 28px;
    padding: 0;
    width: 28px;
    margin-right: 5px;

}

.versionSupport .prodnuke{
	display: none;
}

.versionSupport > .prodnukex{
	background-image: url('//www.thefoundry.co.uk/files/6714/1382/6658/nukex-indicator.png');
}

.versionSupport > .prodnukestudio{
	background-image: url('//www.thefoundry.co.uk/files/3914/1382/6658/nukestudio-indicator.png');
}

.categoryControls, #categorySelect{
    background-color: #fff;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    margin-left: 674px;
    margin-top: -29px;
    padding: 0;
    position: absolute;
    width: 190px;
    z-index: 990;
}

.categoryControls{

}

#categorySelect {
    background-image: url("//www.thefoundry.co.uk/files/9514/1384/4412/dropdown-arrow.png");
    background-position: 170px 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 28px;
    overflow-x: hidden;
    padding-left: 15px;
    padding-right: 20px;
    padding-top: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 155px;
}

.categoryControls .featureFilter{
	display: list-item;
	list-style: none;
}

.categoryControls .featureFilter:hover{
	background-color: rgba(0,0,0,0.15);
}
.featureRow .answer{
	width: 880px;
}

.featureVideoContainer .play_overlay{
    left: 97px;
    padding-top: 42px;
    position: absolute;
    opacity: 0.8;
}

.featureVideoContainer .play_overlay:hover{
	opacity: 1.0;
}

.play_disable {
	opacity: 0.0 !important;
	-moz-opacity: 0.0 !important;
	pointer-events: none;
}