@charset "UTF-8";
/* Style all widgets and heroes in this document

Use prefixes:

hero - for hero elements
widget - for smaller informational widget elements

*/


/*********** HEROES ************/

/*
Global hero styler, '.hero'. All closed widgets and hero containers should include this class. background and box shadow only.
*/

.hero {
	background:#fff;
	border:1px solid #ccc;
}

.heroContainer {
	margin:0;
	padding:0;
}


.heroContainer img {
	max-width:100%;	
	max-height:100%;
}

.heroContainer h1 {
	font-weight:normal;
	font-size:26pt;	
	color: #4b4b4b;
	line-height:34px;
}

.heroContainer h1 span {
	font-size:18pt;
	color:#818181;
}

.heroContainer h2 {
	font-size:16pt;
	font-weight:normal;	
	display:block;
	padding:10px 0;
}

.heroContainer h3 {
	font-size:15pt;
	font-weight:normal;	
	display:block;
	padding:10px 0;
	line-height:24px;
}

/*
******* Hero (home) *******
*/

.hero-home-return {
	padding:20px;	
}

.hero-home-first {
	padding:20px;	
}


ul.dsp {
	display:block;
	padding:10px;
	list-style:none;	
}

ul.dsp li {
	display:block;	
	margin-bottom:20px;
}

ul.dsp .left {
	width:18%;
	margin-right:2%;
	float:left;	
}

ul.dsp .right {
	width:78%;
	float:left;
	line-height:20px;
	font-size:10pt;
}

ul.return {
	list-style:none;
	display:block;
	margin-bottom:10px;	
	font-size:10pt;
}

ul.return li {
	display:block;
	padding:7px 0 7px 15px;
	background:url("../../images/common/icons/grey-arrow.png") no-repeat left center;
}


.visit {
	display:block;
	padding:10px 0;
	font-size:10pt;
	color:#666;	
}

/*
**** heroes ****
*/

.hero-catalog {
	position:relative;
	height:200px;
	background:url("../../images/common/backgrounds/catalogs.png") no-repeat left 85px;
	padding:20px;
		
}

.hero-sales {
	padding:20px;
	background:url("../../images/common/backgrounds/salesAssistanceEmail.png") no-repeat right center;	
}

.hero-contact {
	height:300px;	
	background:url('../../images/hero/hero-gondola-return-300.png') no-repeat right top;
}

#hero-innovation {
	background:url("../../images/hero/hero-innovation-bk.jpg") no-repeat right top;	
}

.innovation-left {
	min-height:300px;
	padding:20px 30px 20px 20px;
	float:left;
	width:35%;
	background:url('../../images/common/point-bk-white.png') no-repeat right top;	
}

.innovation-left p {
	line-height:22px;
	color:#4b4b4b;	
	font-size:11pt;
}

.margin_20 {
	margin:20px 0;	
}

.margin_10 {
	margin:10px 0;	
}

.padding_20 {
	padding:20px;	
}

.padding_10 {
	padding:10px;	
}

.padding_right {
	padding-right: 10px;	
}

.padding_left {
	padding-left: 10px;	
}

.padding_top {
	padding-top: 10px;	
}

.padding_bottom {
	padding-bottom: 10px;	
}

/*
*** Links for bottom of heroes
*/

ul.hero-menu {
	position:absolute;
	bottom:20px;
	right:20px;
	width:450px;
	list-style:none;	
	display:block;
}

ul.hero-menu li {
	display:block;
	float:right;	
}

/*
****** Widget Link Classes *******
*/

.widget-nav {
	font-size:11pt;
	margin:10px auto;	
}

.widget-nav td {
	text-align:center;	
}

.widget-nav a {
	display:block;
	padding:10px;
	color:#56821b;	
	text-decoration:none;
}

.widget-nav a:hover {
	text-decoration:underline;	
}

.widget-links {
	list-style:none;
	display:block;
	position:relative;
	left:0;	
	font-size:11pt;	
	clear:both;
	padding:10px 0;
}

.widget-links li {	
	float:left;
	display:block;
}

.widget-links a {
	color:#56821b;	
	text-decoration:none;
}
.widget-links a:hover {
	text-decoration:underline;	
}

/** attach .normal to li's that do not need icons, such as in widgets
*/
.normal {
	width:45%;
	padding:2%;	
	display:block;
	float:left;
}

.magnify, .stack, .question, .world, .doc, .pdf, .video, .revit, .d, .s, .p {
	padding:5px 10px 5px 30px;	
	color:#56821b;	
	text-decoration:none;
	font-size:11pt;
	display:block;
	width:auto;
	white-space:nowrap;
}

.magnify:hover, .stack:hover, .question:hover, .world:hover, .doc:hover, .pdf:hover, .revit:hover, .d:hover, .s:hover, .p:hover {
	text-decoration:none;	
}

.magnify {
	background:url("../../images/common/icons/icon-magnify.png") no-repeat left center;	
}

.stack {
	background:url("../../images/common/icons/icon-stack.png") no-repeat left center;	
}

.question {
	background:url("../../images/common/icons/icon-question.png") no-repeat left center;	
}

.world {
	background:url("../../images/common/icons/icon-world.png") no-repeat left center;		
}

.doc {
	background:url("../../images/common/icons/icon-doc.png") no-repeat left center;		
}

.pdf {
	background:url("../../images/common/icons/icon-pdf.png") no-repeat left center;		
}

.arrow {
	background:url("../../images/common/icons/grey-arrow.png") no-repeat left 12px;
	display:block;	
}

.arrow2 {
	background:url("../../images/common/icons/grey-arrow.png") no-repeat left 6px;
	display:block;
	padding-left:15px;	
}

.video {
	background:url("../../images/common/icons/icon-video-16x16.png") no-repeat left center;		
}

.revit {
	background:url("../../images/common/icons/icon-revit-16x16.png") no-repeat left center;		
}

.d {
	background:url("../../images/common/icons/icon-d-16x16.png") no-repeat left center;		
}

.s {
	background:url("../../images/common/icons/icon-s-16x16.png") no-repeat left center;		
}

.p {
	background:url("../../images/common/icons/icon-p-16x16.png") no-repeat left center;		
}

/***
**** Square DSP icons for tables and inline text
*****
***/

.square-display, 
.square-store, 
.square-promote {
	display:block;
	padding-left:15px;	
}

.square-display {
	background:url("../../images/common/icons/display.jpg") no-repeat left 7px;
}

.square-store {
	background:url("../../images/common/icons/store.jpg") no-repeat left 7px;	
}

.square-promote {
	background:url("../../images/common/icons/promote.jpg") no-repeat left 7px;
}


/****************** Button packs ********************/

a.button-download-green {
	font-family: 'Roboto Condensed', sans-serif;
	background:#839f3b url('../../images/common/icons/button-download-icon-24x24.png') 8px center no-repeat;
	padding:10px 10px 10px 50px;
	width:160px;
	color:#fff;
	font-size:10pt;
	font-weight:bold;
	text-shadow:1px 1px 1px #000;
	-moz-text-shadow:1px 1px 1px #000;
	-webkit-text-shadow:1px 1px 1px #000;
	border:3px solid #fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;
	margin:10px;
	text-align:left;	
	text-decoration: none;
}

a.button-download-green:hover {
	background-color:#9fc246;
	text-decoration:none;
}

a.button-download-orange {
	font-family: 'Roboto Condensed', sans-serif;
	background:#de7300 url('../../images/common/icons/button-download-icon-24x24.png') 8px center no-repeat;
	padding:10px 10px 10px 50px;
	width:160px;
	color:#fff;
	font-size:10pt;
	font-weight:bold;
	text-shadow:1px 1px 1px #000;
	-moz-text-shadow:1px 1px 1px #000;
	-webkit-text-shadow:1px 1px 1px #000;
	border:3px solid #fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;
	margin:10px;
	text-align:left;	
	text-decoration: none;
}

a.button-download-orange:hover {
	background-color:#ff8400;
	text-decoration:none;
}

a.button-download-blue {
	font-family: 'Roboto Condensed', sans-serif;
	background:#1d4a83 url('../../images/common/icons/button-download-icon-24x24.png') 8px center no-repeat;
	padding:10px 10px 10px 50px;
	width:160px;
	color:#fff;
	font-size:10pt;
	font-weight:bold;
	text-shadow:1px 1px 1px #000;
	-moz-text-shadow:1px 1px 1px #000;
	-webkit-text-shadow:1px 1px 1px #000;
	border:3px solid #fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;
	margin:10px;
	text-align:left;	
	text-decoration: none;
}

a.button-download-blue:hover {
	background-color:#245ca3;
	text-decoration:none;
}


a.button-read-blue {
	font-family: 'Roboto Condensed', sans-serif;
	background:#1d4a83 url('../../images/common/icons/button-read-icon-24x24.png') 8px center no-repeat;
	padding:10px 10px 10px 50px;
	width:160px;
	color:#fff;
	font-size:10pt;
	font-weight:bold;
	text-shadow:1px 1px 1px #000;
	-moz-text-shadow:1px 1px 1px #000;
	-webkit-text-shadow:1px 1px 1px #000;
	border:3px solid #fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;	
	margin:10px;
	text-align:left;
	text-decoration:none;
}

a.button-read-blue:hover {
	background-color:#245ca3;
	text-decoration:none;
}

a.button-read-green {
	font-family: 'Roboto Condensed', sans-serif;
	background:#839f3b url('../../images/common/icons/button-read-icon-24x24.png') 8px center no-repeat;
	padding:10px 10px 10px 50px;
	width:160px;
	color:#fff;
	font-size:10pt;
	font-weight:bold;
	text-shadow:1px 1px 1px #000;
	-moz-text-shadow:1px 1px 1px #000;
	-webkit-text-shadow:1px 1px 1px #000;
	border:3px solid #fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;
	margin:10px;
	text-align:left;
	text-decoration:none;
}

a.button-read-green:hover {
	background-color:#9fc246;
	text-decoration:none;
}

a.button-arrow-green {
	font-family: 'Roboto Condensed', sans-serif;
	background:#839f3b url('../../images/common/icons/white-arrow.png') right center no-repeat;
	padding:10px 50px 10px 10px;
	width:160px;
	color:#fff;
	font-size:12pt;
	font-weight:normal;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #000;
	-moz-text-shadow:1px 1px 1px #000;
	-webkit-text-shadow:1px 1px 1px #000;
	border:3px solid #6f9d32;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	display:block;
	margin:10px;
	text-align:left;	
	text-decoration:none;
}

a.button-arrow-green:hover {
	background-color:#6f9d32;
	text-decoration:none;
}

/* 2016 Standard Buttons */

a.button-standard-white {
	display:block;
	padding:15px 30px;
	background: rgba(255, 255, 255, 0.8);
	color: #323232;
	text-decoration:none; 
	border:5px solid #FC0;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	text-align:center;
	min-width:150px;	
}

a.button-standard-white:hover {
	background: rgba(238, 152, 16, 0.7);
	color:#fff;
	border:5px solid #FFF;	
}

a.button-alt-white {
	display:block;
	padding:15px 30px;
	/*background: rgba(255, 255, 255, 0.8);*/
	color: #fff;
	text-decoration:none; 
	border:5px solid #fff;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	text-align:center;
	min-width:150px;	
}

a.button-alt-white:hover {
	background: rgba(255, 255, 255, 0.8);
	color:#3b3b3b;
	border:5px solid #FFF;	
}

a.button-standard-orange {
	display:block;
	padding:15px 30px;
	background: rgba(238, 152, 16, 1);
	color: #ffffff;
	text-decoration:none; 
	border:5px solid #FFF;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	text-align:center;	
	min-width:150px;
}

a.button-standard-orange:hover {
	background: rgba(255, 255, 255, .7);
	color:rgba(238, 152, 16, 1);
	border:5px solid rgba(238, 152, 16, 1);	
}

a.button-standard-blue {
	display:block;
	padding:15px 30px;
	background: rgba(23, 156, 241, 1);
	color: #ffffff;
	text-decoration:none; 
	border:5px solid #FFF;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	text-align:center;	
	min-width:150px;
}

a.button-standard-blue:hover {
	background: rgba(255, 255, 255, .7);
	color:rgba(23, 156, 241, 1);
	border:5px solid rgba(23, 156, 241, 1);	
}

a.button-standard-green {
	display:block;
	padding:15px 30px;
	background: rgba(159, 191, 64, 1);
	color: #ffffff;
	text-decoration:none; 
	border:5px solid #FFF;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	text-align:center;	
	min-width:150px;
}

a.button-standard-green:hover {
	background: rgba(255, 255, 255, .7);
	color:rgba(159, 191, 64, 1);
	border:5px solid rgba(159, 191, 64, 1);	
}

/*********** WIDGETS ***********/

.widgetOpenFour, .widgetOpenThree, .widgetOpenTwo, .widgetOpenOne, .widgetOpenThirds {
	margin:20px 0;	
	clear:both;
	display:block;
	padding:0;
	list-style:none;
}

.widgetOpenFour ul, .widgetOpenThree ul, .widgetOpenTwo ul, .widgetOpenOne ul, .widgetOpenThirds {
	color:#4b4b4b;
}

.widgetOpenFour ul li, .widgetOpenThree ul li, .widgetOpenTwo ul li, .widgetOpenOne ul li, .widgetOneThird ul li, .widgetTwoThirds ul li {
	float:none;
	margin:0;
	padding:0;
	width:auto;	
}

/*
Open Box Widgets
*/

/* ---- 3rds box sets ---- */

.widgetOpenThirds p {
	margin:5px 0 15px 0;
	line-height:22px;
	font-size:11pt;
}

.widgetOpenThirds li.OneThird {
	width:31%;
	float:left;
	margin-left:3%;
	display:block;
	text-align:left;	
}

.widgetOpenThirds li.OneThird:first-child {
	margin-left:0;	
}

.widgetOpenThirds li.TwoThirds {
	width:62%;
	float:left;
	margin-left:3%;
	display:block;
	text-align:left;	
}

.widgetOpenThirds li.TwoThirds:first-child {
	margin-left:0;	
}

.widgetOpenThirds li.FullThirds {
	width:100%;
	float:none;
	display:block;
	text-align:left;	
}



/* ---- 4 box sets ---- */

.widgetOpenFour li {
	width:22%;
	float:left;
	margin-left:4%;
	display:block;
}

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

.widgetOpenFour a {
	text-decoration:none;	
}
.widgetOpenFour a:hover {
	text-decoration:underline;	
}

.widgetOpenFour p {
	margin:5px 0 15px 0;
	line-height:22px;
	font-size:11pt;
}

/* ---- 3 box sets ---- */

.widgetOpenThree li {
	width:31%;
	float:left;
	margin-left:3%;
	display:block;
	text-align:center;
}

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

.widgetOpenThree p {
	margin:5px 0 15px 0;
	line-height:22px;
	font-size:11pt;
}


/* ------ 2 Box Sets ----- */
.widgetOpenTwo li {
	width:48%;
	float:left;
	display:block;	
	margin-left:4%;
}
.widgetOpenTwo li:first-child {
	margin-left:0;	
}

.widgetOpenTwo li p {
	margin:5px 0 15px 0;
	line-height:22px;
	font-size:11pt;
}

/* ------ 1 Box set --------- */
.widgetOpenOne li {
	display:block;
	padding:10px 0;
}

.widgetOpenOne p {
	margin:5px 0 15px 0;
	line-height:22px;
	font-size:11pt;
}

/*
Closed Box Widgets
*/

/*** All closed box widgets should include the class '.hero' to apply the white background, border and bk image.
*/

.widgetClosedThree, .widgetClosedTwo, .widgetClosedOne {
	margin:20px 0;	
	clear:both;
	display:block;
	padding:0;
	list-style:none;
}

/* ------ 3 Box Closed ----- */
.widgetClosedThree li {
	width:29%;
	float:left;
	height:300px;
	margin-left:3%;
	display:block;	
}
.widgetClosedThree li:first-child {
	margin-left:0;	
}

/* ------ 2 Box Closed ----- */
.widgetClosedTwo li {
	width:48%;
	display:block;	
	float:right;	
	margin-left:2%;
}
.widgetClosedTwo li:first-child {
	margin-left:0;
	float:left;
	
}

/* ------ 1 Box Closed ----- */
.widgetClosedOne li {
	width:100%;
	float:none;
	display:block;	
}


/* 
------ Misc classes used in Widgets
*/

ul.list { /* for ul's inside widgets */
	display:block;
	float:none;
	list-style:none;	
	clear:both;
	padding:0;
	margin:10px 0;
}

ul.list li {
	display:block;
	float:none;	
}

.text-shadow-nooffset {
	text-shadow:0 0 5px #666;
	-moz-text-shadow:0 0 5px #666;
	-webkit-text-shadow:0 0 5px #666;	
}

.text-shadow-offset {
	text-shadow:1px 1px 2px #666;
	-moz-text-shadow:1px 1px 2px #666;
	-webkit-text-shadow:1px 1px 2px #666;	
}

.box-shadow-nooffset {
	box-shadow: 0 0 5px #666;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	background:transparent;	
}

.box-shadow-offset {
	box-shadow: 2px 2px 5px #666;
	-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;	
}

.salesButton {
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	padding:7px 12px;
	display:block;
	border:5px solid #fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#839f3b;
	color:#fff;
	text-shadow:0 0 5px #6b8327;
	-moz-text-shadow:0 0 5px #6b8327;
	-webkit-text-shadow:0 0 5px #6b8327;
	margin-top:10px;
	font-size:10pt;
	text-decoration:none;
	text-align:center;
}

.salesButton:hover {
	background-color:#245ca3;
	color:#fff;	
	text-shadow:0 0 10px #6b8327;
	-moz-text-shadow:0 0 10px #6b8327;
	-webkit-text-shadow:0 0 10px #6b8327;
}

.widget-button {
	display:block;
	width:153px;
	height:19px;
	padding:10px 15px 13px 20px;
	font-size:10pt;
	text-align:left;
	text-decoration:none;	
	float:left;
	margin:10px 10px 10px 0;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	color:#ffffff;
	font-weight:bold;	
	text-shadow:-1px -1px 1px #333;
	-moz-text-shadow:-1px -1px 1px #333;
	-webkit-text-shadow:-1px -1px 1px #333;	
	background: url('../../images/common/widgetbutton.png')no-repeat center top;
}

.widget-button:hover {
	background: url('../../images/common/widgetbutton.png')no-repeat center -46px;	
}

/*
Float Left or Right by adding these styles
*/

.left {
	float:left;	
}

.right {
	float:right;	
}


/*
------ Individual Widgets ------
-- Since the background elements must go from edge to edge, padding must be added to the containing divs
*/

.myMadix {
	min-height:125px;
	background:url("../../images/common/backgrounds/mymadix.png") no-repeat right -5px;
	padding:10px;
}

.catalogs {
	min-height:125px;
	background:url("../../images/common/backgrounds/catalogs.png") no-repeat right -5px;
	padding:10px;
}	

.brochures {
	min-height:125px;
	padding:10px;	
}

.products {
	min-height:125px;
	padding:10px 0;	
	background:url("../../images/common/backgrounds/products.png") no-repeat right -5px;	
}

.featuredEasel {
	min-height:210px;
	padding:10px;	
	background:url("../../images/common/backgrounds/easel.png") no-repeat 220px top;	
}

.featuredShows {
	min-height:210px;
	padding:10px;	
	background:url("../../images/common/backgrounds/shows.png") no-repeat 220px top;	
}

/* mail-form (newsletter) styles */
#mail-form { 
	min-height:125px;
	padding:10px 15px;	
	color:#4b4b4b;
}
#mail-form h2 {
	margin-bottom:5px;	
}

#mail-email {
	width:70%;
	min-width:100px;
	height:44px;
	float:left;
}

#mail-email input {
	display:block;
	padding:5px 10px;
	width:94%;
	height:34px;
	background:#eeeeee;	
	border:1px solid #bbbbbb;
	border-radius:5px;
	-moz-border-radius:5px;
	font-size:14pt;
	color:#333;
}

#mail-send {
	width:107px;
	height:46px;
	float:left;	
	position:relative;
	padding-left:10px;
}

#send-button {
	width:107px;
	height:46px;
	background: #1890ce;	
	cursor:pointer;
	position:relative;
	color:#1f87bd;
	font-size:12pt;
	font-weight:bold;
	text-align:center;
	text-shadow:-1px -1px 1px #092f43;
	-moz-text-shadow: -1px -1px 1px #092f43;
}

#send-button:hover {
	background: #e1822d;
	box-shadow:-1px -1px 1px #f9d0ab;
	-moz-box-shadow:-1px -1px 1px #f9d0ab;
	color:#9e6b3d;			
}

#mail-note {
	text-align:center;
	color:	#b2b2b2;
	font-size:8pt;
	display:block;
}

#mail-note a {
	color:	#b2b2b2;
	text-decoration:none;	
}

#mail-note a:hover {
	color:#666;	
}