@charset "UTF-8";
/* 
Madix Inc
CSS by Tim Truelove
Primary CSS styles
 */

@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Condensed&display=swap');

/* HTML 5 Compatibility */

section, header, nav, article, aside, footer, video, iframe {
	display:block;	
}

/* Global Elements */
body {
	font-family: 'Roboto', sans-serif;
	/*background:#f1f1f1;*/
    background:#ffffff;
}

video, iframe, object {
	max-width:100%;	
	max-height:auto;
}

:focus {
	outline:none;	
}

#wrapper {
	width:100%;	
}

#container {
	width:980px;
	margin:0 auto;
	overflow:visible;	
}

.clear {
	clear:both;	
	margin:0;
	padding:0;
}

.loading {
	background-image: url('../../images/loading.gif');
	background-repeat: no-repeat;
	background-position:center;
}

/* Reset */
div {
	margin:0;
	padding:0;	
}
* {
	margin:0;
	padding:0;
}

a {
	outline:none;
	cursor:pointer;	
}

img {
	border:0;	
}

h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:normal;
	font-size:16pt;
	color:#4b4b4b;
	line-height:34px;	
	padding:10px 0;
	text-transform:uppercase;
}

h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:normal;
	font-size:14pt;
	color:#9fbf40;
	line-height:28px;	
	padding:10px 0;
}

h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:normal;
	font-size:13pt;
	color:#4b4b4b;
	line-height:26px;	
	padding:10px 0;	
	text-transform:uppercase;
}

h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:normal;
	font-size:12pt;
	color:#9fbf40;
	line-height:28px;	
	padding:10px 0;
}

.hidden {
    display:none;
}

/********** 2017 Nav Bar ***************/

#menu {
    list-style:none;
    width:400px;
    margin:10px 0px 0px 10px;
    height:43px;
    padding:0px;
	position:relative;
	float:left;
	z-index:9999;
	/*background: #014464;
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	box-shadow:inset 0px 0px 1px #edf9ff;
	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;*/
}

#menu li {
    float:left;
    display:block;
    text-align:center;
    position:relative;
    padding: 4px 10px 4px 10px;
    margin-right:15px;
    margin-top:7px;
    border:none;
}
	
#menu li ul {
    list-style:none;
    padding:0;
    margin:0 0 12px 0;
}
#menu li ul li {
    font-size:12px;
    line-height:24px;
    position:relative;
    text-shadow: 1px 1px 1px #ffffff;
    padding:0;
    margin:0;
    float:none;
    text-align:left;
    width:130px;
}
#menu li ul li:hover {
    background:none;
    border:none;
    padding:0;
    margin:0;
}

#menu li:hover {
    /*border: 1px solid #777777;*/
	border-top: 1px solid #777777;
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
	border-bottom:1px solid #eeeeee;
    padding: 4px 9px 4px 9px;
     
    /* Background color and gradients */
     
    background: #F4F4F4;
    background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
     
    /* Rounded corners */
     
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

#menu li a {
    /*font-family:Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
    font-size:14px; 
    color: #4b4b4b;
    display:block;
    outline:0;
    text-decoration:none;
    /*text-shadow: 1px 1px 1px #000;*/
}
	
#menu li .black_box {
    background-color:#333333;
    color: #eeeeee;
    text-shadow: 1px 1px 1px #000;
    padding:4px 6px 4px 6px;
 
    /* Rounded Corners */
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
 
    /* Shadow */
	box-shadow:inset 0 0 3px #000000;
    -webkit-box-shadow:inset 0 0 3px #000000;
    -moz-box-shadow:inset 0 0 3px #000000;
}
	
#menu li:hover a {
    color:#161616;
    /*text-shadow: 1px 1px 1px #FFFFFF;*/
}
	
#menu li .drop {
    padding-right:21px;
    background:url("../../images/common/nav/drop.png") no-repeat right 8px;
}
	
#menu li .greybox li {
    background:#F4F4F4;
    border:1px solid #bbbbbb;
    margin:0px 0px 4px 0px;
    padding:4px 6px 4px 6px;
    width:116px;
 
    /* Rounded Corners */
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#menu li .greybox li:hover {
    background:#ffffff;
    border:1px solid #aaaaaa;
    padding:4px 6px 4px 6px;
    margin:0px 0px 4px 0px;
}
	
#menu li:hover .drop {
    background:url("../../images/common/nav/drop.png") no-repeat right 7px;
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
    margin:4px auto;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    padding:10px 5px 10px 5px;
    border:1px solid #777777;
    /*border-top:none;*/
     
    /* Gradient background */
    background:#F9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9, #e9e9e9);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e9e9e9));
 
    /* Rounded Corners */
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
}
	
.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
    left:-1px;top:auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

#menu .menu_right {
    float:right;
    margin-right:0px;
}
	
#menu li .align_right {
    /* Rounded Corners */
	border-radius: 5px 0px 5px 5px;
    -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
}
	
#menu li:hover .align_right {
    left:auto;
    right:-1px;
    top:auto;
}
	
#menu p, #menu h2, #menu h3, #menu ul li {
    font-family: 'Roboto Condensed', sans-serif;
    line-height:21px;
    font-size:12px;
    text-align:left;
    text-shadow: 1px 1px 1px #FFFFFF;
}
#menu h2 {
    font-size:21px;
    font-weight:400;
    letter-spacing:-1px;
    margin:7px 0 14px 0;
    padding-bottom:14px;
    border-bottom:1px solid #aaa;
}
#menu h3 {
    font-size:14px;
    margin:7px 0 14px 0;
    padding-bottom:7px;
    border-bottom:1px solid #aaa;
}
#menu p {
    line-height:18px;
    margin:0 0 10px 0;
}
.strong {
    font-weight:bold;
}
.italic {
    font-style:italic;
}
	
#menu li:hover div a {
    font-size:12px;
    color:#68942f;
}
#menu li:hover div a:hover {
    color:#7bae38;
}
	
.imgshadow {
    background:#FFFFFF;
    padding:4px;
    border:1px solid #777777;
    margin-top:5px;
	box-shadow:0px 0px 5px #666666;
    -moz-box-shadow:0px 0px 5px #666666;
    -webkit-box-shadow:0px 0px 5px #666666;
}
	
.img_left {
    width:auto;
    float:left;
    margin:5px 15px 5px 5px;
}

/********** New Header 03/2021 ****************/




/**** End New Header ****/

/********** New Header ****************/

#header {
	z-index:999;	
}


nav#WNav {
	background:#fff;
	position:relative;
}

div#WNavBar {
    border-bottom:1px solid #e0e0e0;
    padding:10px;
    background:#3a3a3a;
}


ul#WMin1 {
	float:left;
	width:550px;
	display:block;	
	list-style:none;
	font-size:10pt;
	/*color:#231f20;*/
    color:#eeeeee;
    text-shadow: 1px 1px 2px #000;
    padding-top:5px;
}

ul#WMin1 li {
	display:block;
	float:left;
	padding:0 10px;	
}

ul#WMin1 li span.greenArrow {
	color:#8dc63f;	 /*Madix Green */
	font-size:12pt;
}

ul#WMin1 li a {
	/*color:#231f20;*/
    font-family: 'Roboto Condensed', sans-serif;
    color:#eeeeee;
	text-decoration:none;
    text-shadow: 1px 1px 2px #000;
}
ul#WMin1 li a:hover {
	/*color:#8dc63f;*/
    color:#ffffff;
}

ul#WMin2 {
	float:right;
	width:90px;
	display:block;	
	list-style:none;
	font-size:10pt;
	color:#231f20;
}

ul#WMin2 li {
	display:block;
	float:right;
		
}
ul#WMin2 li a {
	text-decoration:none;
		
}

#WLogoBox {
	/*background:#fff;
	box-shadow:0 1px 1px #333;
	padding:10px;*/
	width:135px;
	float:left;
	position:relative;
	top:7px;
	z-index:99;
}


#WLogoBox2 {
	display:none;	
}

ul#WNavMain {
	font-family: 'Roboto Condensed', sans-serif;
	display:block;
	list-style:none;
	float:left;	
	margin-left:20px;
}

ul#WNavMain li {
	display:block;
	float:left;	
}

ul#WNavMain li a {
	font-family: 'Roboto Condensed', sans-serif;
	display:block;
	padding:19px 10px;
	text-transform:uppercase;
	text-decoration:none;
	color:#4b4b4b;	
}

/* Drop down on click */

ul#WNavMain li a:hover {
	color:#fff;
	background:#8dc63f;	 /*Madix Green */
}

#WNavMain > li.selected  > a {
    background-color:#8dc63f;
    border-color:#999999 #999999 #FFFFFF;
    z-index:2;
	color:#fff;
}

#WNavMain li div {
    position:relative;
}
#WNavMain li div div {
    background-color:#FFFFFF;
    border:1px solid #999999;
    padding:12px 0;
    display:none;
    font-size:.95em;
    margin:0;
    position:absolute;
    top:-1px;
    z-index:9999;
    width:350px; /*190px orig*/
}
#WNavMain li div div.wrp2 {
    width:380px;
}
#WNavMain .sep {
    left:350px; /*190px orig */
    border-left:1px solid #E3E3E3;
    bottom:0;
    height:auto;
    margin:15px 0;
    position:absolute;
    top:0;
    width:1px;
}
#WNavMain li div ul {
    padding-left:12px; /* 10px orig */
    padding-right:12px; /* 10px orig */
    position:relative;
    width:330px; /* 170px orig */
    float:left;
    list-style-type:none;
}
#WNavMain li div ul li {
    margin:0;
    padding:0;
}
#WNavMain li div ul li h3 {
    border-bottom:1px solid #E3E3E3;
    color:#4F4F4F;
    font-weight:bold;
    margin:0 5px 4px;
    font-size:1em;
    padding-bottom:3px;
    padding-top:3px;
}
#WNavMain li ul ul {
    padding:0 0 8px;
}
#WNavMain li ul ul li {
    margin:0;
    padding:0;
}
#WNavMain li ul ul li a {
    color:#8dc63f;
    display:block;
    margin-bottom:1px;
    padding:3px 5px;
    text-decoration:none;
    font-size:.9em;
}
#WNavMain li ul ul li a:hover{
    background-color:#8dc63f;
    color:#fff;
}

#WsearchBar {
	width:225px;
	float:right;
	padding-top:7px;
}

#WsearchBar p {
	font-size:7pt;
	color:#999;	
	font-style:italic;
}

/********** Header Styles *************/


.background {
	background:url("../../images/common/contentContainerBk.png") repeat-x;		
}

#top-bar {
	height:10px;
	background:#636363 url('/images/common/logobarBk.jpg') repeat-x;	
}

#mainNav {
	background:#ffffff;
	border-bottom:1px solid #e0e0e0;	
}

#mainNavContainer {
	width:980px;
	margin:0 auto;	
}

#mainNavContainer2 {
	width:100%;
	margin:0 auto;	
}

#logoMain {
	width:135px;
	float:left;	
	
}

#logoRev {
	display:none;
	z-index:1;
	position:relative;	
}

/********* Search Classes/IDs *********/


#searchBar {
	width:225px;
	float:left;
	margin-right:5px;
	padding-top:7px;
}

#searchBar p {
	font-size:7pt;
	color:#999;	
	font-style:italic;
}

#WsearchBar {
	width:225px;
	float:right;
	padding-top:7px;
}

#WsearchBar p {
	font-size:7pt;
	color:#999;	
	font-style:italic;
}

#searchBarMobile {
	width:280px;
	position:absolute;
	right:0px;
	top:15px;
	display:none;
	z-index:99999;
}

#searchBarMobile p {
	font-size:7pt;
	color:#999;	
	font-style:italic;
}

#mobile-img {
	right:5px;
	top:5px;
	position:relative;	
}

.search {
	padding:5px 20px;
	display:block;	
}

.searchField {
	display:block;
	margin:5px 0;
	padding:5px 10px;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	background:#7d7d7d url('/images/common/searchBarBk.jpg') repeat-x;
	border:0;
	color:#fff;
	outline:none;
}

.searchButton {
	display:block;
	background:#f1f1f1 url('/images/common/searchButtonBk.png') no-repeat center center;	
	padding:5px;
	width:30px;
	height:30px;
	margin:0 20px;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	cursor:pointer;
	box-shadow:0px 0px 5px #333;
	-moz-box-shadow:0px 0px 5px #333;
	-webkit-box-shadow:0px 0px 5px #333;
}

/***** New Search Bar ****/

.form-wrapper {
	overflow:hidden;
	margin:8px 0 10px 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;  	
}

.form-wrapper #search {
	padding:5px;
	width:160px;
	height:15px;	
	float:left;
	font-size:10px;
	border: 1px solid #ccc;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.form-wrapper #search:focus {
	outline: 0; 
	border-color: #aaa;
	-moz-box-shadow: 0 1px 1px #bbb inset;
	-webkit-box-shadow: 0 1px 1px #bbb inset;
	box-shadow: 0 1px 1px #bbb inset;  
}

.form-wrapper #search::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
}

.form-wrapper #search:-moz-placeholder {
	color: #999;
	font-weight: normal;
}

.form-wrapper #search:-ms-input-placeholder {
        color: #999;
        font-weight: normal;
} 

.form-wrapper #submit {
	float: right;
	border: 1px solid #8DC63f;
	height: 27px;
	width: 48px;
	padding: 0;
	cursor: pointer;
	font: bold 12px Helvetica;
	color: #fafafa;
	text-transform: uppercase;    
	background-color: #8DC63f;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a3e449), to(#8DC63f));
	background-image: -webkit-linear-gradient(top, #a3e449, #8DC63f);
	background-image: -moz-linear-gradient(top, #a3e449, #8DC63f);
	background-image: -ms-linear-gradient(top, #a3e449, #8DC63f);
	background-image: -o-linear-gradient(top, #a3e449, #8DC63f);
	background-image: linear-gradient(top, #a3e449, #8DC63f);
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;      
	text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
	-moz-text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
	-webkit-text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
}

.form-wrapper #submit:hover,
.form-wrapper #submit:focus {		
	background-color: #a3e449;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8DC63f), to(#a3e449));
	background-image: -webkit-linear-gradient(top, #8DC63f, #a3e449);
	background-image: -moz-linear-gradient(top, #8DC63f, #a3e449);
	background-image: -ms-linear-gradient(top, #8DC63f, #a3e449);
	background-image: -o-linear-gradient(top, #8DC63f, #a3e449);
	background-image: linear-gradient(top, #8DC63f, #a3e449);
}	
  
.form-wrapper #submit:active {
	outline: 0;    
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;    
}
  
.form-wrapper #submit::-moz-focus-inner {
	border: 0;
}

/**
*** Search Page
**/

section#search {
	padding:20px 0;
	color:#4b4b4b;
	font-size:11pt;
	line-height:20px;
}

#search-fields {
	padding:20px;
	margin-bottom:20px;		
}

#search-fields ul {
	list-style:none;
	margin:0;
	padding:0;	
}

#search-fields ul li {
	display:block;
	padding:5px 5px 5px 20px;	
}

#error {
	color:red;	
}

.search-main {
	font-size:14pt;	
	font-style:italic;
	color:#999;
	display:block;
	padding-bottom:7px;
	padding-left:40px;
}

#search-box {
	display:block;
	padding:20px 40px;
	width:80%;
	color:#4b4b4b;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border:1px solid #ccc;
	outline:none;	
	font-size:14pt;
}

#search-box:focus {
	color:#333;	
}

.search-results {
	padding:10px;	
}

.search-results p {
	line-height:22px;
	margin:5px 0;	
}

.search-results a {
	color:#019c01;
	text-decoration:none;
}

.search-results a:hover {
	color:#333;
	text-decoration:underline;
}

.search-results a img:hover {
	outline:solid #fff 5px;		
}

.search-img {
	float:left;
	margin:10px 20px 10px 0;
	box-shadow:0 0 10px #666;
	-moz-box-shadow:0 0 10px #666;
	-webkit-box-shadow:0 0 10px #666;	
}


/***** Nav Bar: Mobile ******/

nav.mobile {
	padding:5px 10px;
	clear:both;
	display:none;
}
nav.mobile select {
	background:transparent;
	width:100%;
	padding:5px;
	font-size:16px;
	border:1px solid #ccc;
	height:34px;
}


/********** Flyout Menu 2.0 *************/


.flyout {
	display:none;
	position:fixed;
	top:46px;
	left:0;
	width:100%;
	padding:10px 0;
	z-index:9998;
}

.menuContainer {
	position:relative;
	background:#fff;
	width:100%;
	height:440px;
	box-shadow:0px 5px 10px #666;
	-moz-box-shadow:0px 5px 10px #666;
	-webkit-box-shadow:0px 5px 10px #666;
	z-index:9999;
	text-align:left;	
}

.menuContainer .column {
	width:155px;
	height:120px;
	margin:5px 10px;
	padding-bottom:10px;
	float:left;
}

.menuContainer h1 {
	border-bottom:1px solid #ccc;	
}

.column h1 {
	font-size:16px;	
	padding:2px 0;
	margin:2px 0;
	display:block;
}

.column p {
	padding:0;	
}

.column p a {
	display:block;
	text-decoration:none;
	font-size:10pt;
	color:#545454;
	padding:5px 0;	
}

.column p a:hover {
	color:#72a133;	
}


/**** Sub Nav 2.0  ***/

#subNav {
	background:#fff url('/images/common/subNavShadowBk.jpg') repeat-x top;
	border-bottom:1px solid #ccc;	
}

#subNavContainer {
	width:980px;
	margin:0 auto;
}

#tagLine {
	width:150px;
	padding:10px 10px 5px 5px;
	float:left;		
}

nav#sub {
	float:right;
	padding:8px 0;
}

nav#sub img {
	margin:0;
	padding:0;	
}

nav#sub ul {
	list-style:none;
	margin-top:7px;	
}

nav#sub ul li {
	display:block;	
	float:left;
	margin:0 3px;
}

nav#sub ul li:last-child {
	margin-right:0px;	
}

nav#sub ul li a {
	width:55px;
	display:block;
	padding:3px 3px 3px 25px;
	font-size:9pt;	
	text-decoration:none;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;	
	color:#fff;
	text-shadow:1px 1px 1px #333;
	-moz-text-shadow:1px 1px 1px #333;
	-webkit-text-shadow:1px 1px 1px #333;
		
}
nav#sub ul li a.display:hover {
	color:#e9e9e9;
	border:1px solid #00d100;	
}
nav#sub ul li a.store:hover {
	color:#e9e9e9;	
	border:1px solid #ffad30;
}
nav#sub ul li a.promote:hover {
	color:#e9e9e9;
	border:1px solid #469bff;	
}
nav#sub ul li a.install:hover {
	color:#e9e9e9;
	border:1px solid #932fe0;	
}
nav#sub ul li a.display {
	color:	#fff; /* Display Green */
	background:#3b6f04 url("../../images/common/icons/icon-d-16x16.png") 5px center no-repeat;
	border:1px solid #3b6f04;
}
nav#sub ul li a.store {
	background:#ff6700 url("../../images/common/icons/icon-s-16x16.png") 5px center no-repeat; /* Store Orange */
	border:1px solid #ff6700;
}
nav#sub ul li a.promote {
	background:#0054ff	url("../../images/common/icons/icon-p-16x16.png") 5px center no-repeat; /* Promote Blue */
	border:1px solid #0054ff;
}
nav#sub ul li a.install {
	background:#9a33cc url("../../images/common/i-gradient-bk.jpg") left center repeat-x; /* Install Purple */
	border:1px solid #9a33cc;
}


/***********!Flyout Menu 2.0 *************/






/********** Mobile Nav ***********/

#mobile-nav {
	font-size:11px;
	font-weight:bold;
	position:relative;
	top:-10px;
	width:280px;
	background:#e9e9e9;	
	box-shadow:0 5px 10px #000;
	-moz-box-shadow:0 5px 10px #000;
	border-radius:10px;
	-moz-border-radius:10px;
	text-shadow:1px 1px 1px #fff;
	-moz-text-shadow:1px 1px 1px #fff;
}

#mobile-nav ul {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}

#mobile-nav ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	border-right:1px solid #b3b3b3;
	border-left:1px solid #ffffff;
	text-align:center;	
}

#mobile-nav ul li:first-child {	
	border-left:none;
}
#mobile-nav ul li:last-child {
	border-right:none;		
}

#mobile-nav ul li a {
	display:block;
	padding:10px 5px;
	color:#333333;
	text-decoration:none;
	width:58px;	
}

#mobile-nav ul li a:hover {
	color:#999;	
}

#m-group {
	width:225px;
	height:290px;
	overflow-y:scroll;
}

#m-group p {
	display:block;
	margin:5px 0;	
}

#m-group ul {
	display:block;
	margin:0;
	padding:0;
	list-style:none;	
}

#m-group ul li {
	display:block;
	background:url('../../images/common/light-to-grey-bk.jpg') repeat-x;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #b0b0b0;
	border-radius:10px;
	-moz-border-radius:10px;
	margin:7px 5px 12px 0;
	box-shadow:0 2px 5px #666;
	-moz-box-shadow:0 2px 5px #666;
	width:130px;
	font-size:12px;
}

#m-group ul li:hover, #m-group ul li:focus, #m-group ul li:active {
	background:url('../../images/common/light-to-grey-bk-over.jpg') repeat-x;
	box-shadow:none;
	-moz-box-shadow:none;	
}

#m-group ul li a {
	display:block;
	text-decoration:none;
	padding:10px 15px;
	color:#56821b;
	text-shadow:1px 1px 1px #fff;
	-moz-text-shadow:1px 1px 1px #fff;	
}

#m-group ul li a:hover {
	text-shadow:-1px -1px 1px #fff;
	-moz-text-shadow:-1px -1px 1px #fff;		
}

/****************** End Header Styles ********************/



/****************** Content Containers ********************/

#contentWrapper {
	width:100%;
	height:100%;
	/*background:url("../../images/common/contentContainerBk.png") repeat-x;*/	
	padding-top:0px;	
}

#contentContainer {
	width:980px;
	margin:0 auto;
}

#bandWhite {
	background:#fff;
	color:#333;
}

#bandWhite img {
	width:100%;
	height:100%;	
}

#bandGray {
	background:#f1f1f1;	
	color:#333;
}

#bandGray img {
	width:100%;
	height:100%;	
}

#bandBlack {
	background:#222;
	color:#fff;
}

#bandBlack img {
	width:100%;
	height:100%;	
}

#band {
	color:#333;
}

#band img {
	width:100%;
	height:100%;	
}

/********* News Bar ********/

#newsWidget {
	width:90%;
	position:relative;
	z-index:0;
	padding:7px 10px 7px 70px;
	margin:0 0 10px 0;
	background:transparent url('../../images/common/newsBk.png') no-repeat 15px center;
	float:left;
}

.newsLink {	
	padding:7px 5px 10px 5px;
	font-size:9pt;
	display:block;
	width:100px;
	float:right;
	position:relative;
	right:0;
}

#news {
	overflow:hidden;
	width:100%;
	display:block;
	font-size:9pt;
	color:#696969;
	list-style:none;
}

ul#news li {
	width:100%;
	display:block;	
}

/************* end news bar **********/

#breadcrumbs {
	padding:15px;
	margin:0 0 10px 0;
	float:left;	
	font-size:10pt;
	color:#5d5d5d;
	text-transform:capitalize;
}

#breadcrumbs a {
	color:#56821b;
	text-decoration:none;	
}

#breadcrumbs a:hover {
	text-decoration:underline;	
}


/*
Colored Links
*/
.greenNote {
	font-size:10pt;
	color:#56821b;	
}

.purple {
	color:#66009b;	
}

.green {
	color:#56821b;	
}

.orange {
	color:#ff6700; /* Madix Orange */
}

.blue {
	color:#0054ff; /* Madix blue */	
}

.greenLinkNormal {
	color:#56821b; /* Madix Drk Green */
	outline:none;
	text-decoration:none;
}

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

.greenLink, .orangeLink, .blueLink {
    font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;	
}

.greenLink {
	color:#56821b; /* Madix Drk Green */
	outline:none;
	text-decoration:none;	
}

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

.greenLink2 {
	color:#56821b; /* Madix Drk Green */
	/* color:#9fbf40; /* Madix Green */
	font-family: 'Roboto Condensed', sans-serif;
	outline:none;
	text-decoration:none;
	text-transform:uppercase;	
}

.greenLink2:hover {
	color:#0054ff;	
}

.orangeLink {
	color:#ff6700; /* Madix Orange */
	outline:none;
	text-decoration:none;
}

.orangeLink:hover {
	text-decoration:none;
    color:#0054ff;
    border:1px solid #ff6700;
}

.blueLink {
	color:#0054ff; /* Madix Orange */
	outline:none;
	text-decoration:none;
}

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

.block {
	display:block;
	padding:5px 0;	
}


/**** 2021 Product Selection Links ****/


#pSelect {
    
}

#pSelect h1, #pSelect h2, #pSelect h3, #pSelect h4 {
    font-family: 'Roboto Condensed', sans-serif;
}

#pSelect a {
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration:none;
}

#pSelect a:hover {
    text-decoration:none;
}

/** Orange **/


#pSelect .boxLinkOrange {
    padding:5px;
    outline: 1px solid #ff6700;
    color:#ff6700;
    text-decoration:none;
}

#pSelect .boxLinkOrange:hover {
    background: #ff6700;
    border:none;
    color:#fff;
    text-decoration:none;
}

#pSelect .boxLinkBlue {
    padding:5px;
    outline: 1px solid #0054ff;
    color:#0054ff;
    text-decoration:none;
}

#pSelect .boxLinkBlue:hover {
    background: #0054ff;
    border:none;
    color:#fff;
    text-decoration:none;
}

/************* Heroes ************/


/* The heroLarge container spans full width and is populated by an external file. Height is determined by nested div element. 

Content styles are created in widgets.css

*/
#heroLarge, #heroLarge video, #heroLarge video source {
	position:relative;
	z-index:1;		
}

#flashContent, #flashContent object {
	position:relative;
	z-index:1;		
}

/* 
Open/closed box widget styles are found in widgets.css
*/

section#widgets {
	line-height:20px;	
}

section#widgets img {
	max-width:100%;
	max-height:100%;	
}

section#widgets h1 {
	font-size:21pt;
	font-weight:normal;	
	display:block;
	padding:5px 0 10px 0;
}

section#widgets h2 {
	font-size:17pt;
	font-weight:normal;	
	display:block;
	padding:10px 0 5px 0;
}

section#widgets h3 {
	font-size:15pt;
	font-weight:normal;	
	display:block;
	padding:10px 0 5px 0;
}

section#widgets h4 {
	font-size:13pt;
	font-weight:normal;
	display:block;
	padding:10px 0 5px 0;	
}

section#widgets p {
	font-size:11pt;
	display:block;
	padding:5px 0;
	color:#4b4b4b;	
}

span.sub-header {
	font-size:12pt;
	color:#818181;
	display:block;
	padding:5px 0 10px 0;
}

span.featured {
	font-size:11pt;
	color:#666;
	display:block;
	padding:5px 0;
}


/*
**** Form Items ****
*/

.formContainer {
	display:block;
	text-align:center;	
		
}

.selectMenu {
	display:block;	
	padding:10px 20px;
	width:100%;
	border:1px solid #666;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	margin:0 0 20px 0;
	height:40px;
	text-align:center;
}

.selected {
	font-style:italic;
	color:#666;
}

.blueButton {
	display:block;
	padding:10px 30px;
	background:#00F;
	color:#fff;
	border:3px solid #e9e9e9;
	/*border-radius:20px; */
	/*-moz-border-radius:20px;*/
	/*-webkit-border-radius:20px;*/
	margin:0 auto;
	font-size:11pt;
	text-shadow:1px 1px 2px #333;
	-moz-text-shadow:1px 1px 2px #333;
	-webkit-text-shadow:1px 1px 2px #333;
	box-shadow:0 3px 5px #666;
	-moz-box-shadow:0 3px 5px #666;
	-webkit-box-shadow:0 3px 5px #666;
	cursor:pointer;
	text-decoration:none;
}

.blueButton:hover {
	background:#06F;	
}

.greenButton {
	display:block;
	padding:10px 30px;
	background:#019c01;
	color:#fff;
	border:2px solid #fff;
	margin:0 auto;
	font-size:11pt;
	text-shadow:-1px -1px 1px #333;
	-moz-text-shadow:-1px -1px 1px #333;
	-webkit-text-shadow:-1px -1px 1px #333;
	box-shadow:0 3px 5px #666;
	-moz-box-shadow:0 3px 5px #666;
	-webkit-box-shadow:0 3px 5px #666;
	cursor:pointer;
	text-decoration:none;
}

.greenButton:hover {
	background:#3fd23f;	
}

.greenButtonBox {
	width:150px;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
	margin:10px auto;
}

.search-Button {
	display:block;
	padding:10px 30px;
	background:#019c01;
	color:#fff;
	border:0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	margin:10px auto;
	font-size:14pt;
	text-shadow:-1px -1px 1px #333;
	-moz-text-shadow:-1px -1px 1px #333;
	-webkit-text-shadow:-1px -1px 1px #333;
	box-shadow:0 3px 10px #999;
	-moz-box-shadow:0 3px 10px #999;
	-webkit-box-shadow:0 3px 10px #999;
	cursor:pointer;	
	text-align:center;
	text-decoration:none;
	width:200px;
}

.search-Button:hover {
	background:#56821b;	
}

#content {
	margin:20px 0;	
}

/*
Sales Assistance Form
*/

#salescontent {
	width:700px;
	margin:0 auto;
	font-family:Helvetica, Verdana, sans-serif;
	font-size:11pt;
	color:#6e6e6e;
	position:relative;	
}
#salescontent #wrapper {
	width:580px;
	padding-bottom:20px;
	margin:0 auto 20px auto;	
}
fieldset.step {
	display:block;
	margin:10px 0;	
	border:none;
}
img.icon {
	margin-right:10px;	
}
fieldset.step legend {
	border-bottom:1px solid #a1c545;
	padding:5px;
	display:block;
	text-indent:10px;
	font-size:17pt;
	color:#a1c545;
	vertical-align:middle;
	width:570px;
}
fieldset.step p {
	display:block;
	margin:0;
	padding:10px 0;
	clear:both;
	height:30px;	
}
fieldset.step p.extend {
	height:60px;	
}
fieldset.step p label {
	width:150px;
	display:block;
	text-align:right;
	margin-right:20px;
	float:left;
	padding:6px 0;	
}
fieldset.step p label span {
	color:#F00;	
}
fieldset.step p input.text, fieldset.step p textarea, fieldset.step p select {
	width:300px;
	margin-right:5px;
	padding:7px;
	float:left;
	display:block;
	border-radius:10px;
	-moz-border-radius:10px;
	border:1px solid #999999;
	font-family:Helvetica, Verdana, sans-serif;
	font-size:10pt;
	color:#333;	
}
div.info {
	width:250px;
	margin:0 auto;	
}
div.info span {
	line-height:25px;
	font-style:italic;
	text-align:center;
	padding:10px 0;
	display:block;
}
div.info span span {
	font-size:14pt;
	color:#F00;
	display:inline;	
}
.submitButton {
	border:none;
	outline:none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #ffffff;
    display: block;
    cursor:pointer;
    margin: 0px auto;
    clear:both;
    padding: 7px 25px;
    text-shadow: 0 1px 1px #777;
    font-weight:bold;
    font-family:Helvetica, Verdana, sans-serif;
    font-size:22px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background:#a1c545;
}
.submitButton:hover {
    background:#d8d8d8;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}

/* 
Products Page 
*/


.product-selector {
	margin-bottom:20px;	
}

.product-menu {
	list-style:none;
	display:block;
	float:left;
	margin-left:10px;
	font-size:14px;	
}

.active a{
	background:url('../../images/common/productSelector/product-menu-arrow.png') no-repeat;
	background-position: 94px 14px;
}

.product-menu li {
	display:block;	
}

.product-menu li a {
	display:block;
	position:relative;
	height:59px;
	width:136px;
	text-decoration:none;
	color:#fff;
	text-shadow:1px 1px 2px #000;
	-moz-text-shadow:1px 1px 2px #000;
	-webkit-text-shadow:1px 1px 2px #000;	
	
}

ul.product-menu li a span {
	display:block;
	padding:20px 36px 24px 44px;
	background:url('../../images/common/productSelector/product-menu-arrow.png') no-repeat;
	background-position: 140px 14px;	
}

/* ul.product-menu li a:hover {
	background-position: 94px 14px;	
}
*/

ul.product-menu li.display {
	background:url("../../images/common/productSelector/product-menu-button-display2.png") no-repeat right center;
}


ul.product-menu li.store {
	background:url("../../images/common/productSelector/product-menu-button-store2.png") no-repeat right center;
}

ul.product-menu li.promote {
	background:url("../../images/common/productSelector/product-menu-button-promote2.png") no-repeat right center;
}


.tab-container {
	float:left;
	width:85%;	
}

.tab-content {
	padding:10px 0;	
	display:block;
	list-style:none;
}

.tab-content li {
	display:block;
	float:left;
	margin:0 2%;	
	text-align:center;
	width:20%;
}

.tab-content li a {
	font-size:10pt;
	text-decoration:none;
	color:#777;	
}

#product-location {
	display:block;
	font-size:8pt;	
}

#product-location ul {
	display:block;	
	list-style:none;
}

#product-location li {
	display:block;
	padding:2px 5px;
	margin-right:5px;
	float:left;	
	width:100px;
	background:#e9e9e9;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}

#product-location a {
	color:#999;
	text-decoration:none;	
	display:block;
}

#product-location a:hover {
	color:#56821b;
	text-decoration:underline;	
}

#product-location p span {
	font-size:8pt;
	color:#999;	
}

/*
****** DSP Pages *******
*/

.dspBg	{
	background: URL('../../images/dsp/dsp-bg.png') no-repeat scroll right center;
}




.dspContainer {
	margin:0 0 20px 0;
	clear:both;	
}

.dspHeader {
	width:29%;
	padding-right:1%;
	float:left;	
}

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

.dspHeader p {
	font-size:11pt;
	color:#515151;
	line-height:20px;
	padding:5px 0;	
}

.dspContent {
	width:69%;
	padding-left:1%;
	float:right;
}

.dspIcons, .dspLabels {
	display:block;
	list-style:none;
	clear:both;	
	text-align:center;
}

.dspIcons li, .dspLabels li {
	float:left;	
	width:25%;
}

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

.dspLabels {
	padding:5px 0;
	font-size:10pt;	
}

.dspLabels a {
	color:#56821b;
	text-decoration:none;
}

.dspLabels a:hover {
	text-decoration:underline;	
}


/****** About Us *********/

#about {
	padding:20px 0;
	position:relative;
}

#about img {
	max-width:100%;
	max-height:100%;	
}

#about p {
	padding:10px 0;
	color:#666;
	line-height:22px;
	font-size:11pt;	
}

.activeTab {
	background:#fff;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	-moz-border-top-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
	-moz-border-top-left-radius:10px;	
	-webkit-border-top-left-radius:10px;
	border-top-left-radius:10px;
	z-index:99;
	top:1px;
	position:relative;
	-moz-box-shadow:0 -2px 2px #999;	
	-webkit-box-shadow:0 -2px 3px #999;
	box-shadow:0 -2px 2px #999;
}

.activeTab a span {
	color:#56821b;
}

.aboutContent {
	background:#fff;
	border:1px solid #ccc;	
	padding:20px;
	clear:both;
	-moz-box-shadow:0 0 5px #999;	
	-webkit-box-shadow:0 0 5px #999;
	box-shadow:0 0 5px #999;
}	

.aboutFloat {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

.aboutContact {
	padding:20px 0;
}

.aboutContact a {
	color:#56821b;
	text-decoration:none;
}

.aboutContact a:hover {
	color:#333;	
}

.small {
	font-size:9pt;	
}
	
#tabs {
	
}

#tabs ul {
	display:block;
	list-style:none;
	margin:0 10px;	
}

#tabs ul li {
	float:left;
}

#tabs ul li a {
	padding:10px;
	display:block;
	text-decoration:none;
	font-size:11pt;
	color:#333;	
}

#tabs ul li a:hover {
	color:#56821b;	
}

#mission-statement {
	margin:20px;
	padding:20px;
	background:#323232;
	border-radius:20px;	
	border:3px solid #8dc63f;
}

#mission-statement p, #mission-statement h2 {
	color:#e9e9e9;
}
#mission-statement p {
	font-size:12pt;
	line-height:26px;
}

/*
Innovative Products
*/

#iproductContainer {
	line-height:21px;	
}

.iProduct {
	width:48%;
	padding:2% 1%;
	float:left;
	height:100px;
	margin:10px 0;	
}

.iProduct h3 a {
	color:#4b4b4b;
	text-decoration:none;	
}

.iProduct h3 a:hover {
	color:#56821b;	
}

.iProduct p {
	font-size:11pt;
	color:#4b4b4b;	
}

.iProduct a {
	color:#56821b;
}

.iProduct a:hover {
	color:#333;	
}

.iproductThumb {
	float:left;
	margin:10px 20px 20px 0;	
}

/*
Products Pages *******
*/

ul.slides {
	
}

ul.slides li {
	list-style:none;	
}

.product-slider {
	
}

#p-slide {
	padding:20px;
	height:460px;	
}

#p-slide h1 {
	font-size:22pt;
	padding:0;	
	margin:0;
}

#p-slide h2 {
	font-size:16pt;
	padding:0;
	margin:0;	
}

img.right {
	position:absolute; 
	right:0;
	top:0;	
}

.left-column {
	width:40%;
	left:0;
	padding:0 0 0 30px;
	min-width:250px;
	position:relative;
	z-index:99;	
}

.transwhite {
	background:url('../../images/common/transwhite.png') repeat;	
}

.welcome {
	padding:220px 0 20px 0;
}

.displaybin {
	background:url('../../images/products/displaybin/displaybinbk.png') no-repeat right -10px;	
}

/*
* wrap this div#product-styles around widget elements on product pages for added styles
*/

#product-styles {
	line-height:24px;	
}

#product-styles p {
	color:#555555;	
}

#product-styles h2 a {
	color:#56821b;	
}

#product-styles h4 {
	padding:10px 0;
	margin-bottom:10px;
	border-bottom:1px solid #999;
	color:#4b4b4b;	
}

#product-styles h4 a {
	color:#56821b;
}

#product-styles h4 a:hover {
	color:#F3A209;
}

#product-styles h1 a, #product-styles h2 a, #product-styles h3 a, #product-styles h4 a, #product-styles h1 a:hover, #product-styles h2 a:hover, #product-styles h3 a:hover,  #product-styles h4 a:hover {
	text-decoration:none;
}

#product-styles a {
	text-decoration:none;	
}

#product-styles a:hover {
	text-decoration:underline;	
}

#note-box {
	display:block;
	margin-top:10px;
	width:50%;
	padding:20px;
	font-size:10pt;	
	font-style:italic;
	color:#555;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
	border:1px solid #5f9119;
	position:relative;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}

#note-box #note-img {
	position:absolute;
	top:-12px;	
	left:40px;
}

#note-img2 {
	position:absolute;
	top:-20px;	
	left:40px;
}

ul#product-bullet {
	list-style:none;
	margin:10px;
	font-size:11pt;
	color:#4b4b4b;
	display:block;	
}

ul#product-bullet li {
	padding:5px 0 5px 15px;	
}

ul#product-bullet img {
	margin-right:10px;	
}

#download-box, #quote-box {
	list-style:none;
	display:block;	
	position:relative;
	clear:both;
	font-size:11pt;
	color:#4b4b4b;
}

#quote-box {
	padding:15px 0 0 5px;
	background:url('../../images/segments/common/quotemarks.png') left top no-repeat;
}

#quote-box span {
	font-style:italic;	
}

#quote-box li p {
	color:#999;
	font-size:9pt;
	text-align:right;	
}

#download-box li, #quote-box li {	
	display:block;
	padding:5px 10px 5px 30px;
}

#download-box a, #quote-box a {
	color:#56821b;	
	text-decoration:none;	
}

#download-box a:hover, #quote-box a:hover {
	text-decoration:underline;	
}

/* Revit */


#revit-box {
	list-style:none;
	display:block;	
	position:relative;
	clear:both;
	font-size:11pt;
	color:#4b4b4b;	
}

#revit-box li {
	display:block;
	width:75px;
	padding:5px;
	float:left;
	text-align:center;	
}

#revit-box li p {
	color:#999;
	font-size:9pt;	
}

#revit-box a {
	color:#56821b;	
	text-decoration:none;	
}

#revit-box a:hover {
	text-decoration:underline;	
}

#revit-box img {
	box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;	
	-webkit-box-shadow:0 0 10px #000;
}

#revit-box img:hover {
	outline:3px #fff solid;	
}

#revit-ul li {
	height:50px;	
}

#revit-list { 
/* section id: used for listing product thumbnails on revit pages */
	line-height:1.2em;
	margin:20px 0;
}

#revit-list h3 {
	margin:20px 0 0 0;	
}

#revit-list h3 a:hover {
	text-decoration:underline;	
}

#revit-list p { 
	font-size:9pt;
}


#revit-list ul{
	display:block;
	padding:20px;
	list-style:none;	
}

#revit-list ul li {
	float:left;	
	width:167px;
	height:340px;
	padding:10px;
	display:block;
	text-align:center;
	position:relative;
}

#revit-list ul li #pdf-guide {
	position:absolute;
	top:0;
	right:0;
	width:25px;
	height:25px;
}

#revit-list ul li p {
	display:block;	
}

#revit-list ul li p strong {
	display:block;
	height:50px;	
}

#revit-list ul li a {
	font-size:9pt;	
}

#revit-list ul li img {
	margin-bottom:10px;	
}

#revit-list ul li a:hover img {
	outline:5px solid #fff;		
}


/* !Revit */

.padding {
	padding:20px;
}	

.padding_50 {
	padding:20px 50px;
}	


#component-button, #accessory-button, #show {
	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;
}

#component-button:hover, #accessory-button:hover, #show:hover {
	background: rgba(255, 255, 255, .7);
	color:rgba(238, 152, 16, 1);
	border:5px solid rgba(238, 152, 16, 1);	
}

/* add background image */
.component-button-normal, .show-normal {
	background:url('../../images/common/componentbutton-sprite.png') no-repeat;
	background-position:center top;	
}

.component-button-normal:hover, .show-normal:hover {
	background-position:center -60px;
	text-decoration:none;
}

/* pressed state for jquery */
.component-button-pressed, .show-pressed {
	background:url('../../images/common/componentbutton-sprite.png') no-repeat;
	background-position:center -120px;	
}

.gears {
	background:url('../../images/common/gears.png') no-repeat top right;	
}

.accessories {
	background:url('../../images/common/accessories.png') no-repeat top right;	
}

/*
* Video Container and styles 
*/

#media-container {
	color:#4b4b4b;
	padding-bottom:20px;
}

#media-container ul {
	list-style:none;
	margin:0;
	padding:0;	
	display:block;
	position:relative;
	width:100%;
}

#media-container ul li {
	float:left;
	display:block;
	padding:10px;
	text-align:center;	
}

#media-container ul li img {
	max-height:100%;
	max-width:100%;	
	-moz-box-shadow:0 0 10px #666;
	-webkit-box-shadow:0 0 10px #666;
	box-shadow:0 0 10px #666;
}

#info {
	font-size:9pt;	
	color:#666;
}

.video-container {
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;	
}

.video-container iframe,
.video-container object,
.video-container embed  {
	z-index:1;
	position:relative;
	top:0;
	left:0;	
}

.videoButton {
	cursor:pointer;
	display:block;	
}

.videoButton:hover {
	outline:5px solid #fff;	
}

/*
** Responsive Gallery
*/

#responsive-gallery {
	display:block;	
}

#responsive-gallery a {
	margin:5px;
	cursor:pointer;
	float:left;
	display:block;	
}
#responsive-gallery a:hover {
	outline:5px solid #fff;	
}
#responsive-gallery img {
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	background:transparent;		
}

/*
** Components and Accessories
*/

#component-wrapper, #accessory-wrapper {
	padding:10px 0;	
}

#component-wrapper h4, #accessory-wrapper h4 {
	color:#56821b;
	border:none;
	font-size:15pt;	
}

#component-wrapper h5, #accessory-wrapper h5 {
	color:#56821b;
	font-size:11pt;
	margin:10px 0;
	font-style:italic;
	font-weight:normal;
}

#component-wrapper img, #accessory-wrapper img{
	margin:10px;	
	max-height:100%;
	max-width:100%;
}

.component-container {
	border-bottom:#ccc 1px solid;
	padding-bottom:20px;
	margin-bottom:20px;	
	color:#4b4b4b;
	font-size:10pt;
}

#component-inner {
	position:relative;
	width:100%;
	height:100%;	
}

.component-box, .part-box {
	width:28%;
	float:left;
	margin-right:4%;	
}


.component-box ul {
	list-style:disc;
	margin-left:10px;
	padding-left:10px;
}

.component-box ul li {
	margin-bottom:10px;	
}

.component-box ul li ul {
	margin-left:20px;
	padding-left:10px;	
}

#bullet {
	list-style:disc;	
}

.part-box ul {
	list-style:none;
	margin:10px 0;
	padding:0;
	font-size:10pt;
}

.part-box ul li ul {
	margin-left:20px;
	padding-left:10px;	
}

.part-box p {
	font-size:10pt;
}

.float-right {
	float:right;	
}

.float-left {
	float:left;	
}

.chart {
	color:#4b4b4b;
	font-size:9pt;
	text-align:center;	
	display:table;
}

.chart tr td {
	padding:5px;
	border:1px solid #ccc;	
}

#custom-pos {
	background:url('../../images/products/custom/custom-bk.png') no-repeat right top;	
}

.chart_letter {
	padding:5px;
	background:#56821b; /*Madix green */
	color:#fff;
	border:1px solid #fff;
	font-size:14pt;
	font-weight:100;
}

.chart_letter_display {
	padding:5px;
	background:#006600; /*Madix Display*/
	color:#fff;
	border:1px solid #fff;
	font-size:14pt;
	font-weight:100;
}

.chart_letter_store {
	padding:5px;
	background:#f47920;
	color:#fff;
	border:1px solid #fff;
	font-size:14pt;
	font-weight:100;
}

.chart_letter_promote {
	padding:5px;
	background:#0046ad;
	color:#fff;
	border:1px solid #fff;
	font-size:14pt;
	font-weight:100;
}

/*
***** Product Thumbs Display ******
**** use for listing groups of product thumbs ****
*/

#product-thumbs {
	line-height:21px;
	color:#4b4b4b;
	font-size:11pt;
	min-width:480px;	
}

#product-thumbs h3 {
	font-size:13pt;	
	display:block;
	height:55px;
}

#product-thumbs a {
	color:#56821b; /* Madix Drk Green */
	outline:none;
	text-decoration:none;		
}

#product-thumbs a:hover {
	text-decoration:underline;	
}

#product-thumbs ul, 
#product-thumbs ul li {
	display:block;	
}

#product-thumbs ul {
	list-style:none;	
}
#product-thumbs ul li {
	padding:20px;
	float:left;
	text-align:center;
	height:225px;
	width:155px;
}

/***
**** 3rd level product pages
***/

#product-list, #product-list-cat { 
/* section id: used for listing product thumbnails on 3rd level pages */
	line-height:1.2em;
	margin:20px 0;
}

#product-list h3, #product-list-cat h3 {
	margin:20px 0 0 0;	
}


#product-list ul, #product-list-cat ul {
	display:block;
	padding:20px;
	list-style:none;	
}

#product-list ul li{
	float:left;	
	width:114px;
	height:160px;
	padding:10px;
	display:block;
	text-align:center;
}

#product-list-cat ul li {
	float:left;	
	width:114px;
	height:220px;
	padding:10px;
	display:block;
	text-align:center;
	position:relative;
}

#product-list-cat ul li p {
	font-size:9pt;
	line-height:16px;
}

#product-list ul li a:hover img, #product-list-cat ul li a:hover img {
	outline:5px solid #fff;		
}

#product-list ul li a, #product-list-cat ul li a {
	color:#666;	
	text-decoration:none;
}

#product-list ul li a:hover, #product-list-cat ul li a:hover {
	color:#56821b; /* Madix Drk Green */
	outline:none;
	text-decoration:none;	
}

#newItem {
	position:absolute;
	display:block;
	left:0;
	top:0;
	z-index:99;
	background:url('../../images/common/newItem.png') no-repeat;
	color:#fff;
	font-size:8pt;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	padding:17px 10px 17px 10px;
	text-shadow:1px 1px 1px #000;
	-moz-text-shadow:1px 1px 1px #000;
	-webkit-text-shadow:1px 1px 1px #000;
}

#small {
	font-size:9pt;
	color:#666;	
}

.block-padding {
	display:block;
	padding:20px;	
}

/****
***** Trade Shows LP ******
****/

#trade-shows-hero {
	background:url('../../images/hero/hero-shows.jpg') no-repeat center bottom;	
}

#trade-shows { /* container */
	margin:20px 0;
	line-height:1.3em;
}

#show-container {
	padding:20px;
	color:#4b4b4b;
	font-size:11pt;		
}

#show-container h4 {
	font-weight:normal;
	color:#666;	
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:13pt;
}

#show-container p {	
	margin:10px 0;
}

#show-container a {
	text-decoration:none;
	color:#56821b;	
}

#show-container a:hover {
	text-decoration:underline;
	color:#333;	
}

/* Floating show list  */

#show-list {
	width:40%;	
}

#show-list ul {
	list-style:none;
	display:block;
	float:left;
	padding:10px;
}

#show-list ul li {
	margin:2px 0;	
}

#show-list a {
	text-decoration:none;
	color:#333;	
}

#show-list a:hover {
	color:#56821b;
	text-decoration:underline;	
}

#show-list h4 {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;	
}

.shows-gs-2012 {
	background:url("../../images/common/shows-gs2012-bk.png"	) no-repeat top right;
}

/*
GlobalShop 2014 LP
*/

a.gs-button {
	margin:20px auto;
	display:block;
	padding:38px 80px 20px 50px;
	width:160px;
	height:42px;
	background:url("../../images/shows/gs2014/2014-gs-button.png") no-repeat;
	background-position:left top;
	text-decoration:none;
	font-size:16pt;	
	color:#222;
	text-shadow:1px 1px 1px #fff;
}

a.gs-button:hover {
	background-position:-306px top;	
}

/*
Footer Content: Includes text links, social media and copyright 11/2021
*/

#footerWrapper {
	/*background:#fff;*/
    background: #2E58A6;
	border-top:1px solid #ccc;
    width:100%;
}

#footer {
	width:980px;
	padding:20px 0;
	margin:0 auto;	
}

.footerLink {
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: capitalize;
    color:#efefef;
    text-decoration:none;
    font-size:1.5em;
    display:block;
    padding:5px 0;
}

.footerLink:hover {
    color:#fff;
}

.browseBox {
	width:46%;
	margin:0 2% 10px 2%;
	float:left;	
}

.browseBoxHeader {
	font-size:15px;
	margin-bottom:10px;
	padding:0 0 10px 0;
	/*border-bottom:1px solid #e9e9e9;*/
	display:block;
    color:#fda426;
    text-transform:capitalize;
}

.footerColumn {
	display:block;	
	float:left;
	margin-right:1%;
	width:49%;
	list-style:none;
	font-size:9pt;
	line-height:14px;
}
.footerColumn li {
	display:block;
	padding:5px 0;	
}

.footerColumn li a {
	color:#fff;	
	text-decoration:none;
}
.footerColumn li a:hover {
	color:#11b9ff;	
}

/******** 2021 Footer Styles *******/

ul.footerStyles {
    font-family: 'Roboto Condensed', sans-serif;
    font-size:.9em;
    width:100%;
    text-shadow: 1px 1px 2px #000;
}

ul.footerStyles h3 {
    color:#fff;
}

ul.footerStyles ul li a {
    color:#efefef;
    text-decoration:none;
    display:block;
    padding:5px 0;
}

ul.footerStyles ul li a:hover {
    color:#fda426;
    text-decoration:none;
}

/*
Social Media Section 
*/

.connect {
	
}

.copyrightHeader {
	font-size:14px;
	margin-bottom:10px;
	padding:0 0 10px 0;
	border-bottom:1px solid #666;
	display:block;
	font-weight:normal;	
	color:#fff;
}

.icons {
	list-style:none;
	display:block;	
	margin:0;
}

.icons li {
	float:left;
	margin-left:10px;
	padding:10px 0;
	text-align:center;	
}

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

.captionRev {
	font-size:8pt;
	color:#fff;	
}

.captionNorm {
	font-size:8pt;
	color:#333;	
}

/*
Copyright Section
*/

#copyrightWrapper {
	padding:20px 0;
	background:#3a3a3a;
}

#copyright {
	width:980px;
	margin:0 auto;
	color:#e9e9e9;
	font-size:9pt;
	line-height:20px;
}
#copyright a {
	color:#e9e9e9;	
	text-decoration:none;
}
#copyright a:hover {
	color:#fff;	
}


/****** Copyright Update 7/21 *********/

section#copyrightWrap {
	/*background:#fff;*/
    background:#3a3a3a;
    width:100%;
    text-align:left;
}


.copyLink {
    font-family: 'Roboto Condensed', sans-serif;
    color:#efefef;
    text-decoration:none;
    font-size:1em;
    display:block;
    padding:5px 0;
}

.copyLink:hover {
    color:#fff;
}

ul#copyText {
    font-family: 'Roboto Condensed', sans-serif;
    width:100%;
    text-align:left;
    list-style-type:none;
    font-size:.9em;
    text-shadow: 1px 1px 2px #000;
}

ul#copyText li {
    text-align:left;
}

ul#copyText p {
    color:#fff;
}

ul#copyText h3 {
    font-size:1.3em;
}

ul.copyStyles {
    font-family: 'Roboto Condensed', sans-serif;
    width:100%;
    text-align:left;
    list-style-type:none;
}

ul.copyStyles h3 {
    color:#fff;
}

ul.copyStyles ul li a {
    color:#efefef;
    text-decoration:none;
    display:block;
    padding:5px 0;
}

ul.copyStyles ul li a:hover {
    color:#fda426;
    text-decoration:none;
}



/*
-------- End Footer information -- 
*/


/*
* General Information Content : No widgets, no Heroes
* Use this styling if not using widgets or heroes
*/

#general-info {
	padding:0 10px 10px 10px;
	color:#4b4b4b;	
}

#general-info p {
	margin:5px 0 15px 0;
	line-height:22px;
	font-size:11pt;
}

#general-info a {
	color:#56821b;
	text-decoration:none;
}

#general-info a:hover {
	text-decoration:underline;
}

#general-info ul {
	list-style: square;
	margin:20px;
	padding-left:10px;	
	font-size:11pt;
}

#general-info ul li {
	padding:5px 0;	
}

/**** Popular Products Query and Results *****/

#product-popular {
	text-align:left;
	padding:10px;	
}

#sub {
	text-transform:capitalize;
	/*Capitalize first letter of each word */	
}

#small {
	font-size:8pt;	
}

.popular-table {
	font-size:11pt;
	color:#4b4b4b;	
}

.popular-table a {
	color:#56821b;	
	text-decoration:none;
}

.popular-table a:hover {
	text-decoration:underline;
}

.border-bottom {
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;	
}


/***** Segment styles *****/

/*** 2016 Update ***/
#segment {
	
}

#segment h1, #segment h2, #segment h3, #segment h4 {
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	display:block;
}

#greenSmall {
	display:block;
	color:#9fbf40;
	font-style:italic;
	text-align:center;
	font-size:12px;
	padding:5px 0;
}

.orangeLight {
	color:#e5b31c;	
}

ul.buttons {
	display:block;
	list-style:none;	
}

ul.buttons li {
	display:block;
	float:left;
	margin:5px 10px;	
}

ul.twoColumn {
	display:block;
	list-style:none;	
	margin-bottom:30px;
}

ul.twoColumn li {
	display:block;
	float:left;
}

ul.twoColumn li#first {
	margin-right:10px;
	width:85px;	
}

ul.twoColumn li#last {
	margin-right:10px;
	width:195px;	
}

ul.twoColumn li#last p {
	font-size:9pt;
	margin:0;	
}

a.button-green {
	display:block;
	padding:5px 10px;
	background:#9fbf40;
	border:1px solid #557C1D;
	color:#fff;	
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	font-size:10px;
	text-decoration:none;
	min-width:30%;
}

a.button-green:hover {
	background:#557C1D;
	border:1px solid #9fbf40;	
}

a.button-blue {
	display:block;
	padding:5px 10px;
	background:#179cf1;
	border:1px solid #1980c1;
	color:#fff;	
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	font-size:10px;
	text-decoration:none;
	min-width:30%;
}

a.button-blue:hover {
	background:#1980c1;
	border:1px solid #179cf1;	
}

a.button-white {
	display:block;
	padding:5px 10px;
	background:#fff;
	border:1px solid #e5b31c;
	color:#1b1b1b;	
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	font-size:10px;
	text-decoration:none;
	min-width:30%;
}

a.button-white:hover {
	background:#e5b31c;
	border:1px solid #fff;	
	color:#fff;
}

a.button-orange {
	display:block;
	padding:5px 10px;
	background:#fbac3b;
	border:1px solid #d99534;
	color:#fff;	
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	font-size:10px;
	text-decoration:none;
	min-width:30%;
}

a.button-orange:hover {
	background:#ed971b;
	border:1px solid #fbac3b;	
}

#segment-thumb2 {
	width:85px;
	height:120px;
	text-align:center;
	font-size:9pt;
	padding:10px 5px;
	float:left;	
}


/*** Original Segments ***/
.segment-hero {
	background:#fff url('../../images/segments/hero/world.png') no-repeat center center;
	position:relative;
	box-shadow:0px 0px 5px #333;
	-moz-box-shadow:0px 0px 5px #333;
	-webkit-box-shadow:0px 0px 5px #333;	
}

.segment-hero img.title {
	padding:20px 0 0 20px;
}

.segment-hero .segment-buttons {
	padding:30px 30px 20px 40px;	
}

.segment-hero .segment-buttons a {
	display:block;
	padding:10px 0;	
	float:left;
}


.segment-product-list {
	display:block;
	padding:5px;
	float:left;
	text-align:center;
	height:175px;
}

#segment-thumb {
	width:95px;
	height:120px;
	text-align:center;
	font-size:9pt;
	padding:10px 5px;
	float:left;	
}

/****** Ad styles *****/

.ad:hover {
	cursor:pointer;	
}

/***** Product Page Location Breadcrumbs *****/

#location {
	padding:10px 0;	
	font-size:8pt;
}

#location span {
	display:block;	
	float:left;	
	width:120px;
	margin:0 5px;
	
}

#location span a {
	display:block;
	padding:2px 5px;
	background:url('../../images/common/location-button.jpg') repeat-x top center;
	color:#333;	
	text-align:center;
	text-transform:capitalize;
	border:1px solid #999;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	-moz-border-radius-topright:20px;
	-moz-border-radius-bottomright:20px;
}

#location span a:hover {
	background:url('../../images/common/location-button-hover.jpg') repeat-x top center;
	color:#fff;	
	text-decoration:none;
	text-shadow:1px 1px 1px #333;
	-moz-text-shadow:1px 1px 1px #333;
}

/* ****** Center Store ****** */

.center-store-bk {
	position:relative;	
}

/* ******* Models Download Section ****** */

div#tile {
	padding:10px 0;
	z-index:999;
	margin-bottom:20px;	
}

div#tile a {
	display:block;
	padding:3px 10px;
	text-decoration:none;	
}

a.call {
	background:#3366ff;
	border:1px solid #1d3fa4;
	font-weight:bold;
	color:#fff;	
}

a.call:hover {
	background:#1d3fa4;
	color:#eee;	
}

p.drawer {
	position:relative;
	z-index:999;	
}

p.drawer a {
	background:#e3e3e3;
	border:1px solid #cccccc;
	font-weight:bold;
	color:#56821b;
	text-shadow:1px 1px 1px #fff;	
}

p.drawer a:hover {
	background:#8cc63f;
	color:#222;	
}


/* Specialty LP */

/* Use for Headers
font-family: 'Roboto Condensed', sans-serif;
*/

section.specialty {
	display:block;	
}

section.specialty p {
	display:block;
	color:#4b4b4b;
	line-height:24px;	
}

#specialty-main {
	height:500px;
	background:url('../../images/specialty/specialty-hero.png') no-repeat fixed center;
	position:relative;
	text-align:center;	
}

#specialty-main h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30pt;
	text-transform:uppercase;
	position:relative;
	margin-top:-10px;	
}

#specialty-main h1 sup {
	font-size:70%;	
}

#specialty-main h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18pt;
	color:#6d6d6d;	
	text-transform:uppercase;
}

#specialty-main ul {
	list-style:none;
	display:block;
	padding:50px 0 30px 0;
	width:640px;
	margin:20px auto;
		
}

#specialty-main ul li {
	float:left;
	display:block;
	margin:10px 12px;		
}

#specialty-main ul li a.button, .specialty a.button {
	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;	
}

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

.specialty-video {
	width:80%;
	margin:0 auto;
	padding:40px 0;	
}

.specialty h3, .specialty h4 {
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
}

.spacer {
	padding:30px 0;	
}

/********* Fitting Rooms LP 2016 *********/

#fitting-main {
	height:500px;
	background:url('../../images/products/fittingroom/2016-fitting-room-hero.png') no-repeat fixed center;
	position:relative;
	text-align:center;	
}

#fitting-main h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30pt;
	text-transform:uppercase;
	position:relative;
	margin-top:-10px;	
}

#fitting-main h1 sup {
	font-size:70%;	
}

#fitting-main h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18pt;
	color:#6d6d6d;	
	text-transform:uppercase;
}

#fitting-main ul {
	list-style:none;
	display:block;
	padding:50px 0 30px 0;
	width:640px;
	margin:20px auto;
		
}

#fitting-main ul li {
	float:left;
	display:block;
	margin:10px 12px;		
}

/********* @Front LP **********/

#atfront-main {
	height:500px;
	background:url('../../images/products/atfront/atfront-iso.png') no-repeat fixed center;
	position:relative;
	text-align:center;	
}

#atfront-main h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30pt;
	text-transform:uppercase;
	position:relative;
	margin-top:-10px;	
}

#atfront-main h1 sup {
	font-size:70%;	
}

#atfront-main h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18pt;
	color:#6d6d6d;	
	text-transform:uppercase;
}

#atfront-main ul {
	list-style:none;
	display:block;
	padding:50px 0 30px 0;
	width:640px;
	margin:20px auto;
		
}

#atfront-main ul li {
	float:left;
	display:block;
	margin:10px 12px;		
}

#atfront-main ul li a.button, .specialty a.button {
	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;	
}

#atfront-main ul li a.button:hover, .specialty a.button:hover {
	background: rgba(238, 152, 16, 0.7);
	color:#fff;
	border:5px solid #FFF;	
}

.imgWidth {
	max-width:100%;	
}

/********* Product Finder *******/

#product-finder {
	padding:20px 0;
	font-family: 'Roboto Condensed', sans-serif;
}

#product-finder h1 {
	font-size:30pt;
	line-height:50px;
}

#product-finder p {
	font-size:10pt;
}

.productBackground {
	display:block;
	background:url('../../images/home/product-finder-triangles.png') no-repeat top right;	
}

#productTabs {
	
}

#productTabs ul {
	display:block;
	list-style:none;
	margin:0 10px;	
}

#productTabs ul li {
	display:block;
}

.productMenu li  a {
	padding:20px;
	display:block;
	text-decoration:none;
	font-size:14pt;
	color:#333;	
}

.productMenu li a:hover {
	color:#56821b;	
}

/* Hidden by tabs */
.productContent {	
	clear:both;	
	background-color:rgba(255, 255, 255, 1);
	border-radius:10px;
	border:1px solid #ccc;
}

.productContent ul {
	display:block;	
}

.productContent ul li {
	display:block;
	float:left;
	padding:10px;
	width:160px;	
	text-align:center;
}

.productContent ul li p {
	font-size:10pt;	
}

.productContent ul li a {
	display:block;
	text-decoration:none;
		
}

.activeProductTab {
	background:#fff url('../../images/common/product-finder-arrow.png') no-repeat 90% center;
	border:2px solid #9fbe3f;
}

.activeProductTab a span {
	color:#9fbe3f;
}

/*DSP PAGES*/

#dsp {
	padding:20px 0;
	position:relative;
}

#dsp p {
	padding:10px 0;
	color:#3b3b3b;
	line-height:22px;
	font-size:11pt;	
}

#dspTabs {
	
}

#dspTabs ul.dspMenu {
	display:block;
	list-style:none;
	margin:0 10px;
	clear: both;	
	border-top: 1px solid #8bb130;
	border-bottom: 1px solid #8bb130;
}

#dspTabs ul.dspMenu li {
	float:left;
	text-align: center;
	padding: 5px;
}

#dspTabs ul.dspMenu li a {
	padding:10px;
	display:block;
	text-decoration:none;
	font-size:11pt;
	color:#333;	
}

#dspTabs ul.dspMenu li a:hover {
	color:#56821b;	
}

.dspBox {
	padding:20px;
	clear:both;
}

.activeDspTab {
	background:#fff;
	z-index:99;
	position:relative;
	border: 2px solid #8bb130;
}

.activeDspTab a span {
	color:#56821b;
}

.dspGray {
	border-left: 1px solid #ccc;
	padding-left: 20px;
}













/* NOTICE Banner */

#notice-banner {
	min-height:30px;
	padding:5px;	
	background:url('../../images/common/notice-bk2.jpg') repeat;
	border:1px solid #a15e0f;
}

#notice-banner #gear-lg {
	width:50px;
	height:50px;
	background:url('../../images/common/notice-gear-lg.png') no-repeat left center;
	float:left;
	-webkit-animation-name: gearLg; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-name: gearLg;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

#notice-banner #gear-sm {
	width:30px;
	height:30px;
	background:url('../../images/common/notice-gear-sm.png') no-repeat left top;
	float:left;
	-webkit-animation-name: gearSm; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-name: gearSm;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

#notice-banner #alert {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:10pt;
	color:#fff;
	/*height:30px;*/
	min-width:40%;
	display:block;
	padding:5px 10px 5px 20px;
	float:left;	
}

#notice-banner #alert span {
	text-transform:uppercase;
	font-size:10pt;
	font-weight:bold;	
}

#notice-banner #notice-logo {
	height:50px;
	width:100px;
	background:url('../../images/common/notice-logo-sm.png') no-repeat right center;	
	float:right;
}

/***** Notice Animation *****/

/* Chrome, Safari, Opera */
@-webkit-keyframes gearLg {
    0%   {transform: rotate(0deg);}
    25%  {transform: rotate(90deg);}
    50%  {transform: rotate(180deg);}
    75%  {transform: rotate(270deg)}
    100% {transform: rotate(360deg);}
}

/* Standard syntax */
@keyframes gearLg {
    0%   {transform: rotate(0deg);}
    25%  {transform: rotate(90deg);}
    50%  {transform: rotate(180deg);}
    75%  {transform: rotate(270deg)}
    100% {transform: rotate(360deg);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes gearSm {
    0%   {transform: rotate(0deg);}
    25%  {transform: rotate(-90deg);}
    50%  {transform: rotate(-180deg);}
    75%  {transform: rotate(-270deg)}
    100% {transform: rotate(-360deg);}
}

/* Standard syntax */
@keyframes gearSm {
    0%   {transform: rotate(0deg);}
    25%  {transform: rotate(-90deg);}
    50%  {transform: rotate(-180deg);}
    75%  {transform: rotate(-270deg)}
    100% {transform: rotate(-360deg);}
}

/* NEWS Banner */

#news-banner {
	min-height:20px;
	padding:5px;	
	background:url('../../images/common/notice-bk2.jpg') repeat;
	border:1px solid #a15e0f;
    font-size: 9pt;
}

.newsBannerContainer {
    width:980px;    
    margin:0 auto;
}

#news-banner #news-lg {
	width:50px;
	height:50px;
	background:url('../../images/common/news-lg.png') no-repeat left center;
	float:left;
}

#news-banner #news-img {
	width:25px;
	height:25px;
    margin-right:10px;
	float:left;
}

#news-banner #gear-sm {
	width:30px;
	height:30px;
	background:url('../../images/common/notice-gear-sm.png') no-repeat left top;
	float:left;
	-webkit-animation-name: gearSm; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-name: gearSm;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

#news-banner #alert {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:10pt;
	color:#fff;
	/*height:30px;*/
	min-width:40%;
	display:block;
	padding:5px 10px 5px 20px;
	float:left;	
}

#news-banner #alert span {
	text-transform:uppercase;
	font-size:9pt;
	font-weight:bold;	
}

#news-banner #notice-logo {
	height:50px;
	width:100px;
	background:url('../../images/common/notice-logo-sm.png') no-repeat right center;	
	float:right;
}

#news-banner p {
    padding:5px;
    color:#fff;
    display:block;
    float:left;
    width:80%;
}

#news-banner p a {
    color:#ff9600;
    text-decoration:none;
}

/***** News Animation *****/

/* Chrome, Safari, Opera */
@-webkit-keyframes gearSm {
    0%   {transform: rotate(0deg);}
    25%  {transform: rotate(-90deg);}
    50%  {transform: rotate(-180deg);}
    75%  {transform: rotate(-270deg)}
    100% {transform: rotate(-360deg);}
}

/* Standard syntax */
@keyframes gearSm {
    0%   {transform: rotate(0deg);}
    25%  {transform: rotate(-90deg);}
    50%  {transform: rotate(-180deg);}
    75%  {transform: rotate(-270deg)}
    100% {transform: rotate(-360deg);}
}

/****** 2021 Home *******/

.welcome_1 {
	background:url('../../images/home/2021-welcome.jpg');
	background-size: cover;
}


section#purposeBox {
    display:block;
}

section#purposeBox h2 {
    text-shadow: 1px 1px 2px #000;
    font-size: 2em;
    line-height:38px;
}

section#purposeBox h3 {
    color:#fff;
    text-shadow: 1px 1px 2px #000;
    font-size: 1.5em;
    line-height:38px;
}

section#purposeBox p {
    color:#fff;
    text-shadow: 1px 1px 2px #000;
}

/***** 2017 Home Page *****/

.home-cover {
	background:url('../../images/home/experience-the-best.png');
	background-size: cover;
}


/***** 2017 GS LP *****/

div#gslinklist {	
	padding:20px 10px;
}

div#gslinklist div {	
	padding:10px 0;
}

div#gslinklist div a {	
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

div#gslinklist div a:hover {
	color:#c86951;
}
.gssteve {
	background: url('../../images/shows/gs2017/steve.png') no-repeat center bottom;
}

/***** New Container Styles Added 11/2017 *****/

#c_fullwidth {
	width:100%;	
	margin:0;
	clear:both;
}

#c_center {
	width:980px;
	margin:0 auto;
	clear:both;
}


/** Walmart LP **/


#wmtTabs {
	
}

#wmtTabs a:hover {
	text-decoration:none;
}

#wmtTabs ul.wmtMenu {
	display:block;
	list-style:none;
	margin:0 20px 0 0;
	float:left;	
	width:20%;
}

#wmtTabs ul.wmtMenu li {
	display:block;
	padding: 5px;
}

#wmtTabs ul.wmtMenu li a {
	padding:10px 10px 10px 25px;
	display:block;
	text-decoration:none;
	font-size:11pt;
	color:#333;	
}

#wmtTabs ul.wmtMenu li a:hover {
	color:#56821b;	
	text-decoration:none;
}

.wmtBox {
	width:75%;
	float:left;
	display:block;
}

.activewmtTab {
	background:#fff;
	z-index:99;
	position:relative;
	border: 2px solid #8bb130;
	text-decoration:none;
    border-radius:5px;
}

.activewmtTab a span {
	color:#56821b;
}
.wmtChart {
	
}

.wmtChart tr {
	padding:5px 0;
	border-bottom:1px solid #ccc;
}

.wmtChart td {
	padding:10px;
	font-size:8pt;
}

.wmtChart td a {
	text-decoration:none;
	color:#56821b;
}

.wmtChart td a:hover {
	text-decoration:none;
	color:#DF930F;
}

.wmtChartHeader {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:normal;
	font-size:16pt;
	color:#2b2b2b;
	line-height:20px;
	text-transform:uppercase;
}

.wmtGray {
	border-left: 1px solid #ccc;
	padding-left: 20px;
}


/** Responsive Video Wrapper **/

.innerContainer {
    position: relative; 
    display: block;
    width: 100% !important;
    height: 0;
    padding: 56.25% 0 0 0; /* This should reflect your video aspect ratio */
    
    /* Use the following 2 lines if you wish to make your player align centrally */
    
    max-width: 980px; /* This should be the width of your player */
    margin: auto;
}
.outerContainer {
    max-height: 552px; /* Set this to the height of your player */
}

.vidyard_player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 980px;   /* These should be the dimensions of your player */
    max-height: 552px;
}
.vidyard_player > span {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
}

/** Job Post Styles **/

#jobContainer {
	line-height:21px;	
}

#jobBox {
	width:180px;
	height:275px;
	float:left;
	margin:0 10px 20px 10px;
	padding:20px;
	border:1px solid #999;
	background:#fff;
	border-radius:5px;
    font-family: 'Roboto Condensed', sans-serif;
}

#jobBox h3 {
	font-size:14pt;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:normal;
}

#jobBox .jobDate {
	font-size:10pt;
	color:#444;
}

#jobBox p {
	color:#2b2b2b;
	font-size:11pt;
	margin:5px 0;
}

#jobBox p a {
	color:#8dc63f;
	text-decoration:none;
}

#jobBox p a:hover {
	color:#fff;
	background:#8dc63f;
}

#jobBox a.jobButton {
	display:block;
	padding:12px 20px;
	text-align:center;
	margin:20px 0;
	text-decoration:none;
	background:#8dc63f;
	color:#fff;
	text-transform:uppercase;
	border:4px solid #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:normal;
}

#jobBox a.jobButton:hover {
	background:#fff;
	color:#8dc63f;
	border:4px solid #8dc63f;
}

#jobUL {
    font-family: 'Roboto Condensed', sans-serif;
    color:#2b2b2b;
	font-size:11pt;
}


/* -- MS Dynamics Contact -- */

ul#contactForm {
    list-style-type:none;
}

ul#contactForm li {
    padding:10px 0;
    display:block;
}

.input {
    padding:10px;
    display:block;
    width:300px;
    border:1px solid #ccc;
    border-radius:5px;
}

.textarea {
    padding:10px;
    display:block;
    border:1px solid #ccc;
    border-radius:5px;
}

.submitForm {
    background:#8bc53f;
    border-radius:5px;
    color:#fff;
    padding:10px 20px;
}

#msSubmit {
    width:150px;
    height:50px;
}

#msSubmit input {
    background:#8bc53f;
    border-radius:5px;
    border:1px solid #333;
    color:#fff;
    padding:10px 20px;
    width:100%;
    display:block;
}
#msSubmit input:hover {
    background:#efefef;
    color:#8bc53f;
}

/* -- Sustainability LP -- */

.susBk1 {
    height:400px;
    background: url("../../images/lp/sustainability/hero1.png");
}

.susBk2 {
    height:400px;
    background: url("../../images/lp/sustainability/hero2.png");
}

.susBk3 {
    height:400px;
    background: url("../../images/lp/sustainability/hero3.png");
}

.susBarWhite {
    width:50%;
    padding:20px 40px;
    margin:40px 0 0 0;
    background:rgba(255, 255, 255, 0.8);
}

.susHeroBox {
    width:30%;
    padding:20px 40px;
    margin:40px 0 0 0;
    color:#fff;
}

.susHeroLink {
    color:#fff;
    font-weight:bold;
}

.susHeroLink:hover {
    color:#ffae00;
}

.susHeader {
    color:#3a3a3a;
    padding-bottom:15px;
    border-bottom:1px solid #99c155;
    margin-bottom:15px;
}

ul#susList {
    list-style-type: 
    disc;padding-left:20px;
}
ul#susList li {
    margin:0 0 5px 0;
}

/* Quality LP Styles */


#product-styles #qH1Hero {
    font-size:3em;
    text-shadow:#ffffff 1px 1px 4px;
    padding-top:10px;
    display:block;
    color:#101010;
}

#product-styles #qPHero {
    font-size:1.2em;
    text-shadow:#ffffff 1px 1px 4px; 
    line-height:1.2em;
    padding:20px 0;
    color:#101010;
}

#product-styles #qDlButton {
    padding:20px;
    font-size:11pt;
    text-align:center;
    box-shadow: #ffffff 1px 1px 4px;
    
}