/* -----------------------------------------
   General Sanders
----------------------------------------- */

* {
	-webkit-transition: color 250ms ease-in-out;
	-moz-transition: color 250ms ease-in-out;
	-o-transition: color 250ms ease-in-out;
	-ms-transition: color 250ms ease-in-out;
	transition: color 250ms ease-in-out;
}
@media (max-width: 400px) {
	.outter-row {
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
		margin: 0;
	}
}
@media (min-width: 401px) and (max-width: 1280px) {
	.outter-row {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (min-width: 1280px) {
	.outter-row {
		-webkit-box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.2);
		box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.2);
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 25px;
		background: #FFF;
	}
}


/* -----------------------------------------
   Sitewide Special Links and Buttons
----------------------------------------- */

.button-link a, .button {
	background: rgb(43,43,43); /* Old browsers */
	color: #FFF;
	text-transform: uppercase;
	padding: 7px 10px;
	font: bold 14px 'Oxygen', Helvetica, Arial, sans-serif;
	-webkit-transition: background-color 150ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out;
	-ms-transition: background-color 150ms ease-in-out;
	transition: background-color 150ms ease-in-out;
	border: none;
	text-decoration: none;
	cursor: pointer;
}
.multiple-button-links {
    list-style: none;
    margin: 0;
}
.multiple-button-links li {
  display: inline-block;
}
@media (max-width: 700px) {
	.button-link a, .button {
		padding: 10px 15px;
		font-size: 16px;
	}
	input[type="text"] {
		border: solid 1px #ccc;
	}
}
@media (max-width: 978px) {
	.button-link a, .button {
		font-size: 12px;
		line-height:3.2em;
	}
}
@media (min-width: 1800px) {
	.button-link a, .button {
		padding: 10px 15px;
		font-size: 16px;
	}
}
.button-link a:hover, .button:hover {
	background: #c4c4a8;
	color: #000;
}


/* Tabs ---------------------- */

.tabs.contained { margin-bottom: 0; margin-left: 0; }
.tabs dt, .tabs li.section-title { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 12px; height: 30px; line-height: 30px; padding: 0; padding-right: 9px; padding-left: 20px; font-weight: normal; width: auto; text-transform: uppercase; }
.tabs dt:first-child, .tabs li.section-title:first-child { padding: 0; padding-right: 9px; }
.tabs dd, .tabs li { display: block; float: left; padding: 0; margin: 0; text-transform: uppercase; font: bold 14px Oxygen, Arial, sans-serif; background: #f0f0f0; color: #2b2b2b; }
.tabs dd a, .tabs li a { color: #6f6f6f; display: block; height: 30px; line-height: 30px; /*padding: 0px 23.8px;*/ text-align: center; text-decoration: none; z-index: 999; position: relative; }
.tabs dd a:focus, .tabs li a:focus { font-weight: bold; color: #2ba6cb; }
.tabs dd.active a, .tabs li.active a {
	cursor: default;
	color: #FFF;
	background: rgb(50, 50, 50); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(70, 70, 70,1) 0%, rgba(50, 50, 50,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(70, 70, 70,1)), color-stop(100%,rgba(50, 50, 50,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(70, 70, 70,1) 0%,rgba(50, 50, 50,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(70, 70, 70,1) 0%,rgba(50, 50, 50,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(70, 70, 70,1) 0%,rgba(50, 50, 50,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(70, 70, 70,1) 0%,rgba(50, 50, 50,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#f0f0f0',GradientType=1 ); /* IE6-8 */
	margin-bottom: 0;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}
.tabs dd.active a:hover, .tabs li.active a:hover {
	background: rgb(30, 30, 30); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(50, 50, 50,1) 0%, rgba(30, 30, 30,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(50, 50, 50,1)), color-stop(100%,rgba(30, 30, 30,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(50, 50, 50,1) 0%,rgba(30, 30, 30,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(50, 50, 50,1) 0%,rgba(30, 30, 30,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(50, 50, 50,1) 0%,rgba(30, 30, 30,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(50, 50, 50,1) 0%,rgba(30, 30, 30,1) 100%); /* W3C */
}
.tabs dd:first-child, .tabs li:first-child { margin-left: 0; }
.tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a { padding: 0 17px; text-align: center; overflow: hidden; }
.tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li { width: 50%; }
.tabs.three-up dt, .tabs.three-up dd, .tabs.three-up li { width: 33.33%; }
.tabs.four-up dt, .tabs.four-up dd, .tabs.four-up li { width: 25%; }
.tabs.five-up dt, .tabs.five-up dd, .tabs.five-up li {
	width: 17%;
	margin-left: 10px;
}
@media (max-width: 700px) {
	.tabs dd, .tabs li { float: none; margin: 0 0 10px 0; }
	.tabs.five-up dt, .tabs.five-up dd, .tabs.five-up li {
		width: auto;
	}
}
.tabs dt, .tabs dd, .tabs li {
	margin-left: 0px;
	background: rgb(237,237,237); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(232,232,232,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(232,232,232,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(232,232,232,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(232,232,232,1) 0%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(232,232,232,1) 0%,rgba(240,240,240,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(232,232,232,1) 0%,rgba(240,240,240,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#f0f0f0',GradientType=1 ); /* IE6-8 */
	margin-bottom: 0;
}
.tabs.twelve-up dt, .tabs.twelve-up dd, .tabs.twelve-up li {
	width: 8.333333333333%;
}
.tabs.twelve-up dt a, .tabs.twelve-up dd a, .tabs.twelve-up li a {
	position: relative;
	z-index: 999;
}
.tabs.twelve-up dt:hover, .tabs.twelve-up dd:hover, .tabs.twelve-up li:hover {
	background: rgb(237,237,237); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(210,210,210,1) 0%, rgba(220,220,220,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(210,210,210,1)), color-stop(100%,rgba(220,220,220,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(210,210,210,1) 0%,rgba(220,220,220,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(210,210,210,1) 0%,rgba(220,220,220,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(210,210,210,1) 0%,rgba(220,220,220,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(210,210,210,1) 0%,rgba(220,220,220,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#f0f0f0',GradientType=1 ); /* IE6-8 */
}
@media (max-width: 700px) {
	.tabs.twelve-up dt, .tabs.twelve-up dd, .tabs.twelve-up li {
		width: 33.333333333333%;
		float: left;
		margin-left: 0px;
	}
}
.tabs.seven-up dt, .tabs.seven-up dd, .tabs.seven-up li {
	width: 14.28571428%;
	margin-left: 0px;
	background: rgb(237,237,237); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(232,232,232,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(232,232,232,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(232,232,232,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(232,232,232,1) 0%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(232,232,232,1) 0%,rgba(240,240,240,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(232,232,232,1) 0%,rgba(240,240,240,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#f0f0f0',GradientType=1 ); /* IE6-8 */
	margin-bottom: 0;
	text-transform: none;
	font-weight: normal;
}
.tabs.seven-up dt a, .tabs.seven-up dd a, .tabs.seven-up li a {
	position: relative;
	z-index: 999;
}
.tabs.seven-up dt:hover, .tabs.seven-up dd:hover, .tabs.seven-up li:hover {
	background: rgb(237,237,237); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(210,210,210,1) 0%, rgba(220,220,220,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(210,210,210,1)), color-stop(100%,rgba(220,220,220,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(210,210,210,1) 0%,rgba(220,220,220,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(210,210,210,1) 0%,rgba(220,220,220,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(210,210,210,1) 0%,rgba(220,220,220,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(210,210,210,1) 0%,rgba(220,220,220,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#f0f0f0',GradientType=1 ); /* IE6-8 */
}
@media (max-width: 700px) {
	.tabs.seven-up dt, .tabs.seven-up dd, .tabs.seven-up li {
		width: auto;
		float: none;
		margin-left: 0px;
	}
}

ul.tabs-content { display: block; margin: 0 0 20px; padding: 0; }
ul.tabs-content > li { display: none; }
ul.tabs-content > li.active { display: block; }
ul.tabs-content.contained { padding: 0; }
ul.tabs-content.contained > li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 20px; }
ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; }

.no-js ul.tabs-content > li { display: block; }


/* Accordion ---------------------- */
ul.accordion { margin: 0 0 22px 0; border-bottom: 1px solid #e9e9e9; }
ul.accordion > li { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e9e9e9; }
ul.accordion > li > div.title { cursor: pointer; background: #f6f6f6; padding: 15px; margin: 0; position: relative; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; -webkit-transition: 0.15s background linear; -moz-transition: 0.15s background linear; -o-transition: 0.15s background linear; transition: 0.15s background linear; }
ul.accordion > li > div.title h1, ul.accordion > li > div.title h2, ul.accordion > li > div.title h3, ul.accordion > li > div.title h4, ul.accordion > li > div.title h5 { margin: 0; color: #666; }
ul.accordion > li.active > div.title h1, ul.accordion > li.active > div.title h2, ul.accordion > li.active > div.title h3, ul.accordion > li.active > div.title h4, ul.accordion > li.active > div.title h5 { color: #000; }
ul.accordion > li > div.title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: transparent #9d9d9d transparent transparent; position: absolute; right: 15px; top: 21px; }
ul.accordion > li .content { display: none; padding: 15px; }
ul.accordion > li.active { border-top: 3px solid #2b2b2b; }
ul.accordion > li.active .title { background: #ebebeb; padding-top: 13px; }
ul.accordion > li.active .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #9d9d9d transparent transparent transparent; }
ul.accordion > li.active .content { background: white; display: block; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; }


/* -----------------------------------------
   Powerbar (TM)
----------------------------------------- */

.powerbar {
	background: #eeeaea;
}
.powerbar .row {
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.2);
        box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}
@media (min-width: 0px) {
	.powerbar .row {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (max-width: 700px) {
	.powerbar {
		display: none;
	}
}
@media (max-width: 1280px) {
	.powerbar .row {
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}
.assistive-text {
	position: absolute;
	left: -5000px;
}
.search-form {
	position: relative;
	z-index: 999;
}
.search-box {
	border: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	position: absolute;
	left: 0;
	right: 0;
	height: 30px !important;
	background-color: rgb(240, 240, 240) !important;
	background-color: rgba(255, 255, 255, 0.4) !important;
}
.search-box:focus {
	outline: none;
	border: none;
	border-bottom: solid 1px #666;
}
.search-button {
	position: absolute;
	right: 0;
	width: 30px;
	height: 30px;
	text-indent: -5000px;
	overflow: hidden;
	border: none;
	background: url('/content/images/sprite.png') no-repeat -12px -9px;
	cursor: pointer;
	display: block;
}
@media (max-width: 700px) {
	.search-box {
		background-color: #fff !important;
	}
	.search-button {
		right: 0px;
		left: auto;
	}
}
.search-button:hover {
	background: url('/content/images/sprite.png') no-repeat -14px -53px;
}
.power-bar-links {
	list-style: none;
	margin: 0;
	z-index: 999;
	position: relative;
}
.power-bar-links li {
	float: right;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 0 30px;
	font-size: 12px;
}
@media (max-width: 700px) {
	.power-bar-links {
		clear: both;
		padding-top: 20px;
	}
	.power-bar-links li {
		float: none;
		margin: 0 10px 0 0;
		display: inline-block;
	}
}
@media (min-width: 1800px) {
	
}
.power-bar-links li a {
	color: #999;
	height: 30px;
	line-height: 30px;
	display: block;
}
.power-bar-links li a:hover {
	color: #666;
}


/* -----------------------------------------
   Logo and Leaderboard
----------------------------------------- */

.logo-and-leaderboard {
	padding-top: 20px;
	position: relative;
}
@media (max-width: 700px) {
	.logo-and-leaderboard {
		background: #f7f7f7;
	}
}
@media (min-width: 700px) {
	.logo-and-leaderboard:before {
		content: '';
		position: absolute;
		left: -10px;
		right: -10px;
		top: -30px;
		height: 30px;
		background: #eeeaea;
		display: block;
	}
}
.logo-column img {
	max-width: 90%;
}
@media (max-width: 700px) {
	.logo-column img {
		width: 43%;
	}
}


/* -----------------------------------------
   Website Navigation
----------------------------------------- */

@media (max-width: 860px) {
	.website-sections ul {
		display: none;
	}
}
.menu ul {
	display: block;
}
.website-sections ul {
	list-style: none;
	margin: 0;
	background: rgb(225,225,213); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTFkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iI2UxZTFkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjM2M0YmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(225,225,213,1) 0%, rgba(225,225,213,1) 81%, rgba(195,196,186,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,225,213,1)), color-stop(81%,rgba(225,225,213,1)), color-stop(100%,rgba(195,196,186,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(225,225,213,1) 0%,rgba(225,225,213,1) 81%,rgba(195,196,186,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(225,225,213,1) 0%,rgba(225,225,213,1) 81%,rgba(195,196,186,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(225,225,213,1) 0%,rgba(225,225,213,1) 81%,rgba(195,196,186,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(225,225,213,1) 0%,rgba(225,225,213,1) 81%,rgba(195,196,186,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1d5', endColorstr='#c3c4ba',GradientType=0 ); /* IE6-8 */
}
.product-directory-template .website-sections ul {
	border-bottom: solid 2px #ed2024;
}
@media (max-width: 870px) {
	.product-directory-template .website-sections ul {
		border-bottom: none;
	}
}
.website-sections li, #mobile-menu-link {
	float: left;
	font: bold 12px/15px "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
#mobile-menu-link {
	display: none;
}
@media (max-width: 700px) {
	#mobile-menu-link {
		float: right;
		width: 50% !important;
		margin-top: -65px;
	}
}
@media (max-width: 870px) {
	#mobile-menu-link {
		display: block;
	}
}
@media (max-width: 870px) {
	.website-sections li {
		display: block;
		border-bottom: solid 1px #ebebeb;
		width: 100%;
		float: none;
	}
}
@media (max-width: 870px) {
	.mobile-nav-reveal-link {
		display: block;
	}
}
@media (min-width: 870px) {
	.mobile-nav-reveal-link {
		display: none;
	}
}
@media (min-width: 1800px) {
	.website-sections li {
		font-size: 16px;	
	}
}
.website-sections li.products-directory-link {
	float: right;
}
@media (max-width: 870px) {
	.website-sections li.products-directory-link {
		float: none;
	}	
}
.website-sections li a, .mobile-menu-link {
	display: block;
	padding: 15px 10px;
	color: #2b2b2b;
	text-decoration: none;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	*/
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0.03) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(25%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.03))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.03) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.03) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.03) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.03) 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=1 );  IE6-8 */
}
body.category-template .website-sections li a, body.article-template .website-sections li a, body.news-category-template .website-sections li a, body.awards-template .website-sections li a, body.product-directory-template .website-sections li a, body.events-template .website-sections li a  {
	color: #888;
}
body.product-directory-template .website-sections li.products-directory-link a, body.category-template .website-sections li.products-directory-link a, body.article-template .website-sections li.products-directory-link a, body.news-category-template .website-sections li.products-directory-link a, body.awards-template .website-sections li.products-directory-link a, body.events-template .website-sections li.products-directory-link a {
	color: #FFF;
}
.website-sections li.current-page-link a, body.article-template .website-sections li.current-page-link a, body.news-category-template .website-sections li.current-page-link a, body.awards-template .website-sections li.current-page-link a, body.events-template .website-sections li.current-page-link a {
	color: #fff;
	background: #2b2b2b;
}
#mobile-menu-link {
	background: rgb(192, 192, 192);
	color: #333;
	padding: 16px;
	width: 100%;
	position: relative;
	cursor: pointer;
}
#mobile-menu-link:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	bottom: 0;
	width: 50px;
	background: #ccc url('/content/images/sprite.png') no-repeat -850px -3px;
}
#mobile-menu-link:hover:after {
	background-color: #333;
}
.menu #mobile-menu-link {
	background: #2b2b2b;
	color: #ccc;
}
.menu #mobile-menu-link:after {
	background-color: #333;
}
@media (min-width: 700px) and (max-width: 1280px) {
	.website-sections li a {
		padding: 18px 8px;
	}
}
@media (min-width: 1280px) and (max-width: 1800px) {
	.website-sections li a {
		padding: 17px 7px;
	}
}
.website-sections li a:hover {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0.05) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(25%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.05))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.05) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.05) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.05) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.05) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=1 ); /* IE6-8 */
	text-decoration: underline;
}
.website-sections li.home-link a, .home-link a {
	display: block;
	overflow: hidden;
	text-indent: -5000px;
	width: 35px;
	height: 50px;
	padding: 0;
	background: url('/content/images/sprite.png') no-repeat -657px top;
}
@media (max-width: 978px) {
	.website-sections li.home-link {
		display: none;
	}
}
@media (min-width: 978px) and (max-width: 1800px) {
	.website-sections li.home-link a, .directory-nav.home-link a{
		height: 44px;
		background-position: -657px -3px;
	}
}
.website-sections li.products-directory-link a {
	padding-left: 35px;
	background: #2b2b2b;
	color: #FFF;
	position: relative;
}
.product-directory-template .website-sections li.products-directory-link a {
	background: #ed2024;
}
@media (max-width: 1110px) {
	.website-sections li.products-directory-link  {
		width: 100%;
	}
}
.website-sections li.products-directory-link a:before {
	content: '';
	display: block;
	background: url('/content/images/product_directory_icon_white_small.png') no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -10px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.website-sections li.products-directory-link a:before {
		background: url('/content/images/product_directory_icon_white.png') no-repeat;
	}
}
.website-sections li.products-directory-link a:hover {
	background: #ed2024;
}

/* Sub nav */
body.projects-template .website-sections li.projects-nav {
	padding-bottom: 45px;
	background: #6b6b6b; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZjVmNWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	*/
	background: -moz-linear-gradient(top,  #6b6b6b 0%, #6b6b6b 78%, #515151 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(78%,#6b6b6b), color-stop(100%,#515151)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6b6b6b 0%,#6b6b6b 78%,#515151 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6b6b6b 0%,#6b6b6b 78%,#515151 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6b6b6b 0%,#6b6b6b 78%,#515151 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6b6b6b 0%,#6b6b6b 78%,#515151 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#515151',GradientType=0 );  IE6-8 */
}
body.projects-template .website-sections li.projects-nav a {
	color: #fff;
}
.website-sections li ul {
	position: absolute;
	height: 45px;
	bottom: 0;
	left: 10px;
	right: 10px;
	background: #6b6b6b;	
}
@media (min-width: 860px) and (max-width: 1110px) {
	.website-sections li ul {
		bottom: 45px;
	}
}
.website-sections li ul li {
	height: 45px;
	width: 14%;
	text-align: center;
	line-height: 11px;
}
@media (max-width: 860px) {
	body.projects-template .website-sections li.projects-nav {
		padding-bottom: 0;
	}
	.website-sections li ul {
		height: auto;
		position: static;
	}
	.website-sections li ul li {
		height: 45px;
		width: auto;
		text-align: left;
		border-bottom: solid 1px #666;
	}
}
.website-sections li ul li a {
	color: #FFF;
	background: #6b6b6b;
	font-size: 12px;
}


/* -----------------------------------------
   Hot Topics
----------------------------------------- */

.sub-navs {
	min-height: 40px;
	position: relative !important;
}
@media (max-width: 978px) {
	.sub-navs {
		position: absolute !important;
		left: -5000px;
	}
}
.sub-navs:after {
	content: '';
	position: absolute;
	left: 20px;
	bottom: 0px;
	right: 20px;
	border-bottom: solid 1px #e6e6e6;
	display: block;
}
@media (max-width: 978px) {
	.sub-navs:after {
		border: none;
	}
}
.hot-topics {
	padding-top: 10px;
	padding-bottom: 10px;
}
.hot-topics h4 {
	font-size: 13px;
	margin: 0;
	text-transform: uppercase;
	float: left;
	width: 18%;
	color: #666;
}
.hot-topics ul {
	list-style: none;
	margin: 0;
	float: left;
	width: 82%;
}
@media (max-width: 978px) {
	.hot-topics h4, .hot-topics ul {
		width: auto;
		float: none;
	}
}
.hot-topics li {
	display: inline-block;
	text-transform: uppercase;
	margin: 0 30px 0 0;
	line-height: 1.1;
	font-size: 13px;
}
@media (max-width: 978px) {
	.hot-topics li {
		border-bottom: solid 1px #ebebeb;
		display: block;
		padding: 10px;
	}
}
.hot-topics li a {
	color: #666;
	text-decoration: none;
	color: #979777;
}


/* -----------------------------------------
   Social Media Icons
----------------------------------------- */

.social-media-icons {
	float: right;
}
.social-media-icons ul {
	list-style: none;
}
.social-media-icons li {
	margin: 0 0 0 0px;
	float: right;
}
.social-media-icons li a {
	background: url('/content/images/sprite.png') no-repeat -50px -5px;
	width: 50px;
	margin: 0;
	text-indent: -5000px;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	display: block;
}
.rss-logo a:hover {
	background-position: -50px -55px !important;
}
.twitter-logo a {
	background: url('/content/images/sprite.png') no-repeat -100px -5px !important;
}
.twitter-logo a:hover {
	background-position: -100px -55px !important;
}
.facebook-logo a {
	background: url('/content/images/sprite.png') no-repeat -150px -5px !important;
}
.facebook-logo a:hover {
	background-position: -150px -55px !important;
}
.pinterest-logo a {
	background: url('/content/images/sprite.png') no-repeat -200px -5px !important;
}
.pinterest-logo a:hover {
	background-position: -200px -55px !important;
}
.youtube-logo a {
	background: url('/content/images/sprite.png') no-repeat -250px -5px !important;
}
.youtube-logo a:hover {
	background-position: -250px -55px !important;
}
/*
.google-plus-logo a {
	background: url('/content/images/sprite.png') no-repeat -1105px -5px !important;
}
.google-plus-logo a:hover {
	background-position: -1105px -55px !important;
}
*/

.linkedin-logo a {
	background: url('/content/images/sprite.png') no-repeat -1055px -5px !important;
}
.linkedin-logo a:hover {
	background-position: -1055px -55px !important;
}

/* -----------------------------------------
   Home Slideshow
----------------------------------------- */

.orbit-wrapper {
	position: relative;
	width: 100% !important;
	margin-top:35px;
}
.features {
	margin-top: 20px;
	margin-bottom: 100px;
}
@media (max-width: 700px) {
	.features {
		margin-bottom: 140px;
	}	
}
.features h2.editors-pick {
	background: url('/content/images/editors_pick_ribbon.png') no-repeat top;
	position: absolute;
	right: 30px;
	width: 30px;
	height: 200px;
	top: -5px;
	z-index: 999;
	margin: 0;
	text-indent: -5000px;
	overflow: hidden;
}
.slide {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.slide img {
	width: 100%;
	display: block;
}
.slide a {
	text-decoration: none;
}
.slide a .article-details {
	background: #2b2b2b;
	padding: 20px;
	color: #FFF;
	-webkit-transition: background-color 1s ease-in-out;
	-moz-transition: background-color 1s ease-in-out;
	-o-transition: background-color 1s ease-in-out;
	-ms-transition: background-color 1s ease-in-out;
	transition: background-color 1s ease-in-out;
}
.slide a:hover .article-details {
	background: #c4c4a8;
}
.slide .article-date {
	color: #ccc;
	margin-bottom: 2px;
}
.slide a:hover .article-date {
	color: #555;
}
.slide h2 {
	margin: 0;
	font-size: 16px;
}
.slide a h2 {
	color: #FFF;
}

@media (max-width: 400px) {
	.slide h2 {
		width: auto;
	}
	.slide .article-date {
		width: auto;
		float: none;
	}
}

.slide a:hover h2 {
	color: #2b2b2b;
}
.features .slider-nav {
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: 999;
}
.features .slider-nav {
	opacity: 0;
	transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
}
.features:hover .slider-nav {
	opacity: 1;
}
.slider-nav span {
	width: 60px;
	height: 60px;
	background: #c4c4a8 url('/content/images/sprite.png') no-repeat -295px 6px;
	cursor: pointer;
	text-indent: -5000px;
	overflow: hidden;
	transition: background 0.8s ease-in-out;
	-webkit-transition: background 0.8s ease-in-out;
	-moz-transition: background 0.8s ease-in-out;
}
.slider-nav span:hover {
	background: #2b2b2b url('/content/images/sprite.png');
	background-position: -295px 6px;
}
.slider-nav .left {
	position: absolute;
	left: 0;
	background: #c4c4a8 url('/content/images/sprite.png') no-repeat -342px 6px;
}
.slider-nav .left:hover {
	background-position: -342px 6px;
}
.slider-nav .right {
	position: absolute;
	right: 0px;
}


/* -----------------------------------------
   Home Sales
----------------------------------------- */

.home-sales {
	margin-top: 20px;
	padding-bottom: 20px;
}
.home-sales p {
	font-size: 1.2em;
	line-height: 1.3;
}
.home-sales p a {
	text-decoration: none;
}
.print-subscription {
  text-align: center;
}
.print-subscription p {
  font-size: 1.2em;
  text-transform: uppercase;
  margin-bottom: 1.5em;
}





/*
.home-sales .print-subscription .magazine-image:after {
	content: url('/content/images/magazine_cover_slot.png');
	position: absolute;
	bottom: 0;
	right: -10px;
	z-index: 999;
}*/
.home-sales .directory-ad {
	border-bottom: solid 1px #ebebeb;
	padding-bottom: 1em;
	border-top: solid 1px #ebebeb;
	margin-top: 1em;
	padding-top: 1em;
}
.directory-ad h4 {
	margin-top: 0;
	line-height: 1;
}
.directory-ad img {
	border: solid 1px #2b2b2b;
}
.home-sales .button-link {
	display: none;
}
.home-sales p a {
	text-decoration: underline;
}
@media (max-width: 700px) {
	.home-sales .print-subscription {
		border-bottom: solid 1px #ebebeb;
		padding-bottom: 0;
	}
	.home-sales .print-subscription .magazine-image:after {
		content: '';
		display: none;
	}
	.home-sales .directory-ad {
		border-bottom: solid 1px #ebebeb;
	}
	.home-sales .subscription-text, .home-sales .directory-text {
		float: left !important;
		width: 50% !important;
		margin-bottom: 20px;
	}
	.home-sales .magazine-image, .home-sales .directory-image {
		float: right !important;
		width: 45% !important;
		margin-bottom: 20px;
	}
	.home-sales .directory-image {
		margin-bottom: 0px;
	}
	.home-medium-rectangle {
		clear: both;
	}
}
@media (max-width: 700px) and (min-width: 700px) {
	.home-sales .print-subscription, .home-sales .directory-ad {
		width: 50% !important;
		float: left !important;
		border-bottom: none;
	}
	.home-sales .subscription-text, .home-sales .directory-text {
		float: left !important;
		width: 50% !important;
		margin-bottom: 20px;
	}
	.home-sales .magazine-image, .home-sales .directory-image {
		float: right !important;
		width: 50% !important;
		margin-bottom: 20px;
	}
	.home-sales p a {
		text-decoration: underline;
	}
	.home-sales .button-link {
		display: none;
	}
	.home-medium-rectangle {
		clear: both;
	}
}
@media (max-width: 1280px) {
	.home-sales .print-subscription .magazine-image:after {
		content: '';
		display: none;
	}
}
@media (min-width: 1280px) and (max-width: 1800px) {
	.home-sales .button-link {
		display: none;
	}
	.home-sales p a {
		text-decoration: underline;
	}
}
@media (min-width: 1800px) {
	.home-sales .print-subscription {
		margin-bottom: 30px !important;
		border-bottom: none;
		padding-bottom: 30px;
	}
	.home-sales .directory-ad {
		margin-bottom: 30px !important;
		border-bottom: solid 1px #ebebeb;
		padding-bottom: 30px;
	}
	.home-sales .button-link {
		display: block;
	}
	.home-sales p a {
		text-decoration: none;
	}
}
.home-medium-rectangle {
	border-right: solid 1px #e6e6de;
	border-left: solid 1px #e6e6de;
	position: relative;
	margin-top: 15px;
}
@media (min-width: 1800px) {
	.home-medium-rectangle {
		margin-top: 45px;
	}
}
.home-medium-rectangle:after, .home-medium-rectangle:before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 80px;
	background: url('/content/images/medium_rectangle_right_shadow.gif') no-repeat right center;
}
.home-medium-rectangle:before {
	left: 0;
	background: url('/content/images/medium_rectangle_left_shadow.gif') no-repeat right center;
}
.home-medium-rectangle div {
	z-index: 999;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
}


/* -----------------------------------------
   Home Sales moves underneath the slideshow in resolutions under 1070px, because the 300x250 banner will not fit into the right column in smaller resolutions. The slideshow is forced to span full width.
   This is better experience for tablet users.
----------------------------------------- */

@media (min-width: 700px) and (max-width: 1070px) {
	.features {
		width: 100% !important;
	}
	.home-sales {
		width: 100% !important;
	}
	.home-sales .print-subscription, .home-sales .directory-ad  {
		border-bottom: none;
	}
	.home-sales .directory-ad {
		padding-bottom: 0;
	}
	
}
@media (min-width: 700px) and (max-width: 999px) {
	.home-sales  .print-subscription, .home-sales  .directory-ad {
		width: 50% !important;
		float: left;
		margin: 0 0 30px 0 !important;
		border-bottom: none;
		padding-bottom: 0;
	}
	.home-medium-rectangle {
		clear: left;
	}
}
@media (max-width: 999px) {
	.home-medium-rectangle {
		width: 100% !important;
		float: none;
		padding-top: 30px;
	}
}
@media (max-width: 700px) {
	.home-medium-rectangle {
		padding-top: 0px;
	}
}
@media (min-width: 999px) and (max-width: 1070px) {
	.home-sales  .print-subscription, .home-sales  .directory-ad, .home-medium-rectangle {
		width: 33.333333% !important;
		float: left;
		margin: 0 !important;
	}
}


/* -----------------------------------------
   Horizontal Articles List
----------------------------------------- */

.horizontal-article-list ul {
	list-style: none;
	margin: 0;
}
.horizontal-article-list li {
	min-height: 260px;
}
@media (max-width: 700px) {
	.horizontal-article-list li {
		border-bottom: solid 1px #ebebeb;
		margin-bottom: 30px;
		padding-bottom: 20px;
	}
}
.horizontal-article-list li img {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}
.category-link {
	position: absolute;
	left: 7px;
	top: 10px;
	font: bold 14px/30px Oxygen, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
.category-link a {
	display: block;
	background: #2b2b2b;
	padding: 0px 10px;
	color: #FFF;
	text-decoration: none;
	-webkit-transition: background-color 150ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out;
	-ms-transition: background-color 150ms ease-in-out;
	transition: background-color 150ms ease-in-out;
}
.horizontal-article-list li:hover .category-link a, .news-image:hover .category-link a {
	background: #c4c4a8;
	color: #000;
}
.category-link a:hover {
	background: #FFF;
	color: #000;
}
.project-category-link a {
	font-size: 14px;
	color: #666;
	text-decoration: none;
}
.project-category-link a:hover {
	color: #2b2b2b;
	text-decoration: underline;
}
.horizontal-article-list li a img {
	border: solid 2px #fff;
}
.horizontal-article-list li a:hover img {
	border: solid 2px #2b2b2b;
}
.horizontal-article-list li h3, .horizontal-article-list li h4 {
	margin: 0px 0 0 0;
	font-size: 15px;
	text-transform: none;
	font-weight: normal;
}
.horizontal-article-list li h3 a, .horizontal-article-list li h4 a {
	text-decoration: none;
}
.horizontal-article-list li h3 a:hover, .horizontal-article-list li h4 a:hover {
	text-decoration: underline;
}

@media (min-width: 1056px) {
    .bottom-area {
      margin: 3em -1.8em -1.7em -1.7em;
      padding: 2em 0 0 1.7em;
      box-shadow: 0 0em 2em 0 rgba(0,0,0,0.1);
      -moz-box-shadow: 0 0em 2em 0 rgba(0,0,0,0.1);
      -webkit-box-shadow: 0 0em 2em 0 rgba(0,0,0,0.1);
  }
}



/* -----------------------------------------
   Product Inspiration
----------------------------------------- */

.product-inspiration {
	padding-top: 30px;
}
.product-inspiration header, .product-categories-header {
	background: #2b2b2b;
	height: 50px;
	padding: 0 15px;
	margin-bottom: 30px;
	margin-top: 35px;
}
.product-inspiration h3, .product-categories-header h2 {
	margin: 0;
	text-transfrom: uppercase;
	color: #FFF;
	float: left;
	line-height: 47px;
	font-size: 24px;
	position: relative;
	padding-left: 33px;
}
.product-inspiration h3:before, .product-categories-header h2:before {
	content: '';
	display: block;
	background: url('/content/images/product_directory_icon_white_small.png') no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -10px;
}
.product-inspiration .view-more-link {
	float: right;
	line-height: 50px;
}
.product-inspiration .view-more-link a {
	color: #FFF;
}
.product-inspiration .product {
	padding: 1em 0;
}
.product-inspiration .product .featured-label {
  left: 0.3em;
}
@media (max-width: 700px) {
	.product-inspiration .product {
		border-bottom: solid 1px #ebebeb;
		margin-bottom: 30px;
		padding-bottom: 20px;
	}
}
.editors-pick-product {
  box-shadow: 0.2em 0.2em 0 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 0.2em 0.2em 0 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0.2em 0.2em 0 0 rgba(0,0,0,0.2);
  border: solid 1px #ebebeb;
}
.product-inspiration img {
	float: left;
	margin: 0 20px 20px 0;
}
@media (max-width: 700px) {
	.product-inspiration img {
		margin: 0 20px 30px 0;
		width: 30%;
	}
}
.product-inspiration .product-category a {
	text-transform: uppercase;
	font-size: 14px;
	color: #999;
	text-decoration: none;
}
.product-inspiration h4 {
	margin: 0 0 10px 0;
	text-transform: none;
	font: 16px Sofia, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.product-inspiration h4 a {
	color: #444;
}
.product-inspiration p {
	color: #666;
	line-height: 1.4;
}
@media (min-width: 701px) and (max-width: 978px) {
	.product-inspiration img {
		width: 40%;
		margin-bottom: 40px;
	}
	.product-inspiration p {
		font-size: 12px;
	}
}
.product-inspiration .view-more a {
	display: block;
	padding: 12px 15px;
	position: relative;
}
body.home-page .skyscraper {
	padding-top: 30px;
}
.product-inspiration .button-link a {
	position: relative;
	padding-left: 50px;
}
.product-inspiration .button-link a:before {
	content: '';
	display: block;
	background: url('/content/images/product_directory_icon_white_small.png') no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -10px;
}

.browse-company
{
    position:relative; 
    top:30px;
}

/* Projects Inspiration */
.project-inspiration {
  border-top: solid 1px #ededed;
}
.project-inspiration .view-more-link {
	float: right;
	margin-top: -30px;
}
@media (max-width: 700px) {
	.project-inspiration .view-more-link {
		float: none;
		margin-top: 0px;
		margin-bottom: 20px;
	}
}

.hot-topics-articles {
  list-style: none;
  background: #f7f7f7;
  padding: 2em 0 0em 0;
  margin-top: -2em;
  margin-bottom: -2em;
}
.hot-topics-articles li {
  border-bottom: solid 1px #ebebeb;
  margin-bottom: 2em;
  padding: 0 1em 2em 1em;
}
.hot-topics-articles .article-image {
  width: 30%;
  float: left;
  margin-right:1em;
}
.hot-topics-articles h4 {
  margin: 0;
  font: 1.1em/1.4 Oxygen, Helvetica, sans-serif;
  text-transform: none;
}
.hot-topics-articles h4 a {
  text-decoration: none;
}


.horizontal-article-list .article-image {
  position: relative;
}

.revealing-standfirst {
  position: absolute;
  left: 0em;
  right: 0em;
  background: transparent;
  background-image: url('/content/images/grey-bg.png');
  bottom: 0;
  color: #000;
  padding: 0;
  font-size: 0.86em;
  height: 0;
  overflow: hidden;
  transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
}
.horizontal-article-list li:hover .revealing-standfirst {
  height: 7.3em;
  padding: 1em;
}
.revealing-standfirst a {
  color: #f7f7f7;
  text-decoration: none;
}


/* -----------------------------------------
   Category
----------------------------------------- */

body.category-template .article-image img {
	width: 100%;
}
/*
.category-header {
	padding-bottom: 20px;
	margin-top: 20px;
}
 */
.category-sharers ul {
	border-top: solid 1px #ebebeb;
	border-bottom: solid 1px #ebebeb;
	list-style: none;
	padding: 5px 0 0 0;
}
.category-sharers li {
	float: left;
}
.category-sharers li:first-child {
	margin-right: 10px;
}
.category-sharers li:nth-child(3) {
	margin-right: 20px;
}
.article-1 {
	padding-bottom: 20px;
}
.article-1 h2 {
	margin-top: 0;
	margin-bottom: 20px;
	line-height: 1.3;
}
.article-1 h2 a {
	text-decoration: none;
}
.article-1 p {
	margin-bottom: 30px;
}
@media (max-width: 700px) {
	.article-1 {
		border-top: solid 1px #ebebeb;
		padding-top: 30px;
		padding-bottom: 10px;
		background: #f7f7f7;
		margin-bottom: 30px !important;
		border-bottom: solid 1px #ebebeb;	
	}
	.article-1 h2 a {
		text-decoration: underline;
	}
}
@media (min-width: 700px) and (max-width: 978px) {
	.article-1 .article-text {
		width: 50% !important;
	}
	.article-1 .article-text h2 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.article-1 h2 a {
		text-decoration: underline;
	}
	.article-1-image {
		width: 50% !important;
	}
}
@media (max-width: 978px) {
	.article-1 .button-link {
		display: none;
	}	
}
.also-in {
	border-top: solid 1px #ebebeb;
	margin-top: 30px;
}
.also-in ul {
	list-style: none;
}
.also-in li {
	border-bottom: solid 1px #ebebeb;
	font-size: 18px;
	position: relative;
	padding: 20px 0 20px 50px;
}
.also-in li:before {
	content: '';
	background: url('/content/images/sprite.png') no-repeat -450px 0;
	height: 50px;
	width: 50px;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -25px;
}
.opinion-author-image  {
  padding-left: 1em;
  border-left: solid 1px #ededed;
}
.opinion-author-image a {
  text-decoration: none;
}
.opinion-author-image a img {
  border: solid 5px #ccc;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.opinion-author-image a:hover img {
  border: solid 5px #999;
}
.opinion-author-image .byline {
  text-decoration: underline; 
}
.opinion-author-image .article-date {
  font-style: italic;
  color: #999;
  font-size: 0.9em;
}
.opinion-article-header {
  padding-bottom: 1em;
}
.opinion-heading {
  font-size: 1.8em;
  margin: 0 0 1em 0;
}
.opinion-heading .article-author {
  font-size: 1.2em;
  margin-bottom: 0.5em;
  font-style: italic;
}



/* -----------------------------------------
   Companies A-Z
----------------------------------------- */

.letter-anchors {
	list-style: none;
	background: #2b2b2b;
}
.letter-anchors li {
	float: left;
	width: 3.84615%;
	text-transform: uppercase;
	font: bold 16px/50px Oxygen, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.letter-anchors li a {
	width: 100%;
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.letter-anchors li a:hover {
	background: #666;
}
@media (max-width: 728px) {
	.letter-anchors li {
		width: 7.6923%
	}
}
@media (max-width: 350px) {
	.letter-anchors li {
		width: 14.285%
	}
}
.letter-anchors-2 {
	position: fixed;
	width: 50px;
	margin-top: 30px;
}
.letter-anchors-2 li {
	width: 50%;
	line-height: 30px;
}
.listing-header {
	background: #6b6b6b;
	margin-top: 30px;
}
body.companies .listing-header h3 {
	width: 50px;
	background: #2b2b2b;
	color: #fff;
	text-align: center;
	float: left;
	margin: 0;
	line-height: 50px;
	font-size: 16px;
}
.listing-header .back-to-top {
	float: right;
	width: 60px;
	background: #2b2b2b;
}
.listing-header .back-to-top a {
	display: block;
	color: #FFF;
	line-height: 50px;
	text-align: center;
}
.companies ul {
	list-style: none;
}
.companies li {
	border-bottom: solid 1px #ebebeb;
	padding: 10px;
	height: 50px;
	overflow: hidden;
}
.companies li:active {
	height: auto;
}
.companies li h4 {
	font: normal 18px Sofia, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: none;
	margin: 0;
}
.companies li p {
	margin-top: 12px;
}


/* -----------------------------------------
   Contact Box and vCard
----------------------------------------- */

.contact-box {
	
}
.contact-box h2 {
	font-size: 16px;
	background: rgb(225,225,213);
	padding: 10px;
}
.adr h4 {
	font-size: 16px;
	text-transform: none;
	font-weight: normal;
	margin-bottom: 0;
}
.adr p {
	margin-bottom: 0;	
}
.adr p, .adr span, .adr h4 {
	line-height: 1.6;
}
.vcard-element {
	border-bottom: solid 1px #ebebeb;
	padding: 10px;
	display: block;
	margin-bottom: 0;
}
.vcard-element h3 {
	font-size: 16px;
	margin-top: 0;
}
.map {
	margin-top: 30px;
}
.vcard .tel {
	margin-top: 10px;
	font-weight: bold;
}
.submit-project-box {
  padding: 2em;
  background: #f7f7f7;
  margin-top: -0.5em;
  text-align: center;
}



/* -----------------------------------------
   Pagination
----------------------------------------- */


.pagination {
	display: block;
	height: 1.5em;
	margin-left: -0.3125em;
	padding-bottom: 30px;
	min-height: 80px;
}
.pagination li {
	display: block;
    float: left;
    height: 1.5em;
    color: #222222;
    -size: 0.875em;
    margin-left: 0.3125em;
    font-size: 18px;
}
.pagination li a {
	display: block;
	padding: 5px 15px;
	color: #999999;
}
.pagination li:hover a,
.pagination li a:focus {
	background: #ccc;
}
.pagination li.unavailable a {
	cursor: default;
	color: #999999;
}
.pagination li.unavailable:hover a, .pagination li.unavailable a:focus {
	background: transparent;
}
.pagination li.current a {
	background: #222;
	color: white;
	font-weight: bold;
	cursor: default;
}
.pagination li.current a:hover, .pagination li.current a:focus {
	background: #666;
}

.pagination-centered {
	text-align: center;
}
.pagination-centered ul > li {
	float: none;
	display: inline-block;
}



/* -----------------------------------------
   Sitewide Footer
----------------------------------------- */

.sitewide-footer {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: white;
}
.footer-links {
	list-style: none;
	margin: 0;
}
.footer-links li {
	border-bottom: solid 1px #ebebeb;
	font-size: 12px;
}
.footer-links li a {
	color: #666;
}


/* -----------------------------------------
   Sitewide Banners
----------------------------------------- */


.banner-3-1 {
	display: none;
	width: 300px;
	margin: 20px auto;
}
.full-banner {
	display: none;
	float: right;
}
.leaderboard {
	display: block;
	float: right;
}
@media (max-width: 700px) {
	.banner-3-1 {
		display: block;
		margin: 20px auto 20px auto;
	}
	.full-banner {
		display: none;
	}
	.leaderboard {
		display: none;
	}
}
@media (min-width: 700px) and (max-width: 1070px) {
	.banner-3-1 {
		display: none;
	}
	.full-banner {
		display: block;
	}
	.leaderboard {
		display: none;
	}
}
@media (min-width: 1070px) {
	.banner-3-1 {
		display: none;
	}
	.full-banner {
		display: none;
	}
	.leaderboard {
		width: 728px;
	}
}
.medium-rectangle {
	text-align: center;
}



/* -----------------------------------------
   Breadcrumb
----------------------------------------- 

body.article-template .breadcrumb {
	padding-bottom: 30px;
}*/
.breadcrumb ul {
	list-style: none;
	margin: 0;
}
.breadcrumb li {
	display: inline-block;
	text-transform: uppercase;
	color: #999;
	padding-right: 7px;
	font-weight: bold;
	font-size: 11px;
}
.breadcrumb li a {
	color: #999;
	text-decoration: none;
}
.breadcrumb li a:after {
	content: '/';
	color: #ccc;
	margin-left: 10px;
}


/* -----------------------------------------
   Left Indented Content
----------------------------------------- */

.left-indented-content {
	list-style: none; 
	background: #fefefe; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #fefefe 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #fefefe 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #fefefe 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #fefefe 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to right,  #fefefe 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
	margin-left: -25px !important;
	position: relative;
	border-bottom: solid 1px #d3d3d3;
	margin-top: 10px !important;
	margin-bottom: 30px !important;
	padding-left: 25px !important;
	min-height: 30px;
	z-index: 999;
}
.left-indented-content:after {
	content: '';
	display: block;
	background: url('/content/images/blogger_details_shadow.png') no-repeat left;
	height: 20px;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	z-index: 998;
}
@media (max-width: 700px) {
	.left-indented-content {
		margin-left: 0px !important;
		padding-left: 0px !important;
		border: none;
	}
	.left-indented-content:after {
		background: none;
	}
}
@media (min-width: 700px) and (max-width: 1280px) {
	.left-indented-content {
		margin-left: -25px !important;
		padding-left: 25px !important;
	}
}


/* -----------------------------------------
   Article
----------------------------------------- */
.main-content {
  width: 70% !important;
}
.article-content {
  width: 45% !important;
}
@media (max-width: 728px) {
  .main-content {
    width: 100% !important;
  }
  .article-content {
    width: 100% !important;
  }
}
.article-date {
	text-transform: uppercase;
	color: #666;
	font-size: 15px;
	margin-bottom: 5px;
	display: block;
}
.by-line {
	color: #888;
}
.by-line strong {
	font-weight: normal;
}
.share-buttons {
	margin-bottom: 30px;
}
.share-buttons ul {
	list-style: none;
	margin: 0;
	border: solid 1px #ebebeb;
	background: #f7f7f7;
}
.share-buttons li {
	float: left;
	overflow: hidden;
	width: 25%;
	padding: 15px 20px;
	border-right: solid 1px #ebebeb;
	border-left: solid 1px #fff;
	margin: 0;
	height: 50px;
}
.share-buttons li:last-child {
	border: none;
}
.share-buttons li:hover {
	background: #f7f7f7;
}

/* Image Gallery, Image tools and Lightbox */
/* Lightbox */
.lb-outerContainer {
  box-shadow: 0 0 3em 0;
}
/* Preload images */
body:after {
  content: url(/content/images/close.png) url(/content/images/loading.gif) url(/content/images/prev.png) url(/content/images/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/content/images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/content/images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/content/images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 1.8em;
  color: #fff;
  margin: 1em 0;
  display: block !important;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/content/images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.main-image {
	position: relative;
}
.image-tools {
	height: 50px;
	display: block;
	position: absolute;
	left: -10px;
	top: 20px;
	background: rgb(79,79,79);
	background: rgba(69,69,69,0.9);
}
.image-tools:before {
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 0px solid transparent;
	border-top: 10px solid rgb(30,30,30);
	left: 0px;
	bottom: -10px;
	position: absolute;
}
.image-tools ul {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	width: 60px;
	height: 50px;
	transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
}
.image-tools ul:hover {
	width: 270px;
	-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4);
        box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}
.image-tools li {
	display: inline-block;
	float: left;
	height: 50px;
	width: 50px;
	margin-left: 10px;
}
.image-tools li a {
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -5000px;
	overflow: hidden;
}
.image-tools li a {
	background: url('/content/images/sprite.png') no-repeat -400px 0;
}
.image-tools:hover li.reveal-tools a {
	background: url('/content/images/sprite.png') no-repeat -400px bottom;
}
.image-tools li.reveal-tools {
	width: 50px;
	margin-left: 10px;
	margin-right: 10px;
	border-right: solid 1px rgb(68, 68, 68);
}
/*.image-tools li.email-image {
	border-left: solid 1px rgb(90, 90, 90);
}*/
.image-tools li.email-image a {
	background-position: -700px 0;
}
.image-tools li.email-image a:hover {
	background-position: -700px bottom;
}
.image-tools li.save-image a {
	background-position: -750px 0;
}
.image-tools li.save-image a:hover {
	background-position: -750px bottom;
}
.image-tools li.pin-image a {
	background-position: -800px 0;
}
.image-tools li.pin-image a:hover {
	background-position: -800px bottom;
}
.image-gallery .thumbnail-images {
	position: relative;
	overflow: visible;
}
/*@media (min-width: 700px) {
	.image-gallery .thumbnail-images {
		position: relative;
		margin: 0 0px 0 -20px;
		padding: 0 0 0 20px;
	}
}
.image-gallery .thumbnail-images .carousel {
	overflow: hidden;
}
.image-gallery .thumbnail-images ul {
	list-style: none;
	width: 700px;
}
.image-gallery .thumbnail-images li {
	display: inline-block;
	margin-right: 20px;
}
.thumbnail-images-nav {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -35px;
	height: 50px;
	width: 30px;
}
.thumbnail-images-nav ul {
	list-style: none;
	margin: 0;
	height: 50px;

}
.thumbnail-images-nav li {
	text-indent: -5000px;
	overflow: hidden;
	position: absolute;
	curser: pointer;
}
.thumbnail-images-nav li.left {
	left: 0px;
	top: 0;
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-right:10px solid #2b2b2b;
}
.thumbnail-images-nav li.right {
	left: 0px;
	bottom: 0;
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-left:10px solid #2b2b2b;
}*/
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0; position: relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************

*/
.flexslider ul {-webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; margin: 0;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;} 
.flexslider .slides {zoom: 1;}

#carousel {
	border-bottom: solid 1px #ebebeb;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0; list-style: none; margin: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url('/content/images/bg_direction_nav.png') no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}



/* Control Nav 
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

.image-credit {
	position: absolute;
	bottom: 20px;
	right: 0px;
}
.flexslider .image-credit {
	bottom: 107px;
}
.image-credit a {
	display: block;
	background: rgb(79,79,79);
	background: rgba(69,69,69,0.9);
	padding: 5px 10px;
	color: #ccc;
	text-decoration: none;
}
.image-credit a:hover {
	background: 10px solid rgb(60,60,60);
	background: 10px solid rgba(50,50,50,0.9);
	color: #FFF;
}

.image-caption, .flex-caption {
	border-top: solid 1px #ebebeb;
	border-bottom: solid 1px #ebebeb;
	padding: 20px 20px 5px 20px;
	margin-bottom: 25px;
	text-transform: uppercase;
	color: #666;
	text-align: center;
}
.flex-caption {
	margin-bottom: 0;
	padding: 20px;
	margin-top: 20px;
}
.image-caption p, .flex-caption p {
	text-transform: uppercase;
	color: #666;
	text-align: center;
}

/* Gallery 
.orbit-gallery {
	overflow: hidden;
}
.image-gallery {
	overflow: hidden;
}*/
.gallery-slide {
	position: absolute;
	top: 0;
}
.orbit img.fluid-placeholder {
	width: 100%;
}

.lb-outerContainer {
	max-width: 90%;
}

/* Article body */
.article-body {
	padding-bottom: 30px;
}
.article-body p:first-of-type {
	font-size: 18px;
	line-height: 30px;
	color: #666;
}
blockquote.pullquote {
	font: 18px/30px Georgia;
	border: none;
	padding: 30px 0px 15px 120px;
	position: relative;
	quotes:"\201C""\201D""\2018""\2019";
	border-top: solid 1px #ebebeb;
	border-bottom: solid 1px #ebebeb;
	position: relative;
	margin: 30px 0;
}
blockquote.pullquote:before {
	color: #ededed;
	content: open-quote;
	font-size: 220px;
	line-height: .1em;
	vertical-align: -.4em;
	position: absolute;
	left: 0;
	top: 65px;
}
@media (max-width: 700px) {
	blockquote.pullquote {
		padding: 30px 0px 15px 50px;
	}
	blockquote.pullquote:before {
		font-size: 160px;
		top: 50px;
	}
}
blockquote.pullquote:after {
	content: '';
	display: block;
	position: absolute;
	background: url('/content/images/pullquote_shadow.png') repeat-x center;
	height: 60px;
	top: -30px;
	left: 0;
	right: 0;
	z-index: 999;
}
blockquote.pullquote p {
	font: 30px/36px Sofia, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: right;
	color: #333;
}

/* Contextual Product Links */
.contextual-product-link {
	color: #8e3a6c;
}
.contextual-product-link strong {
	position: relative;
	padding-left: 30px;
}
.contextual-product-link strong:before {
	content: '';
	display: block;
	background: url('/content/images/product_directory_icon_small.png') no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 10px;
	top: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.contextual-product-link strong:before {
		background: url('/content/images/product_directory_icon.png') no-repeat;
	}
}
.contextually-related-product {
	width: 200px;
	position: absolute;
	right: -240px;
	margin-top: -40px;
}
.contextually-related-product:before {
	content: '';
	background: url('/content/images/related_product_shadow.png') no-repeat left top;
	width: 156px;
	height: 303px;
	display: block;
	position: absolute;
	left: -50px;
	top: -45px;
}
@media (max-width: 700px) {
	.contextually-related-product {
		width: 100%;
		position: static;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.contextually-related-product:before {
		content: '';
		background: none;
		width: 0;
		height: 0;
		display: none;
	}
}
@media (min-width: 700px) and (max-width: 978px) {
	.contextually-related-product {
		width: 140px;
		right: -165px;
	}
}
@media (min-width: 978px) and (max-width: 1280px) {
	.contextually-related-product {
		width: 220px;
		right: -240px;
	}
}
@media (min-width: 1800px) {
	.contextually-related-product {
		width: 230px;
		right: -280px;
	}
}

.contextually-related-product .ribbon {
	display: block;
	position: absolute;
	top: -3px;
	left: 10px;
	background: url('/content/images/related_product_tag.png') left;
	width: 28px;
	height: 38px;
	z-index: 999;
}
.contextually-related-product:hover .ribbon {
	background: url('/content/images/related_product_tag.png') right;
}
.contextually-related-product a img {
	border-top: solid 3px #c381a8;
	display: block;
	width: 100%;
}
.contextually-related-product a:hover img {
	border-top: solid 3px #863164;
}
.contextually-related-product h5 {
	text-transform: none;
	margin: 10px 0 0 0;
}
.contextually-related-product h5 a {
	color: #863164;
}
.contextually-related-product h6 {
	text-transform: none;
	margin: 5px 0 0 0;
}
.contextually-related-product h6 a {
	color: #555;
}

/* Article images */
.article-image {
	position: relative;
}
.full-width-image {
	margin: 30px 0;
	position: relative;
}
.full-width-image img {
	border-top: solid 1px #ebebeb;
	border-bottom: solid 1px #ebebeb;
	padding: 10px 0;
}

/* Article Footer */
.author-twitter  {
	text-align: right;
	padding-bottom: 20px;
	position: relative;
	padding-right: 50px;
	color: #666;
	line-height: 1.4;
	margin-right: -30px;
}
.author-twitter:after {
	content: '';
	width: 50px;
	margin: 0 0 0 20px;
	text-indent: -5000px;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	display: block;
	background: url('/content/images/sprite.png') no-repeat -100px -5px !important;
	position: absolute;
	right: 0;
	bottom: 20px;
}
.author-twitter a {
	color: #019ad2;
}

/* Related article in text */
.content-embedded-related-article, .part-of-series {
  border: solid 1px #ededed;
  padding: 1em;
  margin: 3em 0;
  box-shadow: 0.3em 0.3em 0.05em 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 0.3em 0.3em 0.05em 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0.3em 0.3em 0.05em 0 rgba(0,0,0,0.2);
  position: relative;
}
.content-embedded-related-article img {
  margin-top: 1em;
}
.content-embedded-related-article h3 {
  position: absolute;
  left: -0.5em;
  top: -2.5em;
  font-size: 0.9em;
  background: #ccc;
  padding: 0.2em 0.5em 0.5em;
  z-index: 1;
  box-shadow: 0.2em 0.2em 0.05em 0 rgba(0,0,0,0.1);
  -moz-box-shadow: 0.2em 0.2em 0.05em 0 rgba(0,0,0,0.1);
  -webkit-box-shadow: 0.2em 0.2em 0.05em 0 rgba(0,0,0,0.1);
}
.content-embedded-related-article h3:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -0.3em;
  border-top: solid 0.5em #999;
  border-left: solid 0.5em transparent;
}
.content-embedded-related-article h4 a, .content-embedded-related-article p {
  margin: 0;
  text-transform: none;
  font-style: italic;
  color: #777;
}
.content-embedded-related-article p:first-of-type {
  color: #999;
  font-size: 1.2em;
  line-height: 1.4;
}

/* Article tools */
.article-tools ul {
	list-style: none;
	margin-bottom: 0;
}
.article-tools li {
	display: inline-block;
	margin-right: 30px;
}

/* Article tags */
.article-tags {
	/*background: url('/content/images/pullquote_shadow.png') repeat-x center top;
	padding-top: 30px;*/
}
.article-tags ul {
	list-style: none;
}
.article-tags li {
	display: inline-block;
	margin-right: 10px;
	text-transform: uppercase;
	font-size: 14px;
}
.article-tags li a {
	background: #2b2b2b;
	color: #fff;
	text-decoration: none;
	padding: 5px;
}
.article-tags li a:hover {
	background: #666;
}

/* Author bio under article content NOW REDUNDENT 
.author-bio {
	min-height: 300px;
	border-top: solid 1px #ebebeb;
	border-bottom: none;
}
.author-bio:after {
	top: -20px;
	bottom: auto;
}
.author-bio p {
	color: #666;
	font-size: 14px;
}
.author-image {
	padding: 30px 20px 20px 20px;
	background: #f7f7f7;
	border: solid 1px #ebebeb;
	border-top: none;
	margin: 1px 0px 20px -20px;
}
@media (max-width: 700px) {
	.author-image {
		padding: 0;
		background: none;
		border: none;
		margin: 20px 0;
	}	
}*/
.author-bio {
  padding-top: 3em;
}
.content-accreditation {
	border-top: solid 1px #ebebeb;
	border-bottom: solid 1px #fff;
	margin: 0 5px 30px 5px;
}
.content-accreditation p {
	margin: 0;
	border-bottom: solid 1px #ebebeb;
	padding: 20px;
	font-size: 14px;
	color: #666;
}
.content-accreditation span {
	float: left;
	line-height: 30px;
}
.content-accreditation img {
	float: left;
	margin: 0px 20px 0 0px;
	height: 30px;
}
.part-of-series {
  margin-bottom: 0;
}
.part-of-series .eight {
  position: static;
}
.part-of-series ul {
  list-style: none;
}
.part-of-series li {
  background: #ccc;
  color: #000;
  padding: 0.5em;
  position: absolute;
  left: -0.5em;
  top: 50%;
  margin-top: -1.1em;
  font-size: 0.8em;
}
.part-of-series li:before {
  content: '';
  position: absolute;
  left: -1.6em;
  top: -0.4em;
  border-right: solid 1.7em #ccc;
  border-top: solid 1.7em transparent;
  border-bottom: solid 1.7em transparent;
}
.part-of-series li:nth-child(2) {
  left: auto;
  right: -0.6em;
}
.part-of-series li:nth-child(2):before {
  left: auto;
  top: -0.4em;
  right: -1.7em;
  border-left: solid 1.7em #ccc;
  border-right: none;
}


/* -----------------------------------------
   News Category
----------------------------------------- */

ul.top-news-list {
	list-style: none;
	padding-top: 30px;
}
ul.top-news-list li {
	border-bottom: solid 1px #ebebeb;
	margin-bottom: 30px !important;
	padding-bottom: 20px;
}
ul.top-news-list h3 {
	font: 24px Sofia, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: none;
	margin-top: 0;
}
ul.top-news-list h3 a {
	text-decoration: none;
}
ul.top-news-list article-date {
	margin-bottom: 10px;
}
@media (max-width: 765px) {
	ul.top-news-list li img {
		width: 100%;
		margin-bottom: 20px;
	}
}


/* -----------------------------------------
   Blogs page
----------------------------------------- */

ul.top-news-list ul.bloggers-blogs {
	margin-left: 0;
	list-style: none;
}
ul.top-news-list .bloggers-blogs li {
	position: relative;
	padding: 10px 0 10px 50px;
	border: none;
	margin-bottom: 0px !important;
}
.bloggers-blogs li:before {
	content: '';
	width: 50px;
	height: 50px;
	background: url('/content/images/sprite.png') no-repeat -550px top;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -25px;
}
ul.top-news-list h3 {
	display: inline-block;
}
ul.top-news-list .rss-icon-large {
	display: inline-block;
	margin-left: 6px;
}


/* -----------------------------------------
   Blogger Article
----------------------------------------- */

.blog-details {
	padding-bottom: 20px;
	padding-top: 20px;
}
.blog-details .avatar {
	float: left;
	margin-right: 20px;
}
.blog-details .avatar:before {
	content: '';
	width: 0; 
	height: 0; 
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 11px solid #d3d3d3;
	position: absolute;
	bottom: -1px;
	left: 59px;
	z-index: 998;
}
.blog-details .avatar:after {
	content: '';
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	position: absolute;
	bottom: -1px;
	left: 60px;
	z-index: 999;
}
.blog-details h4, .blog-details h1 {
	margin: 0;
	text-transform: none;
	font: normal 16px Sofia, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	display: inline-block;
}
.blog-details h1 {
	font-size: 28px;
	margin-top: -10px;
}
.blog-details h4 a, .blog-details h1 a {
	color: #2b2b2b;
	text-decoration: none;
}
.blog-details .rss-icon {
	display: inline-block;
	margin-left: 3px;
}
.blog-details p {
	font-size: 14px;
	color: #666;
	margin: 0;
	max-width: 700px;
}


/* -----------------------------------------
   Projects Template
----------------------------------------- */

body.projects-template .article-header {
	padding-bottom: 15px;
}



/* -----------------------------------------
   Products and Services Template
----------------------------------------- */


.product-list-with-descriptions ul {
	list-style: none;
}
.product-list-with-descriptions li {
	padding-bottom: 30px;
}
.product-list-with-descriptions li:nth-child(2n) {
        clear: right;
}
.product-list-with-descriptions li:nth-child(2) {
        clear: none;
}
.product-list-with-descriptions h4 {
	margin-top: 10px;
	font-size: 12px;
}

.refine-results {
	border: solid 1px #ebebeb;
	padding: 10px;
	background: #f7f7f7;
	margin-bottom: 30px;
}
.refine-results .view-by, .refine-results .products-per-page, .refine-results .product-type  {
	float: left;
	width: 25%;
	border-right: solid 1px #ededed;
	padding-right: 15px;
	margin-right: 15px;
	height: 30px;
}
.refine-results .product-type {
	border: none;
	margin-right: 15px;
}
@media (max-width: 900px) {
	.refine-results .view-by, .refine-results .products-per-page, .refine-results .product-type  {
		float: none;
		width: auto;
		border-right: none;
		padding-right: 0;
		margin-right: 0;
		height: 50px;
		border-bottom: solid 1px #ededed;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
}


/* -----------------------------------------
   Search Results Template
----------------------------------------- */


ol.search-results {
	list-style: none;
	margin: 0;
	padding: 0;
}
ol.search-results li {
	border-bottom: dotted 1px #ccc;
}

/* -----------------------------------------
   Tools Template
----------------------------------------- */

.tools-table .table-heading td {
	border-bottom: solid 1px #ccc;
	padding: 15px;
	font-size: 18px;
	background: #efefef;
}
.tools-table .table-headings td {
	padding: 15px;
	border-bottom: dashed 1px #ccc;
}
.tools-table .tools-table-download {
	padding-top: 20px;
}


/* -----------------------------------------
   Media Template
----------------------------------------- */


.media-download {
	border-top: solid 1px #ebebeb;
	border-bottom: 1px solid #ebebeb;
	padding: 20px 0;
}



/* -----------------------------------------
   Products Product Template
----------------------------------------- */


.product-header img {
	float: right;
	margin-top: -70px;
}
@media (max-width: 700px) {
	.product-header img {
		float: none;
		margin-top: 0px;
	}
}

/* Product spec */
.product-spec h3 {
	background: #333;
	margin: 0;
	color: #fff;
	font-size: 14px;
	padding: 0.5em 0.75em 0.5em 3em;
	position: relative;
	cursor: pointer;
	z-index: 999;
}
.product-spec h3:before {
	content: '';
	position: absolute;
	left: 15px;
	width: 20px;
	height: 20px;
	background: url('/content/images/sprite_lite.png') no-repeat -1165px -65px;
}
.product-spec h3:hover {
	background: #ccc;
	color: #2b2b2b;
}
.product-spec h3:hover:before {
	content: '';
	position: absolute;
	left: 15px;
	width: 20px;
	height: 20px;
	background: url('/content/images/sprite_lite.png') no-repeat -1165px -15px;
}
.spec-table {
	width: 100%;
	display: none;
	height: 1px;
	transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
}
.spec-revealed {
	display: block;
	height: auto;
}
.spec-header {
	width: 25%;
}

.product-image {
	position: relative;
}
.product-thumbnail-images ul {
	list-style: none;
	padding-top: 30px;
}
.product-thumbnail-images li img {
	width: 100%;
}
.product-image img {
	width: 100%;
}
.product-details h3 {
	font-size: 21px;
}
.product-tools h3 {
	border-bottom: solid 1px #d6d6d6;
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.product-tools ul {
	list-style: none;
}
.product-tools li {
	font: bold 16px/40px Oxygen, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	border-bottom: solid 1px #efefef;
}
.product-tools li:hover {
	background: url('/content/images/related_li.png') no-repeat center bottom;
}
.product-template .share-buttons {
	border-top: none;
}
.product-template .share-buttons ul {
	margin: 33px 0 0 0;
	list-style: none;
	border: none;
}
.product-template .share-buttons li {
	float: none;
	width: auto;
	border-left: none;
	border-right: none;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #ebebeb;
	margin: 0;
	padding: 15px 20px;
}
.more-products h4 {
	font-size: 21px;
}
.more-products ul {
	list-style: none;
	padding-top: 20px;
}
.more-products li {
	padding-bottom: 20px;
	border-bottom: solid 1px #efefef;
	margin-bottom: 20px;
}
.more-products li img {
	float: left;
	width: 20%;
}
.more-products li h5 {
	float: right;
	width: 75%;
	margin-top: 0;
}
.product-related-products {
	margin-left: -15px !important;
	border-bottom: none;
	border-top: solid 1px #ebebeb;
}
@media (max-width: 700px) {
	.product-related-products {
		margin-left: 15px !important;
	}
}
.product-related-products:after {
	bottom: auto;
	top: -20px;
}
.product-related-products h4 {
	margin: 30px 0 30px 0;
	font-size: 21px;
}
.product-related-products ul {
	list-style: none;
}
.product-related-products img {
	width: 100%;
}
.product-related-products h5 {
	margin-top: 10px;
}
.product-related-products a {
	text-decoration: none;
}
body.product-template .sidebar-item li h4 {
	margin: 0;
	text-transform: none;
	font-weight: normal;
	font-size: 16px;
}
body.product-template .latest-videos ul, body.product-template .latest-white-papers ul {
	padding: 30px 0;
}
body.product-template .latest-videos li, body.product-template .latest-white-papers li {
	border-bottom: solid 1px #ebebeb;
	margin: 0 0 20px 0;
	padding-bottom: 20px;
}
.press-releases-white-papers p {
	font-size: 14px;
	color: #666;
	margin: 0;
}
.press-releases-white-papers p span.pr-author {
	margin-left: 20px;
	color: #333;
}


/* -----------------------------------------
   Product Directory
----------------------------------------- */
.product-directory-header .button-link {
    float: right;
    margin-top: -50px;
}
.product-directory-header {
	padding-bottom: 20px;
}
.directory-nav {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
}
.directory-nav ul {
  list-style: none;
  float: left;
  width: 52%;
  margin: 0;
}
.directory-nav li {
  display: inline-block;
  text-align: center;
  float: left;
}
.directory-nav li a {
  display: block;
  text-transform: uppercase;
  background-color: #222;
  color: #fff;
  padding: 0.5em 1em;
 font-family: "Sofia", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; 
text-decoration: none; 
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.building-materials-link a {
  border-right: solid 1px #333;
}
.directory-nav li a:hover {
  background-color: #666;
}
.directory-nav li.home-link a {
  background-color: #fff;
  height: 2.6em;
  border-right: solid 1px #444;
  background-position: -657px -8px;
}
.dropdown-list {
  position: relative;

}
.dropdown-list ul {
  opacity: 0;
  height: 1px;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 999;
  width: 18em;
  box-shadow: 0.3em 0.3em 0 0 rgba(0,0,0,0.3);
  -moz-box-shadow: 0.3em 0.3em 0 0 rgba(0,0,0,0.3);
  -webkit-box-shadow: 0.3em 0.3em 0 0 rgba(0,0,0,0.3);
}
.dropdown-list li {
  width: 25em;
  display: block;
  text-align: left;
  border-bottom: solid 1px #333;
  z-index:999;
}
.dropdown-list:hover ul {
  opacity: 1;
  height: auto;
}


.directory-nav ul { 
width: 100% !important;
}
.directory-nav .home-link { 
 width: 4%; 
}

.directory-nav .home-link a { 
 		  width: 100%; 
 		} 
 	   .directory-nav .building-materials-link { 
 		  width: 32%; 
 		} 
 	    .directory-nav .interior-products-link { 
 	  	  width: 32%; 
 		} 
 	     .directory-nav .search-form { 
 		    width: 32%; 
 		    float: left; 
 		    border: solid 1px #ddd; 
 		    height: 2.6em; 
 		    margin: 0; 
 		    border-top: none; 
 		    z-index: 500; 
 		} 
 	 
 	 
 	@media (max-width: 1200px) { 
 	    .directory-nav ul { 
 	    	width: 100%; 
 	    } 
 	    .directory-nav .home-link { 
 		  width: 4%; 
 		} 
 	    .directory-nav .home-link a { 
 		  width: 100%; 
 		} 
 	   .directory-nav .building-materials-link { 
 		  width: 32%; 
 		} 
 	    .directory-nav .interior-products-link { 
 	  	  width: 32%; 
 		} 
 		.search-form { 
 		    width: 32%; 
 		    float: right; 
 		    border: solid 1px #ddd; 
 		    height: 2.6em; 
 		    margin: 0; 
 		    border-top: none; 
 		  } 
 	} 
 	 
 	 
 	@media (max-width: 1000px) { 
 	  .directory-nav ul { 
 	  		width: 100%; 
 	  	} 
 	  .directory-nav .search-form { 
 		    width: 100%; 
 		    float: left; 
 		    border: solid 1px #ddd; 
 		    height: 2.6em; 
 		    margin: 0; 
 	  	} 
 	     .directory-nav .home-link { 
 		  width: 10%; 
 		} 
 	    .directory-nav .home-link a { 
 		  width: 100%; 
 		} 
 	   .directory-nav .building-materials-link { 
 		  width: 45%; 
 		  font-size: 12px; 
 		} 
 	    .directory-nav .interior-products-link { 
 	  	  width: 45%; 
 	  	  font-size: 12px; 
 		} 
 	 
	} 	
	
.product-directory-content .slider-nav {
	position: absolute;
	z-index: 999;
	top: 50%;
	margin-top: -35px;
	width: 100%;
}
/*
.building-materials-example img, .interior-design-example img {
	width: 100%;
}*/
.building-materials-example p, .interior-design-example p {
	margin: 10px 0 30px 0;
	font-size: 18px;
}
.product-categories h3 {
	margin-top: 0;
}
.product-categories ul {
	list-style: none;
	margin: 0;
}
.product-categories li a {
	text-decoration: none;
	display: block;
	background: #ebebeb;
	padding: 1em;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
.product-categories li a:hover {
	background: #ed2024;
}
.product-categories li {
	padding-bottom: 20px;
	font-size: 1.3em;
}
.product-categories li strong {
	display: block;
}
.product-news h3 {
  font-size: 14px;
  text-transform: none;
}


/* -----------------------------------------
   Products Directory Sub Cat
----------------------------------------- */

.product-sub-categories {
	padding-bottom: 30px;
}
.product-sub-categories ul {
	list-style: none;
}
.product-sub-categories li a {
	display: block;
	border-bottom: solid 1px #f7f7f7;
	padding: 10px 0;
	text-decoration: none;
}
.product-sub-categories li a:hover {
	border-bottom: solid 1px #e3e3e3;
	background: #fdfdfd;
}
.product-listings-grid {
	border-top: solid 1px #ebebeb;
	border-bottom: none;
}
.product-listings-grid:after {
	top: -20px;
	bottom: auto;
}
.product-listings-grid ul {
	list-style: none;
	padding-top: 30px;
}
.product-listings-grid li {
	
}
.product-list-item {
	padding: 20px 0;
	border: solid 1px #ebebeb;
	min-height: 350px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
}
.product-list-image {
	padding: 10px 20px;
	background: #f7f7f7;
	border-top: solid 1px #ebebeb;
	border-bottom: solid 1px #ebebeb;
}
.product-list-item h4, .product-list-item h5 {
	padding: 0 20px;
}
.product-list-item h5 {
	margin-top: 10px;
}
.product-list-item:hover {
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
}
.product-listings-grid h4, .product-listings-grid h5 {
	margin: 0 0 10px 0;
	font: 18px Sofia, Helvetica, Arial, sans-serif;
	text-transform: none;
}
.product-listings-grid h4 {
	
}
.product-listings-grid h4 a, .product-listings-grid h5 a {
	text-decoration: none;
}
.product-listings-grid h5 a {
	color: #777;
}


/* -----------------------------------------
   About us pages  ***** See also: Tabs ******
----------------------------------------- */

body.about-template .article-header {
	margin-bottom: 30px;
}


/* -----------------------------------------
   Register
----------------------------------------- */

.form-element {
	padding-bottom: 20px;
	border-bottom: solid 1px #D3D3D3;
	margin-bottom: 20px;
}
.form-element:last-child {
	border: none;
}
.form-element label {
	width: 16%;
	float: left;
}
.form-element select, .form-element input {
	width: 84%;
	float: right;
}
.textarea-question label {
  float: none;
  width: 100%;
  margin: 0 0 0.5em 0;
}
.form-element small {
  display: block;
  font-size: 1em;
  font-style: italic;
  color: #999;
}
.checkbox-div {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.checkbox-div label, .checkbox-div input {
	display: inline-block;
	margin-right: 20px;
}
.captcha {
	border: solid 1px #ebebeb;
	margin: 30px 0;
}

.textarea-question label {
    float: none;
    margin: 0 0 0.5em;
    width: 100%;
}

.form-element small {
    color: #999;
    display: block;
    font-size: 1em;
    font-style: italic;
}

/* -----------------------------------------
   Blueprint Micro Site
----------------------------------------- */

.grey-dawn {
	background: #f6f4f4;
	margin-left: -25px;
	margin-right: -25px;
	margin-top: 10px;
	height: 150px;
	padding: 20px 30px 0 20px;
}
@media (max-width: 700px) {
	.grey-dawn {
		margin-left: 0px;
		margin-right: 0px;
		height: auto;
		padding: 20px;
	}
}
.in-association-with {
	text-align: right;
}
@media (max-width: 700px) {
	.in-association-with {
		padding-top: 20px;
		text-align: center;
	}
	.in-association-with img {
		width: 60%;
	}
}
.in-association-with h4 {
	margin: 0;
	font: 14px/24px Sofia, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #888;
	font-style: italic;
	text-transform: none;
	display: inline;
	margin-right: 1em;
}
.in-association-with img {
	max-width: 60%;
}
body.microsite .tabs {
	list-style: none; 
	padding-left: 20px !important;
	background: #f6f4f4;
	position: relative;
	border-bottom: solid 1px #d3d3d3;
	padding-right: 27%;
	margin-right: -40px;
}
@media (max-width: 978px) {
	body.microsite .tabs {
		margin-right: 0;
		padding-left: 0px;
		padding-right: 0;
	}
}
.magazine-cover-promo {
	position: relative;
	margin-left: -40px;
	margin-right: -40px;
}
@media (max-width: 700px) {
	.magazine-cover-promo {
		position: relative;
		margin-left: 0px;
		margin-right: 0px;
	}
}
.magazine-cover-promo img.magazine-cover-image {
	width: 100%;
}
.magazine-cover-promo h1 {
	position: absolute;
	left: 40px;
	top: 30px;
	position: absolute;
	width: 30%;
	margin: 0;
	font-size: 30px;
}
@media (min-width: 700px) and (max-width: 1280px) {
	.magazine-cover-promo h1 {
		width: 60%;
	}
}
@media (max-width: 700px) {
	.magazine-cover-promo h1 {
		width: auto;
		left: 20px;
		right: 20px;
		position: static;
		font-size: 24px;
	}
}
.magazine-cover-promo h1 a {
	text-decoration: none;
}
.magazine-cover-promo h1 span {
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.9);
	padding: 5px 0;
	line-height: 1.9;
	/* Box shadow hack */
	box-shadow: 10px 0 0 rgba(255, 255, 255, 0.9),-10px 0 0 rgba(255, 255, 255, 0.9);
	-moz-box-shadow: 10px 0 0 rgba(255, 255, 255, 0.9),-10px 0 0 rgba(255, 255, 255, 0.9);
	-webkit-box-shadow: 10px 0 0 rgba(255, 255, 255, 0.9),-10px 0 0 rgba(255, 255, 255, 0.9);
	-webkit-transition: background-color 150ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out;
	-ms-transition: background-color 150ms ease-in-out;
	transition: background-color 150ms ease-in-out;
}
.magazine-cover-promo h1 a:hover span {
	background: #c4c4a8;
	box-shadow: 10px 0 0 #c4c4a8,-10px 0 0 #c4c4a8;
	-moz-box-shadow: 10px 0 0 #c4c4a8,-10px 0 0 #c4c4a8;
	-webkit-box-shadow: 10px 0 0 #c4c4a8,-10px 0 0 #c4c4a8;
}
.magazine-cover-logo {
	position: absolute;
	right: 30px;
	top: 30px;
	width: 29%;
}
.magazine-cover-logo img {
	margin-bottom: 30px;
}
@media (max-width: 700px) {
	.magazine-cover-logo {
		display: none;
	}
}
.magazine-cover-logo .button-link a {
	display: block;
}
.microsite-sidebar {
	padding-top: 60px;
}
h2.advertise-heading {
	margin-top: 0;
	line-height: 1;
}
.large-magazine-image {
	border: solid 20px #efefef;
}
.latest-issue small {
	display: block;
	margin-bottom: 10px;
}
.advertise-contact-box {
	margin-top: 30px;
}




/* -----------------------------------------
   FX Micro Site
----------------------------------------- */

#latestissueTab, #advertiseTab, #contactusTab, #subscribeTab {
	padding-top: 30px;
}
.fx-cover-logo {
	width: 23%;
}
.fx-cover-logo .button-link a {
	background: #f722a0;
}


/* -----------------------------------------
   Awards
----------------------------------------- */

.award h2 {
	background: #f7f7f7;
	margin: 0 0 30px 0;
	font-size: 24px;
	padding: 20px;
}


/* -----------------------------------------
   Events
----------------------------------------- */

.listing-header h3 {
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	color: #fff;
	line-height: 1.8;
}
@media (max-width: 1280px) {
	.listing-header h3 {
		line-height: 2.8;
	}
}
.event-listing {
	border: solid 1px #ededed;
	background: #f7f7f7;
	padding: 30px 30px 0 30px;
	margin-top: 30px;
	margin-bottom: 20px;
}
@media (max-width: 700px) {
	.event-listing {
		border: none;
		padding: 20px;
	}
}
.event-listing h3 {
	margin-top: 0;
}
.event-listing img {
	float: right;
}
.event-listing ul {
	list-style: none;
	width: 60%;
	margin: 30px 0 30px 0;
}
@media (max-width: 700px) {
	.event-listing img {
		float: none;
		margin: 0 0 20px 0;
	}
	.event-listing ul {
		width: auto;
	}
}
.event-listing li {
	border-bottom: solid 1px #ebebeb;
	padding: 10px;
}
.event-listing li:nth-child(odd) {
	background: rgb(252, 252, 252);
}
.event-listing .button-link a {
	display: inline-block;
	margin-bottom: 30px;
}
.add-to-calendar {
	float: right;
	background: rgb(225,225,213);
	padding: 8px 43px 9px 7px;
	margin-top: 20px;
	font-size: 18px;
	position: relative;
	cursor: pointer;
}
.add-to-calendar:after {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background: url('/content/images/sprite.png') no-repeat -905px -5px;
	position: absolute;
	right: 10px;
	top: 10px;
}
.add-to-calendar:hover:after {
	background: url('/content/images/sprite.png') no-repeat -905px -55px;
}
@media (max-width: 700px) {
	.add-to-calendar {
		float: none;
		display: inline-block;
		margin-top: 30px;
	}
}


/* -----------------------------------------
   News
----------------------------------------- */


.news-archive-listing {
	border-bottom: solid 1px #ebebeb;
}
body.press-releases .news-archive-listing h3 {
	font: 18px Sofia Pro, Helvetica, Arial, sans-serif;
	text-transform: none;
}
.news-details {
	list-style: none;
	margin: 0 0 20px 0;
}
.news-details li, ul.top-news-list li .news-details li {
	display: inline-block;
	margin-right: 30px;
	border-bottom: 0;
	margin-bottom: 0 !important;
	padding-bottom: 0;
	font-size: 14px;
	color: #777;
}
.news-details li a, ul.top-news-list li .news-details li a {
	color: #777;
}
.news-category a {
	background: #999;
	padding: 3px 8px;
	color: #fff;
	text-decoration: none;
}
.news-category a:hover {
	background: #666;
}


/* -----------------------------------------
   Storefront / Company page
----------------------------------------- */

.company-name {
	float: right;
	margin-top: -20px;
}
.company-name img {
	max-height: 100px;
	float: right;
}
@media (max-width: 700px) {
	.company-name {
		float: none;
	}
	.company-name img {
		float: none;
	}
}
.print-page-button a, .email-page-button a {
	padding-right: 60px !important;
	margin-bottom: 30px;
	display: inline-block;
	margin-right: 10px;
	position: relative;
}
.email-page-button a:after {
	content: '';
	background: url('/content/images/sprite.png') no-repeat -950px 0;
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
}
.email-page-button a:hover:after {
	background-position: -950px -50px;
}
.print-page-button a:after {
	content: '';
	background: url('/content/images/sprite.png') no-repeat -1000px 0;
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
}
.print-page-button a:hover:after {
	background-position: -1000px -50px;
}
@media (max-width: 978px) {
	.print-page-button a, .email-page-button a {
		padding: 0 !important;
		margin-bottom: 20px;
		background: none;
		color: #2b2b2b;
		text-decoration: underline;
	}
	.print-page-button a:hover, .email-page-button a:hover {
		text-decoration: none;
		background: none;
	}
	.email-page-button a:after {
		background: none;
	}
	.print-page-button a:after {
		background: none;
	}
}
@media (max-width: 1800px) {
	.email-page-button a:after {
		background-position: -950px -3px;
	}
	.email-page-button a:hover:after {
		background-position: -950px -53px;
	}
	.print-page-button a:after {
		background-position: -1000px -3px;
	}
	.print-page-button a:hover:after {
		background-position: -1000px -53px;
	}
	
}
body.storefront-template .related ul {
	margin-left: 0;
}
body.storefront-template .related h4 {
	margin-top: 10px;
	font: normal 16px Sofia, Helvetica, Arial, sans-serif;
	text-transform: none;
}
.make-an-enquiry label, .make-an-enquiry input {
	float: none;
	width: 100%;
}
.make-an-enquiry .form-element {
	padding-bottom: 10px;
}
.footer-make-an-enquiry {
	border-top: solid 1px #ebebeb;
	margin-top: 30px;
	background: #f7f7f7;
	margin-left: -40px;
	padding-left: 40px;
	position: relative;
	margin-bottom: 30px;
	border-bottom: solid 1px #ebebeb;
	padding-bottom: 20px;
}
@media (max-width: 700px) {
	.footer-make-an-enquiry {
		display: none;
	}
}
.footer-make-an-enquiry:before {
	content: '';
	position: absolute;
	bottom: -14px;
	left: 0px;
	width: 0;
	height: 0;
	border-bottom: 14px solid transparent;
	border-right: 15px solid rgb(231, 231, 231);
}
body.storefront-template .footer-make-an-enquiry {
	margin-left: -65px;
	padding-left: 65px;
}
@media (max-width: 700px) {
	.footer-make-an-enquiry, body.storefront-template .footer-make-an-enquiry {
		margin-left: 0;
		padding-left: 0;
	}
}
@media (min-width: 700px) and (max-width: 1280px) {
	.footer-make-an-enquiry, body.storefront-template .footer-make-an-enquiry {
		margin-left: -35px;
		padding-left: 35px;
	}
}
.footer-make-an-enquiry textarea {
	min-height: 185px;
}
.textarea-div {
	padding-right: 30px;
}


/* -----------------------------------------
   Storefront Sidebar
----------------------------------------- */

.storefront-sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.key-attributes ul {
	
}
.key-attributes li {
	border-bottom: solid 1px #ebebeb;
	padding: 10px;
}
.key-attributes li:last-child {
	border: none;
}
.key-attributes li h6 {
	margin: 0;
	font-weight: bold;
}
.key-attributes li p {
	margin: 0;
	color: #666;
}
.product-videos h6 {
	margin: 0;
}
.product-videos p {
	font-size: 14px;
	color: #666;
}
.product-videos .content {
	padding: 30px;
}
.company-downloads h6 {
	margin: 0;
}
.company-downloads p {
	font-size: 14px;
}
.pdf-download {
	background: url('/content/images/pdf_icon.png') no-repeat 15px center;
	padding-left: 80px;
}
.word-download {
	background: url('/content/images/word_doc_icon.png') no-repeat 15px center;
	padding-left: 80px;
}
.company-products .content {
	padding-bottom: 30px;
}
.company-products li {
	border-bottom: solid 1px #ebebeb;
	padding: 10px;
}
.company-products li:last-child {
	border: none;
}
.company-products h6 {
	margin: 0;
}
.company-products p {
	font-size: 14px;
	color: #666;
}
.storefront-sidebar dl.tabs {
	margin-bottom: 0;
}
.storefront-sidebar .tabs dd {
	text-transform: none;
	font-size: 16px;
}
.products-services-videos .tabs dd {
	width: 40% !important;
}
.products-services-videos .tabs dd.long-name {
	width: 60% !important;
}
.storefront-sidebar dd a {
	font-weight: normal;
}
.storefront-sidebar .tabs dd.active a {
	background: #f7f7f7;
	color: #333;
}
.storefront-sidebar .tabs-content li {
	padding: 20px 20px 30px 20px;
	background: #f7f7f7;
}
.storefront-sidebar .tabs-content ul {
	padding-bottom: 30px;
}
.storefront-sidebar .tabs-content li li {
	border-bottom: solid 1px #ebebeb;
	border-top: solid 1px #fff;
	padding: 0;
	padding-bottom: 10px;
	padding-top: 10px;
}
.storefront-sidebar .tabs-content li li:first-child {
	border-top: none;
}
.storefront-sidebar .tabs-content li h4 {
	text-transform: none;
	font-weight: normal;
	font-size: 16px;
	margin: 0;
}


/* -----------------------------------------
   Product directory > Sub category > View by company
----------------------------------------- */

.company-products-preview h6 {
	margin: 0 0 20px 0;
}
.company-products-preview #carousel {
	border-top: solid 1px #ebebeb;
	padding-top: 20px;
}
.company-products-preview li {
	padding: 0 20px;
	text-align: center;
}
.company-products-preview .button-link {
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
}

/* -----------------------------------------
   Product Directory
----------------------------------------- */

.product-directory-header {
	padding-bottom: 20px;
}
.directory-nav {
  border-top: solid 1px #222;
}
.directory-nav ul {
  list-style: none;
  float: left;
  width: 60%;
  margin: 0;
}
.directory-nav li {
  display: inline-block;
  text-align: center;
  float: left;
}
.directory-nav li a {
  display: block;
  text-transform: uppercase;
  text-decoration:none;
  background-color: #222;
  color: #fff;
  padding: 0.5em 0.8em;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.building-materials-link a {
  border-right: solid 1px #333;
}
.directory-nav li a:hover {
  background-color: #666;
}
.directory-nav li.home-link a {
  background-color: #fff;
  height: 2.6em;
  border-right: solid 1px #444;
  background-position: -657px -8px;
}
.dropdown-list {
  position: relative;
width:18em;
}
.dropdown-list ul {
  	opacity: 0; 
	height: 1px; 
	overflow: hidden; 
	transition: all 0.4s ease-in-out; 
	-moz-transition: all 0.4s ease-in-out; 
	-webkit-transition: all 0.4s ease-in-out; 
	position: absolute; 
	left: 0; 
	right: 0; 
	z-index: 1000; 
	width: 18em; 
	box-shadow: 0.3em 0.3em 0 0 rgba(0,0,0,0.3); 
	-moz-box-shadow: 0.3em 0.3em 0 0 rgba(0,0,0,0.3); 
	-webkit-box-shadow: 0.3em 0.3em 0 0 rgba(0,0,0,0.3);
}

.dropdown-list li {
  width: 25em;
  display: block;
  text-align: left;
  border-bottom: solid 1px #333;
}

@media (max-width: 700px) { 
	.dropdown-list li {
	display: none;
	}
}
.dropdown-list:hover ul {
  opacity: 1;
  height: auto;
}
.directory-nav .search-form {
    width: 32%;
    float: right;
    border: solid 1px #ddd;
    height: 2.6em;
    margin: 0;
    border-top: none;
}

@media (max-width: 1000px) { 

	.directory-nav .search-form {
	    width: 100%;
	    float: right;
	    border: solid 1px #ddd;
	    height: 2.6em;
	    margin: 0;
	    border-top: solid 1px #000;
	}

}

.product-directory-content .slider-nav {
	position: absolute;
	z-index: 999;
	top: 50%;
	margin-top: -35px;
	width: 100%;
}
/*
.building-materials-example img, .interior-design-example img {
	width: 100%;
}*/
.building-materials-example p, .interior-design-example p {
	margin: 10px 0 30px 0;
	font-size: 18px;
}
.product-categories h3 {
	margin-top: 0;
}
.product-categories ul {
	list-style: none;
	margin: 0;
}
.product-categories li a {
	text-decoration: none;
	display: block;
	background: #ebebeb;
	padding: 1em;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
.product-categories li a:hover {
	background: #ed2024;
}
.product-categories li {
	padding-bottom: 20px;
	font-size: 1.3em;
}
.product-categories li strong {
	display: block;
}
.product-news h3 {
  font-size: 14px;
  text-transform: none;
}

.directory-nav clearfix ul li a {
 height: 36px;
}


/* -----------------------------------------
   Products Directory Sub Cat
----------------------------------------- */

.product-sub-categories {
	padding-bottom: 30px;
}
.product-sub-categories ul {
	list-style: none;
}
.product-sub-categories li a {
	display: block;
	border-bottom: solid 1px #f7f7f7;
	padding: 10px 0;
	text-decoration: none;
}
.product-sub-categories li a:hover {
	border-bottom: solid 1px #e3e3e3;
	background: #fdfdfd;
}
.product-listings-grid {
	border-top: solid 1px #ebebeb;
	border-bottom: none;
}
.product-listings-grid:after {
	top: -20px;
	bottom: auto;
}
.product-listings-grid ul {
	list-style: none;
	padding-top: 30px;
}
.product-listings-grid li {
	
}
.product-list-item {
	padding: 20px 0;
	border: solid 1px #ebebeb;
	min-height: 350px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
}
.product-list-image {
	padding: 10px 20px;
	background: #f7f7f7;
	border-top: solid 1px #ebebeb;
	border-bottom: solid 1px #ebebeb;
}
.product-list-item h4, .product-list-item h5 {
	padding: 0 20px;
}
.product-list-item h5 {
	margin-top: 10px;
}
.product-list-item:hover {
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
}
.product-listings-grid h4, .product-listings-grid h5 {
	margin: 0 0 10px 0;
	font: 18px Sofia, Helvetica, Arial, sans-serif;
	text-transform: none;
}
.product-listings-grid h4 {
	
}
.product-listings-grid h4 a, .product-listings-grid h5 a {
	text-decoration: none;
}
.product-listings-grid h5 a {
	color: #777;
}

/* -----------------------------------------
   Product directory > Sub category > View by gallery
----------------------------------------- */

#viewbygallerysTab ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#viewbygallerysTab .company-products-preview {
	border-top: solid 1px #ebebeb;
	background: #f7f7f7;
	padding-top: 20px;
	border-bottom: solid 1px #ebebeb;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.company-products-preview {
	list-style: none;
	padding: 0;
}

@media (max-width: 550px) { 

	 .product-directory-header .button-link {

		float: left;

		margin-top: -20px;

		padding-bottom: 30px;

		}

	}



/* -----------------------------------------
   Site Map
----------------------------------------- */

ul.sitemap {
	
}



/* -----------------------------------------
   Universal Icons
----------------------------------------- */


.rss-icon {
	width: 19px;
	height: 19px;
}
.rss-icon a {
	width: 19px;
	height: 19px;
	display: block;
	background: url('/content/images/sprite.png') -515px -15px;
	text-indent: -5000px;
	overflow: hidden;
}
.rss-icon a:hover {
	background-position: -515px -67px;
}
.rss-icon-large {
	width: 19px;
	height: 19px;
}
.rss-icon-large a {
	width: 50px;
	height: 50px;
	display: block;
	background: url('/content/images/sprite.png') -615px -15px;
	text-indent: -5000px;
	overflow: hidden;
}
.rss-icon-large a:hover {
	background-position: -615px -65px;
}


/* -----------------------------------------
   Cross Promotions
----------------------------------------- */
.related-news {
  padding-top: 0.3em;
}
.featured-related-article {
  background: #f7f7f7;
  padding: 1em;
  border-top: solid 0.3em #ed2024;
  box-shadow: 0.2em 0.2em 0.01em rgba(0,0,0,0.2);
  -moz-box-shadow: 0.2em 0.2em 0.01em rgba(0,0,0,0.2);
  -webkit-box-shadow: 0.2em 0.2em 0.01em rgba(0,0,0,0.2);
  position: relative;
}
.featured-label {
  position: absolute;
  left: -0.5em;
  top: -0.5em;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  padding: 0.25em;
  box-shadow: 0.2em 0.2em 0 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0.2em 0.2em 0 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 0.2em 0.2em 0 0 rgba(0,0,0,0.2);
}
.featured-label:before {
  content: '';
  position: absolute;
  bottom: -0.5em;
  left: 0;
  border-top: solid 0.5em #000;
  border-left: solid 0.5em transparent;
}
.cross-promotions ul {
  list-style: none;
}
.cross-promotions li {
  border-bottom: solid 1px #f7f7f7;
  background: url('/content/images/related_li.png') no-repeat center bottom;
  padding: 0 0 1.5em 0;
  margin-bottom: 1.5em;
}
.cross-promotions .article-image {
      float: left;
      width: 35%;
}
.cross-promotions h5 {
      float: right;
      width: 60%;
      margin: 0;
      font: 1em/1.5 "Oxygen", Helvetica, sans-serif;
      text-transform: none;
}
.cross-promotions h5 a {
  text-decoration: none;
  color: #666;
}
.cross-promotions h5 a:hover {
  color: #ed2024;
}



/* Latest posts by our bloggers */
.latest-blogs {
	padding-top: 14px;
}
.latest-blogs img {
	float: left;
}
.latest-blogs h5 {
	font-size: 16px;
	text-transform: none;
}
.latest-blogs ul {
	margin-left: 0;
}
.latest-blogs li {
	padding-bottom: 0;
}
@media (min-width: 978px) {
	.latest-blogs ul ul, .latest-blogs h5 {
		float: right;
		width: 70%;
		margin-top: 0;
	}
}
.latest-blogs li li {
	border: none;
	background: none;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 14px;
}



/* -----------------------------------------
   Sitewide Sidebar
----------------------------------------- */

.sitewide-sidebar {
  width: 30% !important;
}
body.article-template .sitewide-sidebar {
	padding-top: 20px;
}
@media (max-width: 700px) {
	.sitewide-sidebar  {
		border-top: solid 1px #ebebeb;
		background: #f7f7f7;
		width: 100% !important;
	}
}
.sidebar-item {
	position: relative;
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}
.sidebar-item:after {
	content: '';
	position: absolute;
	right: -30px;
	left: 0;
	top: 0;
	border-top: solid 1px #ebebeb;
	height: 110px;
	display: block;
	background: url('/content/images/sidebar_item_bg.png') no-repeat right top;
}
@media (max-width: 700px) {
	.sidebar-item:after {
		right: 0px;
		height: auto;
	}
}
@media (min-width: 700px) and (max-width: 1280px) {
	.sidebar-item:after {
		right: -30px;
		height: auto;
	}
}
.sidebar-item h5 {
	margin-top: 0;
}
.sitewide-sidebar .subscribe-to-blueprint {
	margin: 0 0.25em 0 0;
	width: 58%;
	max-width: 172px;
}
.sitewide-sidebar .subscribe-to-fx {
	width: 31%;
	max-width: 94px;
}
.email-newsletter {
	padding-bottom: 20px;
}
.email-newsletter form {
	margin: 0;
}
@media (max-width: 700px) {
	.email-input {
		float: left;
		width: 53% !important;
		margin-top: 2px !important;
	}
	.email-newsletter .subscribe-button {
		float: right;
		width: 42%;
	}
}
@media (min-width: 1800px) {
	.email-input {
		float: left;
		width: 53% !important;
		margin-top: 2px !important;
		height: 45px !important;
	}
	.email-newsletter .subscribe-button {
		float: right;
		width: 42%;
	}
}
.submit-your-project {
  box-shadow: 0.3em 0.3em 0.01em 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 0.3em 0.3em 0.01em 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0.3em 0.3em 0.01em 0 rgba(0,0,0,0.2);
  border: solid 1px #ebebeb;
  padding: 1.5em;
  margin-bottom: 2em;
}
.submit-your-project p {
  width: 60%;
  float: left;
  margin-bottom: 2em;
}
.submit-your-project img {
  float: right;
  width: 35%;
}
.submit-your-project .button-link {
  clear: both;
  text-align: center;
}
#latest-projects {
	overflow: hidden;
	width: 100%;
}
.latest-projects .orbit-wrapper {
	overflow: hidden;
	height: 220px;
}
.project-slide {
	width: 100%;
	position: absolute;
	background: #FFF;
	top: 0;
	padding-bottom: 30px;
}
.project-slide img {
	width: 100%;
	margin-bottom: 10px;
}
.latest-projects .slider-nav {
	top: 70px;
	width: 100%;
	z-index: 999;
	position: absolute;
}
.project-slide-image {
	height: 180px;
	overflow: hidden;
}
.latest-projects .slider-nav span {
	width: 40px;
	height: 40px;
}
.latest-projects .slider-nav span.left {
	background-position: -355px -5px;
}
.latest-projects .slider-nav span.left:hover {
	background-position: -355px -5px;
}
.latest-projects .slider-nav span.right {
	background-position: -305px -5px;
}
.latest-projects .slider-nav span.right:hover {
	background-position: -305px -5px;
}


/* -----------------------------------------
   Mood Boards
----------------------------------------- */
.about-mood-boards {
  background: #f7f7f7 url('/content/images/about_mood_boards.png') no-repeat right top;
  padding: 2em 2em 1em 2em;
  margin-bottom: 2em;
  border-bottom: solid 0.3em #ed2024;
}
.about-mood-boards strong {
  display: block;
}
.username {
  text-align: right;
  font-size: 1.6em;
}
.username:before {
  content: '';
  width: 27px;
  height: 27px;
  display: inline-block;
  margin: 0 0.5em 0 0;
  background: url('/content/images/sprite_lite.png') no-repeat -1210px -10px;
  position: relative;
  top: 5px;
}
#mood-board {
  margin: 0 -0.5em;
  list-style: none;
}
#mood-board > li {
  float: left;
  width: 25%;
  padding: 0 0.5em 0.5em 0.5em;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  background: #fff;
}
.mood-board-actions {
  margin-bottom: 3em;
}
#mood-board > li:hover {
  box-shadow: 0 0 1em 0 rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0 1em 0 rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 1em 0 rgba(0,0,0,0.4);
  transform:scale(1.2);
    -ms-transform:scale(1.2); /* IE 9 */
    -moz-transform:scale(1.2); /* Firefox */
    -webkit-transform:scale(1.2); /* Safari and Chrome */
    -o-transform:scale(1.2); /* Opera */
  z-index: 999;
}
.mood-boards-list {
  list-style: none;
}
.mood-boards-list h3 {
  font-size: 16px;
  text-align: center;
  text-transform: none;
}
.mood-boards-list h3 a {
  text-decoration: none;
}
.sponsored-mood-board {
  position: absolute;
  background: #222;
  color: #fff;
  text-transform: uppercase;
  padding: 0.2em 0.5em;
  left: 0em;
  margin-top: 1em;
  box-shadow: 0.2em 0.2em 0.05em 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 0.2em 0.2em 0.05em 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0.2em 0.2em 0.05em 0 rgba(0,0,0,0.2);
  border-top: solid 1px #444;
  border-bottom: solid 1px #000;
}
.sponsored-mood-board:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -0.5em;
  border-top: solid 0.5em #000;
  border-left: solid 0.5em transparent;
}
.mood-board-quick-links {
  position: absolute;
  bottom: 2em;
  right: 0em;
  background: #ed2024;
  list-style: none;
  box-shadow: -0.2em 0.2em 0 0 rgba(0,0,0,0.2);
  -moz-box-shadow: -0.2em 0.2em 0 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: -0.2em 0.2em 0 0 rgba(0,0,0,0.2);
}
.mood-board-quick-links:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -0.5em;
  border-top: solid 0.5em #999;
  border-right: solid 0.5em transparent;
}
.mood-board-quick-links li {
  display: inline-block;
  float: left;
  font-weight: bold;
}
.mood-board-quick-links li a {
  color: #fff;
  text-decoration: none;
  padding: 0.2em 0.5em;
  border-right: solid 1px rgba(0,0,0,0.05);
  border-left: solid 1px rgba(255,255,255,0.2);
  display: block;
  background: #ed2024;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}
.mood-board-quick-links li a:hover {
  background: #ff2225;
}

.modal {
  position: fixed;
  top: -500em;
  width: 60em;
  max-width: 100%;
  border-top: solid 0.3em #ff2225;
  background: white;
  padding: 2em;
  box-shadow: 0 0 3em 0 rgba(0,0,0,0.55);
  -moz-box-shadow: 0 0 3em 0 rgba(0,0,0,0.55);
  -webkit-box-shadow: 0 0 3em 0 rgba(0,0,0,0.55);
  transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  opacity: 0;
  z-index: 9999;
}
.mood-board-modal {
  background: #fff url('/content/images/about_mood_boards.png') no-repeat right top;
}
.modal h2 {
  margin: 0 0 1em 0;
}
.close-modal {
  position: absolute;
  right: 2em;
  top: 2em;
  cursor: pointer;
  background: #ff2225;
  padding: 0.25em 1.25em 0.25em 0.25em;
  color: #fff;
}
.close-modal:after {
  content: 'x';
  font-weight: bold;
  position: absolute;
  right: 0.25em;
  top: 0.15em;
}
#show-add-mood-board-modal, #show-login-modal {
  cursor: pointer;
  text-decoration: underline;
}
.show-add-mood-board-modal .mood-board-modal, .show-login-modal .login-modal {
  top: 10%;
  opacity: 1;
}
.show-add-mood-board-modal:after, .show-login-modal:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  z-index: 999;
}
.login-modal .row {
  width: 100%;
}
.empty-mood-board li {
  border: solid 1px #ebebeb;
  background: #f7f7f7;
  text-align: center;
  text-decoration: underline;
  height: 20em;
}
.empty-mood-board li {
  border: solid 1px #ebebeb;
  background: #f7f7f7 !important;
  text-align: center;
  text-decoration: underline;
  height: 20em;
  margin: 0 1em 1em;
  padding: 0 important;
  width: 22.35% !important;
}
.empty-mood-board li:nth-child(2) .add-image-toggle {
  height: 10em;
}
.empty-mood-board li:nth-child(3) .add-image-toggle {
  height: 15em;
}
.empty-mood-board li:nth-child(4) .add-image-toggle {
  height: 12em;
}
.empty-mood-board li:nth-child(5) .add-image-toggle {
  height: 17em;
}
.empty-mood-board li:nth-child(6) .add-image-toggle {
  height: 15em;
}
.empty-mood-board li:nth-child(8) .add-image-toggle {
  height: 15em;
}
.empty-mood-board li:nth-child(9) .add-image-toggle {
  height: 10em;
}
.empty-mood-board li:nth-child(11) .add-image-toggle {
  height: 12em;
}
.empty-mood-board li:nth-child(12) .add-image-toggle {
  height: 17em;
}
.empty-mood-board li:nth-child(14) .add-image-toggle {
  height: 22em;
}
.add-image-toggle {
  padding: 2em;
  cursor: pointer;
}
.add-image-modal {
  width: 54em;
  background: #fff;
  box-shadow: 0 0 3em 0 rgba(0,0,0,0.3);
  margin: 0 auto;
  padding: 1em 3em 2em;
  position: fixed;
  top: -20em;
  opacity: 0;
  left: 50%;
  margin-left: -27em;
  border-top: solid 1em;
  transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
  z-index: 9999;
}
body:before {
  content: '';
  background: none;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
}
body.show-add-image-modal:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0,0,0,0.8);
  z-index: 9991;
}
.show-add-image-modal .add-image-modal {
  top: 6em;
  opacity: 1;
}
.edit-mood-board li {
  position: relative;
}
.edit-mood-board li img {
  opacity: 0.3;
}
.edit-mood-board li:hover img {
  opacity: 0.6;
}

@media (max-width: 768px) {
  .add-image-modal {
    width: 90%;
    margin: 0;
    left: 5%;
    right: 5%;
    top: 5%;
  }
}
@media (min-width: 768px) {
  .modal {
    left: 50%;
    margin-left: -30em;
  }
}


/* -----------------------------------------
   sub-menu
----------------------------------------- */
 
ul .submenu {
    visibility: hidden;
    opacity:0;
    transition: opacity 0.4s linear, visibility 0.4s linear;
    background: black;
    padding: 0;
    position: absolute;
    top: 50%;
    left:40%;
    z-index:999;
    font-size:12px;
    width:250px;
}
 
ul li:hover > .submenu {
    visibility: visible;
    opacity: 1;
}
 
ul li .submenu a {
    display: block;
    padding: 10px 20px;
    background: none;
    color: white;
}
 
 
ul .submenu li {
    float: none;
    position: relative;
    padding-bottom:0px;
}

ul .submenu li a {
}

/* -----------------------------------------
   End sub-menu
----------------------------------------- */



/* -----------------------------------------
   Directory Slider Caption
----------------------------------------- */
#product-directory-slider {

margin-top: 72%;

}


#product-directory-slider .slide .caption {
font-size:30px;
background-color: black;
padding:10px;
float: left;
position:absolute;
margin-bottom: -100px;
}

#product-directory-slider .slide .caption a {
	color:white;
}

/* -----------------------------------------
   End Directory Slider Caption
----------------------------------------- */


row .product-categories li {
    font-size: 14px;
}

@media (max-width: 1040px) {
.row .product-categories li {
 font-size: 10px;
 }
}

@media (min-width: 1041px) and (max-width: 1700px) {
.row .product-categories li {
    font-size: 12px;
    }
}

@media (min-width: 1701px) {
.row .product-categories li {
    font-size: 15px;
    }
}

@media (max-width: 860px) {
.row .product-categories li {
 font-size: 8.5px;
 }
}

@media (max-width: 700px) {

	.row .product-categories li {
	 font-size: 18px;
	 }
	 .submenu {
	 	display: none;
	 }
	 .row .product-categories ul li {
	 	width: 100%;
	 }

}


/* -----------------------------------------
   Fonts
----------------------------------------- */

@font-face {
    font-family: 'Sofia';
    src: url('/Content/fonts/SofiaProLight-webfont.eot');
    src: url('/Content/fonts/SofiaProLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/SofiaProLight-webfont.svg#sofia_pro_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* -----------------------------------------
   Banner ads
----------------------------------------- */

.banner-3-1 {
    display: none;
    width: 300px;
    margin: 20px auto;
}
.full-banner {
    display: none;
    float: right;
}
.leaderboard {
    display: block;
    float: right;
    margin-top: 10px;
}

.mpu-1 {
    display: none;
    min-width: 300px;
}

.mpu-2 {
    display: none;
    min-width: 300px;
}
.mpu-3 {
    text-align: center;
    min-width: 300px;
}




@media (max-width: 920px) {
    .banner-3-1 {
        display: block;
        margin: 20px auto 20px auto;
    }
    .full-banner {
        display: none;
    }
    .leaderboard {
        display: none;
    }
    .top-banner {
        display: none;
    }
    .half-page {
        display: none;
    }
    .mpu-1 {
        display: block;
        min-width: 300px;
        text-align: center;
    }
    .mpu-2 {
        display: block;
        min-width: 300px;
        text-align: center;
    }
}


@media (min-width: 920px) and (max-width: 1700px) {
    .banner-3-1 {
        display: none;
    }
    .full-banner {
        display: block;
    }
    .leaderboard {
        display: block;
        margin-top: 10px;
    }
    .top-banner {
        display: none;
    }
    .half-page {
        display: none;
    }
    .mpu-1 {
        display: block;
        min-width: 300px;
        text-align: center;
    }
    .mpu-2 {
        display: block;
        min-width: 300px;
        text-align: center;
    }
}

@media (min-width: 1700px) {
    .banner-3-1 {
        display: none;
    }
    .full-banner {
        display: none;
    }
    .top-banner {
        display: block;
        text-align: right;
        margin-top: 10px;
    }
    .leaderboard {
        display: none;
    }
    .mpu-1 {
        display: none;
        min-width: 300px;
    }
    .mpu-2 {
        display: none;
        min-width: 300px;
    }
    .mpu-3 {
        text-align: center;
        min-width: 300px;
    }
    .half-page {
        text-align: center;
        border-top: solid 1px #ebebeb;
        border-bottom: solid 1px #ebebeb;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.subscribe-events {
	padding-bottom:0px;
	padding-top:20px;
	border-top: none;
	text-align: center;
}

.medium-rectangle {
    text-align: center;
}

.orbit {
	margin-top: -40px;
}

.container {
    background-color: white;
}

.product-inspiration {
	padding-top: 0px;
}
.related-product-row {
    height: 100%;
    overflow: hidden;
}

.related-company-name {
    display: block;
    font-size: 16px;
}

@media (max-width: 1700px){
    .related-product-row {
        height: 100%;
    }
    .related-company-name {
        display: block;
        font-size: 13px;
    }
}

@media (max-width: 1280px){
    .related-product-row {
        height: 100%;
    }
    .related-company-name {
        display: block;
        font-size: 11px;
    }
}

@media (max-width: 1024px){
    .related-product-row {
        height: 100%;
    }
    .related-company-name {
        display: block;
        font-size: 10px;
    }
}

@media (max-width: 800px){
    .related-product-row {
        height: 100%;
    }
    .related-company-name {
        display: block;
        padding-bottom: 0px;
        font-size: 14px;
    }
}


@media (max-width: 700px){
    .related-product-row {
        height: 100%;
    }
    .related-company-name {
        display: block;
        font-size: 14px;
        padding-bottom: 20px;
    }
}