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

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrow-down:before {
	content: "\e602";
}

.icon-arrow-left:before {
	content: "\e600";
}

.icon-arrow-right:before {
	content: "\e601";
}

.c-w1 .location-type-list li {padding-top:22px;padding-left: 40px;}
.c-w1 .location-type-list li:first-child {padding-left:10px;}
/*.location-type-list .corporate-store {background: url("/img/YellowLegend.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}*/
/*.location-map .authorized-dealer {background: url("/img/BlueLegend.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}*/
.setview-label {padding-top:22px;}
.loc-detail .Authorized.Dealer {display:none;}
.loc-detail-body {margin-bottom:20px;}

/**
Medium - Large Layout (640+)
**/

/* Background Images
-------------------*/
body{
	background: #c2c0ba url(/img/background/generic-bg.jpg) no-repeat fixed center top;
}
body.store-locations {
	background: #c2c0ba url(/img/background/generic-bg.jpg) no-repeat fixed center top;
}

.template-home {
	background-image: none;
}

#content.no-subnav {left:0;}

/* OVERALL
-------------------*/
#wrapper{	
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	z-index: 1000;
	min-width: 960px;
	/*background:url(../img/skin/bg/bg-gradient.png) bottom left repeat-x fixed;*/
}
	/*#wrapper:after{
		content:"";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 40px;
		background: #000;
		z-index: 800;
	}*/

	/*#wrapper:after {
		content: '';
		position: fixed;
		top: auto;
		bottom: 0;
		left: 50%;
		height: 75%;
		z-index: 1;
		width: 100%;
		margin-left: -50%;

	}*/

	#wrapper:after{
		content: "";
	    display: block;
	    position: absolute;
	    top: 0;
	    left: 50%;
	    height: 100%;
	    z-index: 800;
	    width: 980px;
	    margin-left: -490px;
	    background: url(../img/bg-section-fade.png) repeat-x left top;
	    background-attachment: fixed;
	    /*background-size: 100% 100%;*/
	}
	.template-home #wrapper:after{background: none;}
@media screen and (min-width: 980px){
	.template-home #wrapper:after {
		display: none;
	}
}	
@media screen and (min-width: 1220px){
	.template-home #wrapper {
		width: 100%;
	}
	.template-home #wrapper:after {
		display: none;
	}
	#wrapper {
		/*width: 1220px;*/
		/*overflow: hidden;*/
	}

	#wrapper:after {
		width: 1220px;
		margin-left: -610px;
	}

}

.page-section{ 
	width: auto;
	width: 980px;
	position: relative;
	padding: 0 20px;
	margin: 0 auto;

}
.devine-color-title-list {margin-bottom:25px;}
.c-w1 .devine-color-title-list li:before {content:"";}
.c-w1 .devine-color-title-list li { display: inline-block;
    float: left;   
    width: 184px;}
	.c-w1 .devine-color-title-list li:first-child {margin-top:0.875em;}
.devine-color-list {clear:both;}
.devine-color-title-list li a {text-decoration:none;}
.section-inner{
	margin: 0 auto;
}
.w-w1{
	position: relative;
	z-index: 10;
	/*background:url(../img/skin/bg/bg-gradient.png) repeat-x fixed;*/
	z-index: 900;
}



.w-w2{
	/*background: url(../img/skin/bg/white-bg.png) 0 850px repeat-x fixed;*/
}
/* HEADER
-------------------*/
#header{
	
/*	background: #edeee4;
	background: rgba(255, 255, 255, 0.8);*/
	padding: 0;
	z-index: 100;
	position: relative;
	border-bottom: solid #767671 1px;
}
	#header.page-section{
		/*width: 100%;*/
	}
	@media screen and (min-width: 1220px){
		.h-w1{
			width: 1220px;
			margin: auto;
		}
			/*.h-w2{
				width: 1180px;
			}*/
	}
	.no-rgba #header{background:#fff;}
	.h-w1{
		position: relative;
	}
		.h-w1:before{
			content:"";
			display: block;
			position: absolute;
			top: 101px;
			left: 0;
			height: 3px;
			width: 100%;
			background: #000;
		}
		.h-w1:after{
			content:"";
			display: block;
			position: absolute;
			top: 0;
			left: 50%;
			margin-left: -2500px;
			width: 5000px;
			height: 40px;
			background: #000;
		}
	.h-w2{
		height: 176px;
		position: relative;
		z-index: 50;
		padding: 0 20px;
	}
	.store-locations .h-w2 {
		height: 146px; /* because someone thought this
		would be a clever idea */
	}

	#header .section-inner{padding: 0;}
.store-locations #header {
	border: none;
}
.yellow #header {
	border-bottom: 1px solid #FED200;
}
.green #header {
	border-bottom: 1px solid #A0A374;
}
.blue #header {
	border-bottom: 1px solid #90ADBF;
}
form[action="privacy-policy"] #header,
form[action="sitemap"] #header,
form[action="terms-conditions"] #header,
form[action="order-online"] #header   { 
    border: none;
}
form[action="privacy-policy"] .h-w2,
form[action="sitemap"] .h-w2,
form[action="terms-conditions"] .h-w2,
form[action="order-online"] .h-w2 { 
    height: 146px;
}



/*--TOPBAR MENU--*/
#topbar{position: relative;z-index: 9002;}

	#secondarynav{
		position: absolute;
		right: 20px;
		top: 0;
		background: #000;
		width: 400px;		
	}
		#secondarynav ul{
			display: table;
			/*width: 100%;*/
			float: right;
            margin-bottom:0;
            padding:0;
            margin:0;
		}
		.ie8 #secondarynav li.more ul {
			border: solid #767671 1px;
		}
        #secondarynav li.more ul {
            display: none;
            position: absolute;
            top: 40px;
			width: 160px;
			text-align: left;
			background: #fff;
			box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4); 
			padding: 5px 15px;
            z-index: 20;
		}

        #secondarynav li.more:last-child ul {
			margin: 0 0 0 -96px;
        }

		#secondarynav li{
			display: table-cell;
			height: 40px;
			padding-left: 20px;
			vertical-align: middle;
			white-space: nowrap;
			text-align: right;
			line-height: 35px;
		}
		body #secondarynav li.product-search>a,
		body #secondarynav li.product-search>a:after{
			color: #ffd200;
		}
			@media screen and (min-width: 1220px){
				#secondarynav li {
					padding-left: 40px;
				}
			}

            #secondarynav li.more li {
                display: block;
                height: auto;
                text-align:left;
                padding: 0;
                padding: 0 0;
		    }

            #secondarynav li.more:last-child li {
                text-align:right;
		    }

			#secondarynav li:first-child{padding-left: 0;}
			#secondarynav li a{
				text-decoration: none;
				color: #fff;
			}

            #secondarynav li.more > a {
	            /*background: url(../img/skin/bg/bg-second-nav.png) right center no-repeat;*/
	            cursor: default;
			}
			  #secondarynav li.more > a:after {
				font-family: 'icomoon';
				speak: none;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				line-height: 1;

				/* Better Font Rendering =========== */
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				content: "\e602";
				font-size: 16px;
				position: relative;
				top: 3px;
				color: #fff;
			  }

			  .blue #secondarynav li.more > a:after{
			  	color: #8facbf;
			  }
			  .yellow #secondarynav li.more > a:after{
			  	color: #ffd200;
			  }
			  .green #secondarynav li.more > a:after {
			  	color: #9ea374;
			  }

                #secondarynav li.more > a span {
                    padding-right: 0;
                }
                
                #secondarynav li.more ul a {
                    color: #8c8c8c;
                    display:block;
                    line-height: 26px;
                }

                #secondarynav li.more ul a:hover {
                    color: #000;
                }
.home_tab_item_link {
    display: inline-block;
    padding: 14px 27px;
    border: 3px solid #000;
    line-height: 1;
    font-size: 26px;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 30px;
    font-weight: 700;
    color: #000 !important;
}
.home_tab_item_link br{
	display: none;
}

.fwb_professionals .home_tab_item_link {
    background: #ffd200;
}

.fwb_home .home_tab_item_link {
    background: #a8ad7b;
}

.fwb_industrial .home_tab_item_link {
    background: #8facbf;
}

.yellow #secondarynav #order_online a {
    border: 1px solid #ffde00;
    border-radius: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
}

.blue #secondarynav #order_online a {
    border: 1px solid #ffde00;
    border-radius: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
}

li#order_online {display: none;} 
.blue #secondarynav li#order_online, .yellow #secondarynav li#order_online {
    display: block;
}

.yellow #secondarynav li#order_online {
    /*display: block;*/
}

#product_search_nav {
    position: absolute;
    right: 20px;
    top: 0;
    background: #000;
    width: 305px;
}

    #product_search_nav ul {
        display: table;
        /*width: 100%;*/
        float: right;
        margin-bottom: 0;
        padding: 0;
        margin: 0;
    }

.ie8 #product_search_nav li.more ul {
    border: solid #767671 1px;
}

#product_search_nav li.more ul {
    display: none;
    position: absolute;
    top: 40px;
    width: 150px;
    text-align: left;
    background: #fff;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
    padding: 5px 15px;
    z-index: 20;
}

#product_search_nav li.more:last-child ul {
    margin: 0 0 0 0px;
}

#product_search_nav li {
    display: table-cell;
    height: 40px;
    padding-left: 20px;
    vertical-align: middle;
    white-space: nowrap;
    text-align: right;
    line-height: 35px;
}

@media screen and (min-width: 1220px) {
    #product_search_nav li {
        padding-left: 40px;
    }
}

#product_search_nav li.more li {
    display: block;
    height: auto;
    text-align: left;
    padding: 0;
    padding: 0 0;
}

#product_search_nav li.more:last-child li {
    text-align: right;
}

#product_search_nav li:first-child {
    padding-left: 0;
}

#product_search_nav li a {
    text-decoration: none;
    color: #fff;
}

.yellow #product_search_nav li.more > a {    
    cursor: default;
    color: #ffde00;
}

.green #product_search_nav li.more > a {
    cursor: default;
    color: #dbe964;
}

.blue #product_search_nav li.more > a {
    cursor: default;
    color: #b5dbf8;
}
    #product_search_nav li.more > a:after {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e602";
        font-size: 16px;
        position: relative;
        top: 3px;
        color: #fff;
    }

.blue #product_search_nav li.more > a:after {
    color: #8facbf;
}

.yellow #product_search_nav li.more > a:after {
    color: #ffd200;
}

.green #product_search_nav li.more > a:after {
    color: #9ea374;
}

#product_search_nav li.more > a span {
    padding-right: 0;
}

#product_search_nav li.more ul a {
    color: #8c8c8c;
    display: block;
    line-height: 26px;
}

    #product_search_nav li.more ul a:hover {
        color: #000;
    }

/*--UTIL--*/
#util {
    position: absolute;
    right: 348px;
    /*top: 11px;*/
    height: 40px;
    display: none;
}
	@media screen and (min-width: 1220px) {
		#util {
			right: 500px;
		}
	}
	#util ul{
		padding:0;
		margin:0;
	}
	#util a{
		display: table;
		text-decoration: none;
		color: #fff;
		height: 40px;
	}
		#util a span{
			display: table-cell;
			vertical-align: middle;
		}
	
/*--LOGO--*/
#header #logo {
	position: absolute;
	top: 0px;
	left: 20px;
	background: #ffde00;
	width: 355px;
	height: 117px;	
	/*padding: 0 20px;*/
	z-index: 60;
	box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.5); 
	border-radius: 0px 0 3px 3px;
	z-index: 9999;
}
	#header #logo img{
		display: block;
		/*margin-top: 40px;*/
		max-width: 100%;
		border-radius: 0px 0 3px 3px;
	}

body.blue #logo{
	background-color: #fff!important;
}

@media screen and (min-width: 1220px){
	#header #logo {
		left: 20px;
	}

	#header #logo img{

	}
}


/*--MAINNAV--*/
#mainnav{
	position: absolute;
	z-index: 20;
	top: 72px;
	right: 0;
	width: 100%;
}

	#mainnav ul.L1 ul{display: none;}	

	/*First level*/
	#mainnav ul.L1{
		position: relative;
		height: 105px;
	}
		#mainnav ul.L1>li{
		}
			#mainnav ul.L1>li>a{
				display: block;
				width: 170px;
				border: 1px solid #767671;
				border-bottom: 0;
				color: #767671;
				text-transform: uppercase;
				text-decoration: none;
				text-align: center;
				position: absolute;
				top: 0;
				font-weight: 600;
				font-size: 16px;
				color: #767671;
				line-height: 1;
				padding: 7px 0 5px 0;
				border-radius: 4px 4px 0 0;
				background-clip: padding-box;


			}
				#mainnav ul.L1>li.active>a,#mainnav ul.L1>li > a.active,
				.no-touch #mainnav ul.L1>li>a:hover{
					background: #000;
					color: #fff;
					border-color: transparent;
				}

			#mainnav ul.L1>li:nth-child(3)>a{right: 0;}
			#mainnav ul.L1>li:nth-child(2)>a{right: 190px;}
			#mainnav ul.L1>li:nth-child(1)>a{right: 380px;}

			#mainnav ul.L1>li:nth-child(1)>a.active,
			#mainnav ul.L1>li:nth-child(1)>a:hover{
					background: #FFD201;
					color: #000;
				}
			#mainnav ul.L1>li:nth-child(2)>a.active,
			#mainnav ul.L1>li:nth-child(2)>a:hover{
					background: #9ea374;
					color: #000;
				}
			#mainnav ul.L1>li:nth-child(3)>a.active,
			#mainnav ul.L1>li:nth-child(3)>a:hover{
					background: #8FACC0;
					color: #000;
				}


    #mainnav ul li.L1Hidden > a {
        display: none;
    }

	.no-rgba #util{border-color:#fff;}

	/*Second level*/
	#mainnav ul.L2{
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 0;		
	}
		#mainnav ul.L1 > li.active ul.L2, #mainnav ul.L1 > li.L1 > ul.active {
			/*display: table;
			border-collapse: separate;
			border-spacing: 3px 0px;
			text-align: center;*/
			display: block;
		}
			.flexbox.justifycontent #mainnav ul.L1 > li.active ul.L2, .flexbox.justifycontent #mainnav ul.L1 > li.L1 > ul.active{
				display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
				display: -ms-flexbox;  /* TWEENER - IE 10 */
				display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
				display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
				-webkit-justify-content: space-around; /* Safari 6.1+ */
	      		justify-content:space-between;
			}

		@media screen and (min-width: 1220px){
			#mainnav ul.L1 > li.active ul.L2, #mainnav ul.L1 > li.L1 > ul.active {
				/*table-layout: fixed;*/
			}
		}

		#mainnav ul.L2>li{
			/*display: table-cell;
			text-align: center;
			position: relative;
			white-space: nowrap;*/
			display: inline-block;
			position: relative;
		}
		#mainnav ul.L2>li.first-child{
			margin-left: 0 !important;
		}
		#mainnav ul.L2>li.last-child{
			float: right;
		}


		@media screen and (min-width: 1220px){

			.green #mainnav ul.L2>li:nth-child(6){
				/*width: 230px;*/
			}
			.yellow #mainnav ul.L2>li:nth-child(6){
				/*width: 230px;*/
			}
		}


			#mainnav ul.L2>li>a{
				text-decoration: none;
				font-weight: 700;
				font-size: 14px;
				text-transform: uppercase;
				color: #000;
				display: block;
				/*padding: 10px  5px  5px 5px;
				border: solid #767671 1px;*/
				margin: 0 0;
				line-height: 1;
				height: 100%;				
				border-radius: 4px 4px 0 0;
				background-clip: padding-box;

				/*Equal padding on all*/
				padding-top: 10px;
				padding-bottom: 5px;
				border:0!important;
				white-space: nowrap;
			}
				.flexbox.justifycontent #mainnav ul.L2>li>a{padding-left: 8px; padding-right: 8px;}
				@media screen and (min-width: 1220px){
					.flexbox.justifycontent #mainnav ul.L2>li>a{padding-left: 14px; padding-right: 14px;}
				}
				#mainnav ul.L2.gap-25>li>a{padding-left:2px; padding-right: 2px;}
				#mainnav ul.L2.gap-50>li>a{padding-left:4px; padding-right: 4px;}
				#mainnav ul.L2.gap-75>li>a{padding-left:6px; padding-right: 6px;}
				#mainnav ul.L2.gap-100>li>a{padding-left:8px; padding-right: 8px;}
				#mainnav ul.L2.gap-125>li>a{padding-left:10px; padding-right: 10px;}
				#mainnav ul.L2.gap-150>li>a{padding-left:12px; padding-right: 12px;}
				#mainnav ul.L2.gap-175>li>a{padding-left:14px; padding-right: 14px;}

				.yellow #mainnav ul.L2>li>a {
					border: solid #FED200 1px;
				}
				.green #mainnav ul.L2>li>a {
					border: solid #A0A374 1px;
				}
				.blue #mainnav ul.L2>li>a {
					border: solid #91AEC0 1px;
				}


				.ie8 #mainnav ul.L2>li>a{font-size: 13px;}
				#mainnav ul.L2>li:first-child>a,
				#mainnav ul.L2>li:last-child>a{
					margin: 0;
				}
				#mainnav ul.L2>li.active>a,
				#mainnav ul.L2>li:hover>a{
					background: #c2c0ba;
				}

		/*Third Level*/
		#mainnav ul.L2>li:hover>ul{
			display: block;
		}

			.ie8 #mainnav ul.L2>li>ul{
				border: solid #767671 1px;
			}
			#mainnav ul.L2>li>ul{
				position: absolute;
				left: 0;
				top: 100%;
				width: auto;
				min-width: 100%;
				margin: 0 5px 0 0;
				text-align: left;
				background: #fff;
				box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4); 
				padding: 15px;
				
			}
				#mainnav ul.L2>li:last-child>ul{
					left:0;
					margin: 0;
					min-width: 150px;
				}				
				#mainnav ul.L2>li:last-child>ul{
					left:auto
;					right: 0;
					margin: 0;
					min-width: 150px;
				}
				
				#mainnav ul.L2>li>ul>li{
					margin-top: 12px;
					white-space: pre-wrap;
				}
					#mainnav ul.L2>li>ul>li:first-child{margin-top: 0;}



					#mainnav ul.L2>li>ul>li>a{
						text-decoration: none;
						color: #8c8c8c;
					}
						.no-touch #mainnav ul.L2>li>ul>li>a:hover,
						#mainnav ul.L2>li>ul>li.active>a{
							color: #000;
						}


				#mainnav ul.L3>li>a{font-size: 13px; white-space: nowrap;}
				#mainnav ul.L3>li.active>a {
					text-decoration: underline;
				}



/* MAIN
-------------------*/
#main { 
	position: relative; 
	/*background: rgba(255, 255, 255, 0.8);*/
	padding-top: 10px;
	padding-bottom: 58px;
	overflow: hidden;
}
	.no-rgba #main{background: #fff;}
	/*#main:before{
		content:"";
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		z-index: 20;
	}
	#main:after{
		content:"";
		display: block;
		position: absolute;
		left: 0;
		top: 850px;
		height: 100%;
		width: 100%;
		z-index: 20;
		background: #fff;
	}
*/
	#main .m-w1 {
		position: relative;
		z-index: 50;
	}
	#main .m-w2 { 
		overflow: hidden; 		
	}
	
	#main .section-inner{padding: 0; min-height: 430px;}



/*SUBNAV*/
#subnav { 
	float: left;
	width: 230px;
	position: relative;
	padding-right: 0;
	left: -650px; /* Negative width of #content */
	top: 0;
}
#subnav a {text-decoration:none; position: relative;}
	#subnav .L1>li{
		border-bottom: 1px dotted #7f7f7f;
		padding: 10px 0;
	}

		#subnav .L1>li:first-child{border-top: 1px dotted #7f7f7f;}
		#subnav .L1 li ul{display: none;}
		#subnav .L1 li>a, body.store-locations #subnav .L3 li a{
			color: #404049;
			text-decoration: none;
			padding-left: 10px;
		}
		#subnav .L1 li>a, body.store-locations #subnav .L3 li a:hover {
			color: #9b9b9b;
			padding-left: 10px;
			text-decoration: underline;
		}
			.no-touch #subnav .L1 li>a:hover{color: #9b9b9b}

			#subnav .L1>li.active>a{color:#000;}
				#subnav .L1>li.active>a:before , body.store-locations #subnav .L4>li.active>a:before {
					content:"» ";
				}
    

		/*Second Level*/
		#subnav .L1>li.active>ul{
			display: block;
			padding: 10px 0;
		}
			#subnav .L2>li{
				margin-top: 10px;
				padding-left: 10px;
			}
				#subnav .L2>li:first-child{margin-top: 0;}

				#subnav .L2>li>a:before{
					content:"- ";
				}

				#subnav .L2>li.active>a{color: #000; font-weight: 700;}
   
                /*SITEFINITY SUBNAV*/         

                #subnav .L5>li, body.store-locations #subnav .L4>li{
		border-bottom: 1px dotted #7f7f7f;
		padding: 5px 10px 5px 0;
	}

		#subnav .L5>li:first-child,  body.store-locations #subnav .L4>li:first-child {border-top: 1px dotted #7f7f7f;}
		#subnav .L5 li ul{display: none;}
		#subnav .L5 li>a{
			color: #404049;
			text-decoration: none;
			/*white-space: nowrap;*/
			padding-left:10px;
			display: inline-block;
		}

			.no-touch #subnav .L5 li>a:hover{color: #9b9b9b; padding-left: 10px; text-decoration: underline;}

			#subnav .L5>li.active>a, body.store-locations #subnav .L4>li.active>a {color:#000;}
				#subnav .L5>li.active>a:before{
					content:"» ";
					position: absolute;
					left: 0;
					top: 0;
				}
    
                /*Second Level*/
		#subnav .L5>li.active>ul  {
			display: block;
			padding: 10px 0;
		}
			#subnav .L6>li , body.store-locations #subnav .L5>li{
				margin-top: 10px;
				padding-left: 7px;
			}
				#subnav .L6>li:first-child, body.store-locations #subnav .L5>li:first-child{margin-top: 0;}
body.store-locations #subnav .L5 > li {border-bottom:none;border-top:none;}
				#subnav .L6>li>a, body.store-locations #subnav .L5>li>a{
					position: relative;
					padding-left: 10px;
				}
				#subnav .L6>li>a:before, body.store-locations #subnav .L5>li>a:before{
					content: "- ";
					position: absolute;
					left: 0;
					top: 0;
				}
body.store-locations .c-w1 ul.location-type-list li:before {content:"";}
				#subnav .L6>li.active>a{color: #000; font-weight: 700;}
#subnav .L4.inactive {display:none;}
body.store-locations #subnav .L4.inactive {display:block;}
#subnav .first-child.L3 > a {display:none;}
#subnav .L4.active > a {display:none;}
body.store-locations #subnav .L4.active a {display:block;}

                /*SITEFIITY SUBNAV END*/

#content {
	float: left;
	width: 640px;
	position: relative;
	left: 240px; /* Positive width of #subnav */
	top: 0;
}
	#content iframe{
		width: 100%;
		/*width: 60%;*/
		margin: 0 auto;
		float: none;
		display: block;
	}

/*Page Category*/
.page-category, h1 {
	font-size: 36px;
	line-height: 1.1;
	color: #000;
	font-weight: 600;
	margin-bottom: 15px;
    text-transform:capitalize;
}

/*CTAS*/
#ctas {
	width: 180px;
	float: right;
	font-size: 13px;
}
	#ctas .cta{
		padding: 22px 0 22px 32px;
		border-bottom: 1px dotted #7f7f7f;
		line-height: 1.17;
	}

	#ctas .cta .heading{
		display: block;
		color: #367c2b;
		font-size: 17px;
		padding-bottom: 8px;
	}

/* CONTENT TYPES
-------------------*/



.overview-boxes li{
	text-align: center;
	float: left;
}
	.overview-boxes a{
		display: block;
		text-decoration: none;
	}
	.overview-boxes .i-o-image{
		background: #ccc;
	}
	.overview-boxes li img{
		display: block;
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	}

	.overview-boxes .heading{
		font-size: 16px;
		color: #8c8c8c;
		text-transform: capitalize;
	}




/* FOOTER
-------------------*/
#footer { 
	font-size: 12px;
	padding: 0;	
	/*background: rgba(255, 255, 255, 0.8);*/
	padding-bottom: 20px;
}
	.no-rgba #footer{
		background:#fff;
	}

/*--FOOTBLOCK--*/
.footblock{
	border-top:4px solid #646464;
	padding: 20px 0;
}

	/*Social Media*/
	.socialmedia{
		width: 320px;
		float: left;
	}
	@media (min-width: 641px){
		.socialmedia{
			width: 550px;
		}
	}
		.socialmedia .heading{
			display: inline-block;
			color: #000;
			font-size: 16px;
			font-weight: 700;
			text-transform: uppercase;
			padding-right: 10px;
		}
			.socialmedia ul{
				display: inline;
				position: relative;
				left: 0;
				bottom: -5px;
			}
				.socialmedia li{
					display: inline-block;
				}
		

	/*Newsletter*/
	#newsletter{
		float: right;
		width: 150px;
	}

	#newsletter .dealer-login a 
{ background: url(../img/skin/bg/social_login.png) no-repeat; 
    	display: block;
    	height: 1px;
    	overflow: hidden;
    	padding-top: 40px;
    	width: 40px;
	float: right;
}

	#newsletter .dealer-login a:hover{background-position: 0 -40px;}
		#newsletter .heading{
			display: inline-block;
			color: #000;
			/*width: 112px;*/
			font-size: 16px;
			font-weight: 700;
			text-transform:uppercase;

		}

		.form-newsletter{
			display: inline-block;
			height: 36px;
			width: 380px;
			position: relative;
			left: 0;
			bottom: -3px;
		}
			.form-newsletter label{display: none;}

			.form-newsletter form {
				display: table;
				width: 100%;
				height: 36px;
			}
				.form-newsletter form>div, .form-newsletter >div {
					display: table-cell;
					padding-left: 5px;
					vertical-align: top;
				}
					.form-newsletter .f-text{
						height: 36px;
						background: #e1e1e1;
						font-size: 14px;
						padding: 0 10px;
						color: #000;
						border: none;
						-webkit-appearance: none;
						border-radius: 4px;
						background-clip: padding-box;
						box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.41) inset;
						width: 100%;
						line-height: 36px;
					}
						.form-newsletter .f-text:focus{box-shadow: none;}
					.form-newsletter .submit{
						background:#c2c0ba;
						width: 100%;
						color: #000;
						font-size: 16px;
						font-weight: 700;
						border:none;
						line-height: 1;
						height: 36px;
						padding: 0 12px;
						background-clip: padding-box;
						border-radius: 4px;
						text-transform: uppercase;
					}
						.form-newsletter .submit:active{
							box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.41) inset;
						}

/*--BREADCRUMB--*/
#breadcrumb{
	border-top: 1px dotted #646464;
	border-bottom: 1px dotted #646464;
	padding: 15px 0;
}
	#breadcrumb .heading{
		display: inline-block;
		color: #737d46;
		font-size: 12px;
		text-transform: uppercase;
		padding-right: 10px;
		font-weight: bold;
	}
	.blue #breadcrumb .heading{
		color: #8facbf;
	}
	.yellow #breadcrumb .heading{
		color: #b99100;
	}
	.green #breadcrumb .heading{
		color: #9ea374;
		font-weight: bold;
	}

	.breadcrumbs{display: inline;}
		
		.breadcrumbs a, a.bc-home-link{
			display: inline-block;
			margin-right: 5px;
			text-decoration: none;
			color: #787878;
			font-size: 12px;
			text-decoration: underline;
		}
			.breadcrumbs a:last-child{
				color: #000;
			}
		.breadcrumbs .separator{
			display: inline-block;
			margin-right: 5px;
		}

		.breadcrumbs span {
			font-weight: 700;
		}

/*Footer Sitemap*/
.foot-sitemap{
	padding: 15px 0 30px 0;	
	position: relative;
}

.navsitemap .togglemenu{
	display: none;
}
.navsitemap a{text-decoration: none;}
.navsitemap a:hover{text-decoration: underline;}
.navsitemap.L1{
	width: 750px;
	display: table;
}
	.navsitemap.L1>li{
		display: table-cell;
	}
		.navsitemap.L1>li>a{
			display: block;
			text-transform: uppercase;
			font-weight: 700;
			font-size: 16px;
			color:#000;
		}

	/*Second Level*/
	.navsitemap.L2>li{margin-top: 10px;}
	.navsitemap.L2>li>a{
		font-size: 14px;
		color: #4b4b4b;
	}
		.no-touch .navsitemap.L2>li>a:hover{color: #9b9b9b;}

	#footlogo{
		position: absolute;
		width: 196px;
		right: 0;
		top: 15px;
	}
		#footlogo img{
			display: block;
			max-width: 45%;
			float: right;
			margin-right: 6px;
			margin-top: 15px;
		}
	@media (min-width: 1200px){
		#footlogo{
			width: 246px;
		}
	}

#copyright{
	display: inline;
	color: #000;
	font-size: 12px;
	padding-right: 10px;
	border-right: 1px solid #000;
	line-height: 1;
	margin-right: 10px;
    float:left;
}

#bottomlinks,
#bottomlinks ul{
	display: inline;
}
	#bottomlinks li{
		display: inline-block;
		padding-right: 6px;
		margin-right: 5px;
		border-right: 1px solid #666666;
		line-height: 1;
	}
		#bottomlinks a{
			text-decoration: none;
			display: inline-block;
		}



/* TEMPLATE: LANDING
-------------------*/
.template-landing #subnav,
.template-landing .page-category{
	display: none;
}
.template-landing .c-w1 .sf_cols.frontbanner {}
.template-landing #content{
	width: 100%;
	float: none;
	left: 0;
	min-height: 500px;
}

/*Banner*/
.frontbanner{
	
}
	.homebanner{
		background: url(../img/masthead/frontbanner.jpg) no-repeat center top;
		height: 300px;
		width: 100%;
		margin-bottom: 20px;
	}

    .homebannerInd{
		background: url(../img/masthead/BannerIndustrial.jpg) no-repeat center top;
	}

    .homebannerProf{
		background: url(../img/masthead/BannerProfessional.jpg) no-repeat center top;
	}
/*Intro block*/
.rodda-block .intro {
	font-size: 18px;
	color: #000;
	width: 275px;
	float: left;
}
	.rodda-block .intro  a{
		color: #326496;
		text-decoration: none; 
	}
.rodda-block .intro .heading, .template-landing .frontbanner .heading {
	display: block;
	color: #000;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.1;
	margin-bottom: 15px;
}

    .rodda-block .intro h2 {
        margin-bottom: 0px;
    }

.rodda-block p.small, .rodda-block ul.small {
    font-size: 14px;
    line-height: 1.3em;
}

.rodda-block ul.small li {
    margin-top: 0.35em;
}

.rodda-block .slider{
	float: right;
	width: 550px;
    padding-right: 0;
}
.c-w1 .slider ul{margin: 0;}
.c-w1 .slider ul li{padding: 0;}
.c-w1 .slider ul li:before{
	display: none;
}
.slick-dots{bottom: -35px;}
	.slick-dots li button{
		background:url(../img/skin/bg/slidernav.png) no-repeat -14px 0;
		width: 14px;
		height: 14px;
	}
		.slick-dots  li.slick-active button{background-position: 0 0;}

/* TEMPLATE: OVERVIEW
-------------------*/
.template-overview #subnav{display: none;}
.template-overview #content{
	min-width: 100%;
	float: none;
	left: 0;
}

html .template-overview .c-w1 .overview-boxes ul{
	margin: 0 !important;
}
html .template-overview .c-w1 .overview-boxes li{
	/*margin: 0 0 50px 3%!important; 
	width: 274px; min-height: 250px;*/
	margin:0 0 50px 20px!important; 
	min-height: 250px;	
}
	.template-overview .c-w1 .overview-boxes li:nth-child(3n+1){
		clear:left;
		margin:0 0 50px 0!important; 
	}
@media screen and (min-width: 1220px){
	.template-overview .c-w1 .overview-boxes li{
		width: auto!important;
	}
	.template-overview .c-w1 .overview-boxes li:nth-child(3n+1){
		clear:none;
		margin:0 0 50px 20px!important; 
	}
	.template-overview .c-w1 .overview-boxes li:nth-child(4n+1){
		clear:left;
		margin:0 0 50px 0!important; 
	}
}
/*.template-overview .c-w1 .overview-boxes li:nth-child(3n+1){margin: 0 0 20px 0!important; clear:left;}*/
.template-overview .overview-boxes .heading{
	font-size: 18px;
	padding-top: 10px;
	display: block;

}

/* TEMPLATE: INTERNAL OVERVIEW
-------------------*/
.c-w1 .overview-boxes.internal{overflow: hidden;}
.c-w1 .overview-boxes.internal li{padding: 0; margin: 0 0 15px 40px!important;}
.c-w1 .overview-boxes.internal li:nth-child(3n+1){margin-left: 0!important; clear:left!important;}



/* COMMON CLASESS
-------------------*/

/*Hidden*/
.desktop-h, .desktop-h.L1{
	visibility: hidden;
	display: none;
	speak:none;
}

/*Social Media*/
.socialmedia a{
	display: block;
	height: 1px;
	padding-top: 40px;
	width: 40px;
	overflow: hidden;
}
	.no-touch .socialmedia a:hover{background-position: 0 -40px;}
	a.social-fb{ background: url(../img/skin/bg/social-fb.png) no-repeat; }
	a.social-tw{ background: url(../img/skin/bg/social-tw.png) no-repeat; }
	a.social-pi{ background: url(../img/skin/bg/social-pi.png) no-repeat; }
	a.social-fl{ background: url(../img/skin/bg/social-fl.png) no-repeat; }
	a.social-yt{ background: url(../img/skin/bg/social-yt.png) no-repeat; }
	a.social-g{ background: url(../img/skin/bg/social-g.png) no-repeat; }
	a.social-t{ background: url(../img/skin/bg/social-t.png) no-repeat; }
	a.social-in{ background: url(../img/skin/bg/social_instagram.png) no-repeat; }
	a.social-linkedin{ background: url(../img/skin/bg/social_linkedin.png) no-repeat; }


/*Sample data*/
.sample-data-group{
	clear:both;
	width: 100%;
}
	.sample-data{
		float: left;
		margin-left: 25px;
	}
		.sample-data:first-child{margin-left: 0;}

	.sample-data h2{
		padding: 0 4px;
		font-weight: 400;
	}

	.c-w1 .sample-data li{
		padding-left: 4px;
		padding-right: 4px;
	}

/*Content Img*/
.content-img{
	float: left;
	margin: 0 20px 30px 0;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); 
}
	.content-img img{display: block;}

/*Facebook*/
.fb-like{
	clear: both;
	margin-top: 50px;
}

/*Checklist*/
.c-w1 .checklist{
	margin: 0 0 25px 0;
	/*width: 475px;*/
	clear: both;
}
	.c-w1 .checklist li{
		padding-left: 22px;
		display: inline-block;
		margin-right: 35px;
		width: 80px;
		position: relative;
	}

	.c-w1 .checklist li:before{
		content:"";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 16px;
		height: 16px;
		background: #fff;
		border:1px solid #000;
	}
	.c-w1 .checklist li.check:after{
		content:"";
		display: block;
		position: absolute;
		left: 3px;
		top: 3px;
		height: 10px;
		width: 10px;
		background: #c2c0ba;
	}

/*Overview boxes*/
.c-w1 .overview-boxes ul{margin: 0 0 0 -3%; overflow: hidden;}
.c-w1 .overview-boxes li{padding: 0; margin: 0 0 20px 3%; }



.c-w1 .overview-boxes li:before{display: none;}
.overview-boxes li{
	text-align: center;
	float: left;
}
	.overview-boxes a{
		display: block;
		text-decoration: none;
		overflow: hidden;
		position: relative;
	}
		.overview-box{
			height: 186px;
			overflow: hidden;
			position: relative;
		}
	.overview-boxes .i-o-image{
		background: #ccc;
	}
	.overview-boxes li img{
		display: block;
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	}

	.overview-boxes .heading{
		font-size: 16px;
		color: #8c8c8c;
		display: none;
		padding-top: 5px;
		text-transform: capitalize;
	}

	.overview-boxes .desc{
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		color: #646464;
		z-index: 500;
		text-align: left;
		display: none;
		line-height: 1.3;
	}
		.no-touch .overview-boxes a:hover .desc{
			display: block;
			-webkit-animation: fadeIn 0.3s ease-out;			
        	animation: fadeIn 0.3s ease-out;
        	transition-delay: 0.4s;
		}

	.overview-boxes .mask {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 600px;
	    padding: 60px;
	    height: 600px;
	    -ms-transform: translate(265px, 145px) rotate(45deg);
	    -webkit-transform: translate(265px, 145px) rotate(45deg);
	    transform: translate(265px, 145px) rotate(45deg);
	    transition: all 0.3s ease-in-out;
	    z-index: 400;
	    behavior: url(../css3pie/PIE.htc);
		background-color: rgba(255,255,255, 0.9);
		background-color: rgba(255,255,255, 0.9);
		-pie-background:rgba(255,255,255, 0.9);   
	}

		.no-touch .overview-boxes a:hover .mask, .ie8 .overview-boxes a:hover .mask{
		    -ms-transform: translate(-80px, -125px) rotate(45deg);
		    -webkit-transform: translate(-80px, -125px) rotate(45deg);
		    transform: translate(-80px, -125px) rotate(45deg);
			behavior: url(../css3pie/PIE.htc);
			background-color: rgba(255,255,255, 0.9);
			background-color: rgba(255,255,255, 0.9);
			-pie-background:rgba(255,255,255, 0.9); 		    
		} 

	.tomiddle{
		display: table;
		height: 186px;
		width: 100%;
		padding: 25px 22px;
	}
		.tomiddle>div{
			display:table-cell; 
			vertical-align: middle;
		}

/* Forms */
table.formTbl {
    width: 55%;
}

table.formTbl td {
    padding: 5px 5px 5px 0;
}

span.required {
    color: #ff0000;
    padding-left: 5px;
}

table.formTbl strong {
	font-size:18px;
	color:#737d46;
	font-weight:400;
	margin-bottom: 10px;
}

table.formTbl .tableTitle {
    display: block;
    padding-bottom: 3px;
}

    table.formTbl .agreement input {
        float: left;
        margin-top: 3px;
    }

table.formTbl .agreement label {
    float: left;
    width: 80%;
    margin-left: 10px;
}

table.formTbl .radiolist label {
    padding: 0 20px 0 5px;
    display: inline;
}

table.formTbl .form-text {
    padding: 0 3px;
    height: 30px;
    line-height: 30px;
}

table.formTbl .form-textarea {
    padding: 3px;
}

table.formTbl .dropdown {
    height: 30px;
    line-height: 30px;
}

table.formTbl .submit{
	background:#c2c0ba;
	width: 80px;
	color: #000;
	font-size: 16px;
	font-weight: 700;
	border:none;
	line-height: 1;
	height: 36px;
	padding: 0 12px;
	background-clip: padding-box;
	border-radius: 4px;
	text-transform: uppercase;
    margin-top: 20px;
}

.sitemap-list ul li a.k-in {
    border: 0;
}

.c-w1 .sitemap-list ul li:before {
    content: none;
    padding-left:0;
}

.c-w1 .sitemap-list ul li li:before {
    content: "• ";
    padding-left: 12px;
}

.c-w1 .sitemap-list ul li li li:before {
    content: "° ";
    top: 6px;
}

.c-w1 .sitemap-list ul li li li li:before {
    content: "- ";
    top: 1px;
}


/*Map Locations
.store-locations #header,
.store-locations #header{
	border-bottom: 0;
}
*/
#locmap{
	position: relative;
	padding-bottom: 3px;
	background: url(../img/skin/loc/ma-static.png) no-repeat;
	background-size: contain;
	width: 100%;
	max-width: 900px;
	height: auto;
	max-height: 649px;
	text-align: right;
	right: 0;
	top: 0;
	float: right;
	margin-top: -55px;
}
	.ie8 #locmap{
		background: url(../img/skin/loc/ma-static-small.png) no-repeat ;
		width: 700px;
		height: 499px;
	}

	#locmap-content{
		position: absolute;
		left: 20px;
		bottom: 18px;
		width: 45.61702127659575%;
		text-align: left;
		z-index: 70;
	}
		#locmap-content .title{
			display: block;	
			font-weight: 600;
			color: #050607;
			font-size: 14px;
			line-height: 1.6;
			margin-bottom: 10px;
		}
		#locmap-content .thecontent p,
		#locmap-content .thecontent{
			line-height: 1.85;
			font-size: 10px;
		}

		#locmap-list{display: none; visibility: hidden; speak:none;}

	#locmap-list{
		z-index: 50;
		position: relative;
	}
		#mastaticfire{
			display: block;
			max-width: 100%;
			width: 100%;
			height: auto;
		}
		#locmap:after{
			content:"";
			display: none;
			width: 100%;
			height: 0;
			border-bottom: 2px dotted #616161;
			position: absolute;
			left: 0;
			bottom: 0;
		}

/*Map Location Details*/

.loc-detail-header{
	padding-bottom: 20px;
	min-height: 274px;
}
	
	.loc-detail-image{
		/*position: absolute;
		left: 0;
		top: 0;*/
		width: 47.87234042553192%;
		padding-right: 20px;
		/*height: 234px;*/
		float: left;
	}
		.loc-detail-image img{
			display: block;
			max-width: 100%;
			box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); 
			margin-bottom: 3px;
		}
	.loc-detail-intro-info{
		/*padding-left: 47.87234042553192%;*/
		float: right; width:52%;

	}
		.loc-detail-intro-info>.title{
			display: block;
			font-size: 30px;
			color: #000;
			margin-bottom: 15px;
			line-height: 1.3;
		}
			.ie8 .loc-detail-intro-info>.title{
				font-size: 28px;
				margin-bottom: 10px;
			}

		.loc-table{
			display: table;
			width: 100%;	
			table-layout: fixed;
		}
			.loc-row{display: table-row;}
			
			.loc-cell{
				display: table-cell;
			}
				.loc-cell:first-child{padding-right: 10px;}
				.loc-cell:first-child+.loc-cell{padding-left: 10px;}
				.loc-row .loc-cell{padding-bottom: 20px;}

				.loc-cell>.title{
					display: block;
					font-size: 20px;
					font-weight: 600;
					color: #000;
					margin-bottom: 5px;
					line-height: 1.3;
				}
					.ie8 .loc-cell>.title{font-size: 18px;}

		.rodda-gmap{
			width: 100%;
			border:1px solid #000;
			overflow: hidden;
		}
			.rodda-gmap iframe{
				width: 100%;
				max-width: 100%!important;
				height: 360px!important;
			}

/* ANIMATION
-------------------*/

/*DEFAULT TRANSITION*/
#mainnav a,
#subnav a,
.form-newsletter .f-text,
#logo,
.navsitemap.L2>li>a,
#bottomlinks a{
	-webkit-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out; 
}


/*FADE IN EFFECT*/
@-webkit-keyframes fadeIn {
	0%   { opacity: 0.0; }
	50%  { opacity: 0.5; }
	100% { opacity: 1.0; }
}
@keyframes fadeIn {
	0%   { opacity: 0.0; }
	50%  { opacity: 0.5; }
	100% { opacity: 1.0; }
}



/* Media Queries
-------------------*/

	#footer .section-inner{
		padding: 0 20px;
		width: 100%;
	}
	#footer ul {
		padding-left: 0;
	}

@media screen and (min-width: 1220px){

	.page-section{ 
		width: 1220px;
	}
		.section-inner{
			width: 1180px;
		}

	#mainnav{
	}
		#mainnav ul.L1>li>a{width: 258px;}
			#mainnav ul.L1>li:nth-child(2)>a{right: 273px;}
			#mainnav ul.L1>li:nth-child(1)>a{right: 546px;}
		
		/*Second level*/
		/*#mainnav ul.L2>li{ margin: 0 3px; }
			#mainnav ul.L2>li>a{margin: 0 0; } */

	/*MAIN*/
	#main{
		padding-left: 0;
		padding-right: 0;
	}
	#subnav{
		width: 225px;
		padding-right: 20px;
		left: -940px;
	}
	#content {width: 940px;}

	/*Home Templates*/
	.entryaction{width: 280px;}
	.latest-content{width: 528px;}

	.latest{width: 600px;}

	/*Landing Templates*/
	.rodda-block .intro {
		width: 530px;
		padding-left: 0;
	}

	/*Overview Templates*/
	/*.template-overview .c-w1 .overview-boxes li{margin: 0 0 20px 3%; width: 267px!important;}*/
	.template-overview .c-w1 .overview-boxes li{margin: 0 0 20px 3%;}
	/*.template-overview .c-w1 .overview-boxes li:nth-child(3n+1){margin: 0 0 20px 3%!important; clear:none;}
	.template-overview .c-w1 .overview-boxes li:nth-child(4n+1){margin: 0 0 20px 3%!important; clear:left; width: 22.7%;}*/

	/*Internal Overview*/
	.c-w1 .overview-boxes.internal li:nth-child(3n+1){margin-left: 40px!important; clear:none!important;}
	.c-w1 .overview-boxes.internal li:nth-child(4n+1){margin-left: 0!important; /*clear:left!important;*/}

	/*FOOTER*/	

	.socialmedia{
		width: 505px;
	}
		.socialmedia li{margin-left: 12px;}

	/*#newsletter{width: 518px;}*/

		.form-newsletter{width: 402px;}

	.navsitemap.L1{width: 995px;}
		.navsitemap.L1>li{padding-right: 50px;}

	#locmap-content .title{
		font-size: 20px;
	}
	#locmap-content .thecontent p,
	#locmap-content .thecontent{
		line-height: 1.85;
		font-size: 14px;
	}

	.page-locations .page-category{max-width: none;}


}


/* TABLE OF COLORS */
.colors{
	border-collapse: separate;
	border-spacing: 3px;
}
.colors td {
	padding: 3px 6px;
	color: #fff;
	min-height: 75px;
	height: 125px;
	vertical-align: top;
	text-align: right;
	margin-right: 3px;
	margin-bottom: 3px;
}



/*Overwrite SITFINITY CSS */


/*Sitefinity Backend Overwrite*/
.sfPageEditor .desktop-h {
    /*display:block;
    visibility: visible;*/
}

.kevin {
margin-right: 1.5em;
}

.location-map #map_canvas {
    height: 360px;
    width: 882px;border:1px solid #000;
    max-width:100%;
}
#addresslist {margin-top:40px;max-height:2000px;overflow-y:scroll;}
#addresslist table {width:780px;}
#addresslist table .first-col {width:25%;padding-left:44px;}
#addresslist table tbody tr {border-top:1px solid #c2c2c2;}
#addresslist table tbody tr {  border-bottom: 1px solid #c2c2c2;
    height: 82px;
    padding-bottom: 10px;
    padding-top: 10px;}
#addresslist table thead td{color:#000;font-weight:bold;text-align: center;}   
#addresslist a.list-item {text-decoration:none;}
.c-w1 .location-map .location-type-list li {float:left;list-style:none;margin-right:10px;margin-top:0px;}
/*body.store-locations #addresslist {height:400px;overflow:scroll;}*/

.location-map .first-col.Dealer {background:url(/img/bluelegend.png) no-repeat 0 14px;width:42px;height:50px;}
.location-map .first-col.Store, .location-map .first-col.Stores, .location-map .first-col.Shop {background:url(/img/yellowlegend.png) no-repeat 0 14px;width:42px;height:50px;}

.location-map .lnk-more-detail.Dealer {background:url(/google/btn-details-blue.png) no-repeat;width:100px;height:1px;cursor:pointer;padding-top:26px;display:inline-block;overflow:hidden;}
.location-map .lnk-more-detail.Store, .location-map .lnk-more-detail.Stores, .location-map .lnk-more-detail.Shop {background:url(/google/btn-details-yellow.png) no-repeat;width:100px;height:1px;cursor:pointer;padding-top:26px;display:inline-block;overflow:hidden;}
.location-map .lnk-more-detail.Coatings {background:url(/google/btn-details-grey.png) no-repeat;width:100px;height:1px;cursor:pointer;padding-top:26px;display:inline-block;overflow:hidden;}


.c-w1 ul .location-map li:before {content:" ";}
.location-map .setview-label {float:left;}
.location-map .search {margin-bottom:20px;color:#000;font-size:16px;}

/*Devine colour lists*/
.devine-color-title-list li:before,
.devine-color li:before{
	display: none!important;
}
.devine-color li{
	padding: 0 !important;
	margin: 0!important;
}

.devine-color-title-list{
	margin: 0!important;
}
.devine-color-title-list:after{
	clear: both;
	content: "";
	display: table;
}
.devine-color-title-list li{
	cursor: pointer;
	padding: 0!important;
}
	.devine-color-title-list li:hover,
	.devine-color-title-list li:focus{
		color: #9b9b9b;
	}
		.devine-color-title-list li:active,
		.devine-color-title-list li.active{
			font-weight: 700;
			color: #000;
		}

.devine-color-list{
	margin: 2em 0!important;
	width: 507px;
}
	@media screen and (min-width: 1200px){
		.devine-color-list{
			margin: 2em auto!important;
		}
	}
	.devine-color-list .slick-prev,
	.devine-color-list .slick-next{
		background: #000;
		height: 21px;
		width: 28px;
		z-index: 9999;
	}
		.devine-color-list .slick-prev{left: 0;}
		.devine-color-list .slick-next{right: 0;}
		@media screen and (min-width: 1200px){
			.devine-color-list .slick-prev{left: -40px;}
			.devine-color-list .slick-next{right: -40px;}
		}



.ZoneEditorToolboxContainer
{
    z-index:1000 !important;

}
.newssignupresult{
    text-align:right;
    
}

.contacttextbox input[type="text"] {

  display:block;
width:205px;

margin: 3px 0px;


}
.contactdropbox select {
    display:block;

    width:205px;

margin: 3px 0px;


}

.contacttextareabox   textarea{

        display:block;

    width:205px;

margin: 3px 0px;

}

.contactsubmitbtn 
{

    margin: 5px 0px;
}




.contacttextbox .sfError {

color:red;

} 

.contactformcss {
    width: 700px;
}

.contactformcss .contacttextbox input[type="text"] {
    display:block;
    width:270px;
    margin: 3px 0px;
    line-height:30px;
}


.contactformcss .contactdropbox select {
    display: block;
    margin: 3px 0;
    width: 270px;
    padding: 5px;
}

.contactformcss .contacttextareabox textarea {
    display: block;
    margin: 3px 0;
    width: 270px;
}

.contactformcss .sfFormSubmit .contactsubmitbtn {
    background: none repeat scroll 0 0 padding-box #c2c0ba;
    border: medium none;
    border-radius: 4px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    height: 36px;
    line-height: 1;
    margin-top: 20px;
    padding: 0 12px;
    text-transform: uppercase;
    width: 80px;
}


/**this is for about-us-overview/business-opportunities/contact-a-paint-expert   locateastoreordealer  */
.ctas a.storelocation:hover  {

   background: url('/img/skin/buttons/yellow_locate_btn_hover.png') no-repeat  ;
}
.ctas a.storelocation  {

   background: url('/img/skin/buttons/yellow_locate_btn.png') no-repeat  ;

   width:205px;
	height:55px;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
	display:block;

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

}


.featured-products{
	clear:both;
}

table.radiolist td{
	vertical-align: top;
	position: relative;
	padding-left: 15px;
}
	table.radiolist input[type="checkbox"], 
	table.radiolist input[type="radio"]{
		position: absolute;
		left: 0;
		top: 7px;
	}
	table.radiolist label{padding: 0!important;}
	

.sf_2cols_2_50 {
	width: 50% !important;
}
.ctas .storelocation {
	margin: 20px 0;
}


.sfInlineEditingPageMenu {
	z-index: 99999 !important;
}


/**************************
technical information button
****************************/

.sfContentBlock h2 {
	display: inline-block;
}

.yellow .technical, a.technical {
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
	background: #FED200;
	border-radius: 3px;
	padding: 6px 10px;
	line-height: 12px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	border: solid #FED200 1px;
	margin-bottom: 6px;
	margin-left: 8px;
}

.yellow .technical:hover, a.technical:hover {
	color: #be980e;
	background: #fff0a9;
	border: solid #FED200 1px;
}

.green .technical {
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
	background: #9ea374;
	border-radius: 3px;
	padding: 6px 10px;
	line-height: 12px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	border: solid #9ea374 1px;
	margin-bottom: 6px;
	margin-left: 8px;
}

.green .technical:hover {
	color: #626644;
	background: #b8bf7c;
	border: solid #9ea374 1px;
}

.blue .technical {
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
	background: #8facbf;
	border-radius: 3px;
	padding: 6px 10px;
	line-height: 12px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	border: solid #8facbf 1px;
	margin-bottom: 6px;
	margin-left: 8px;
}

.blue .technical:hover {
	color: #4e92be;
	background: #a9cde5;
	border: solid #8facbf 1px;
}


/**************************
Error Page
****************************/
#errorpage{
	max-width: 780px;
	margin: auto;
	background: url(../img/rodda-error.png) no-repeat;
	padding: 5px 20px 20px 340px;
	min-height: 330px;
	font-size: 16px;
	line-height: 20px;
	color: #000;
}
	#errorpage h2{
		font-size: 50px;
		line-height: 1.1;
		font-weight: 600;
	}

	#errorpage a,
	#errorpage a:visited{
		color: #2d73a5;
	}

/**************************
Forcing background Images to expand on homepage
****************************/

#homebg .slick-slide img {
  left: 50%;
  margin-left: -1400px;
  position: absolute;
  width: 2800px;
}

.overview-boxes ul li .heading { display:none !important;}


/**************************
Store location operation
****************************/

#subnav .location-operation { padding-top: 50px;}

#subnav .location-operation ul li { border-bottom: 1px dotted #7f7f7f; }
#subnav .location-operation ul li h4 { margin-bottom: 0px;}
#subnav .location-operation img { padding-top: 7px;}


form[action='./dealer-login'] #wrapper {
	background: url(../img/bg-dealer-login.jpg) bottom center fixed #868b8f;
}

.location-map .first-col.Coatings {background:url(/img/greybluelegend.png) no-repeat 0 14px;width:42px;height:50px;}

/**************************
Internal Cta
****************************/

.internal-ctas{
	text-align: right;
	margin-bottom: 30px;
}

.internal-ctas a{
	display: inline-block;
	width: 205px;
	height: 55px;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
}

.internal-ctas a+a{
	margin-left: 20px;
}

.ic-store-locations{
	background-image: url(/img/skin/buttons/yellow_locate_btn.png);
}
	.ic-store-locations:hover{
		background: url(/img/skin/buttons/yellow_locate_btn_hover.png);
	}

.ic-contact-us{
	background-image: url(/img/skin/buttons/yellow_contact_btn.png);
}
	.ic-contact-us:hover{
		background-image: url(/img/skin/buttons/yellow_contact_btn_hover.png);
	}




/*--------------------------------------------------------------
# Template - Home
--------------------------------------------------------------*/

/*
  Reset
-------------------------------*/
.template-home{
	background: #fff!important;
}

.template-home #subnav,
.template-home .page-category{
	display: none;
}

.template-home .h-w2{
	height: 40px;
}

.template-home #main{
	padding: 0;
	width: 100%;
	z-index: 99;
	min-width: 960px;
}
	.template-home #main .m-w2{
		width: 100%;
	}

.template-home #content{
	width: 100%;
	float: none;
	position: static;
}



/*
  Header Backgrounds
-------------------------------*/
.template-home .w-w1 {
	position: relative;
	background: none!important;
	z-index: 9999;
}
	/*.template-home .w-w1:after {
		content:"";
		display: block;
		position: absolute;
		top: 40px;
		height: 60px;
		background: url(../img/skin/bg/opacity45.png) repeat;
		background: rgba(0, 0, 0, 0.45);
		width: 100%;
		left: 0;
		z-index: 99;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 
	}*/

.template-home .w-w2{ background: none!important; }


/*
  Navigation Clean-up
-------------------------------*/
.template-home #header{
	background:none;
	border-bottom: 0;
}
.template-home #mainnav{
	top: 50px;
}
	.template-home #mainnav ul.L1 > li.active ul.L2,
	.template-home .h-w1:before{
		display: none;
	}

/*Links*/
.template-home #mainnav ul.L1 > li > a{
	padding:0 4px;
	line-height: 38px;
	height: 40px;
	border-radius: 4px;
	background: #fff;
	color: #000;
}
	.template-home #mainnav ul.L1 > li > a:after{
		position: relative;
		content:"";
		display: block;
		bottom: 8px;
		left: 0;
		width: 100%;
		height: 4px;
		background: #c2c0ba;
	}

/*Special Link Targeting*/
.template-home #mainnav ul.L1 > li:nth-child(1) > a:after{background: #ffd200;}
	.template-home #mainnav ul.L1 > li:nth-child(1) > a.active, 
	.no-touch .template-home #mainnav ul.L1 > li:nth-child(1) > a:hover,
	.template-home .currentslide-0 #mainnav ul.L1 > li:nth-child(1) > a{
		background: #ffd200;
		color: #000;
	}
.template-home #mainnav ul.L1 > li:nth-child(2) > a:after{background: #9ea374;}
	.template-home #mainnav ul.L1 > li:nth-child(2) > a.active, 
	.no-touch .template-home #mainnav ul.L1 > li:nth-child(2) > a:hover,
	.template-home .currentslide-1 #mainnav ul.L1 > li:nth-child(2) > a{
		background: #9ea374;
		color: #000;
	}
.template-home #mainnav ul.L1 > li:nth-child(3) > a:after{background: #8facbf;}
	.template-home #mainnav ul.L1 > li:nth-child(3) > a.active, 
	.no-touch .template-home #mainnav ul.L1 > li:nth-child(3) > a:hover,
	.template-home .currentslide-2 #mainnav ul.L1 > li:nth-child(3) > a{
		background: #8facbf;
		color: #000;
	}


/*
  Fullwidth Slider
-------------------------------*/
@media screen and (min-width: 980px){
	.fullwidth-slider-group_item .section-inner{
		width: 940px;
	}
}
@media screen and (min-width: 1220px){
	.fullwidth-slider-group_item .section-inner{
		width: 1180px;
	}
}
.fullwidth-slider-group{
	margin-bottom: 20px!important;
}

.fullwidth-slider-group_item{
	position: relative;	
}

.fullwidth-slider-group_item,
.fullwidth-slider-group_banner{
	height: 480px;
}

@media screen and (min-width: 1220px){
	.fullwidth-slider-group_item,
	.fullwidth-slider-group_banner{
		height: 540px;
	}
}
@media screen and (min-width: 1600px){
	.fullwidth-slider-group_item,
	.fullwidth-slider-group_banner{
		height: 600px;
	}
}


#main .fullwidth-slider .section-inner{
	position: relative;
	min-height: 100%;
	z-index: 60;
}

.fullwidth-slider-group_banner{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
	background-position: top center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.fullwidth-slider-group-_content{
	position: absolute;
	left: 0;
	bottom: 90px;
}

.fullwidth-slider-group-_content h2,
.fullwidth-slider-group-_content h1
{
	color: #fff;
	font-size: 60px;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;

}

.full-width-cta{
	display: inline-block;
	padding: 11px 27px;
	border: 3px solid #000;
	line-height: 1;
	font-size: 26px;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 30px;
	font-weight: 700;
	color: #000!important;
}
	.fwb_professionals	.full-width-cta{
		background: #ffd200;
	}
	.fwb_home	.full-width-cta{
		background: #a8ad7b;
	}
	.fwb_industrial	.full-width-cta{
		background: #8facbf;
	}
	

.full-width-cta em{
	text-transform: lowercase;
	font-weight: normal;
	margin-right: 5px;
}
.full-width-cta:after{
	display: inline-block;
}

.fullwidth-slider-group .slick-slider{
	margin-bottom: 0;
}

.fullwidth-slider-group .slick-dots{
	bottom: 0;
	width: 200px;
	left: 50%;
	margin-left: -100px;
	background: #000;
	height: 60px;
	background: rgba(0, 0, 0, 0.5);
}
.fullwidth-slider-group .slick-dots li{
	height: 60px;
	width: 24px;
	margin: 0 18px!important; 
}
.fullwidth-slider-group .slick-dots li button{
	width: 24px;
	height: 24px;
	border: 2px solid #fff;
	background: none;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-top: 18px;
	padding: 0 !important;
}

.fullwidth-slider-group .slick-dots li.slick-active button{
	background: #fff;
}


/*
  Split Blocks
-------------------------------*/

.slit-blocks:after{
	content:"";
	dispzay: table;
	clear: both;
}

.slit-blocks_item{
	float: left;
	width: 50%;
	height: 400px;
	margin-bottom: 20px;
	background-position: top center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
}




/*
  Split Blocks Content
-------------------------------*/
.slit-blocks_content{
	height: 100%;
	padding: 60px;
	color: #fff;
	position: relative;
	text-align: center;
}
	.slit-blocks_content div{
		height: inherit;
	}

.slit-blocks_content h2{
	color: #fff;
	font-size: 34px;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 700;
	text-align: left;
}


/*Buttons*/
.btn-yellow{
	display: inline-block;
	padding: 10px 30px;
	text-transform: uppercase;
	color: #000!important;
	font-size: 26px;
	text-decoration: none;
	font-weight: 700;
	background-color: #ffd200;
	box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.75); 
	position: absolute;
	left: 60px;
	bottom: 60px;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
	.btn-yellow.center{
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
.btn-yellow:hover{
	background: #000;
	border-color: #000;
	color: #ffd200!important
}

/*Sticker*/
.slit-blocks_content a.sticker{
	position: relative;
	display: inline-block;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
	.slit-blocks_content a.sticker img{
		box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.75);	
	}

.slit-blocks_content a.sticker:hover{
	-webkit-transform: translateY(-52%);
	transform: translateY(-52%);
}


/*
  Split Blocks Content -> Latest block
-------------------------------*/

.latest-block{
	text-align: left;
	position: relative;
	margin-left: -60px;
	margin-top: -60px;
	margin-bottom: -60px;
	padding-left: 80px;
	height: 400px!important;
}

.latest-block_image{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 40px;
	overflow: hidden;
}

@media screen and (min-width: 1250px){
	.latest-block{
		padding-left: 140px;
	}
	.latest-block_image{
		width: 100px;
	}
}

@media screen and (min-width: 1900px){
	.latest-block{
		padding-left: 410px;
	}
	.latest-block_image{
		width: 370px;
	}
}

.latest-block_image img{
	display: block;
	height: 100%;
}


.latest-block_content{
	color: #000;
	padding-top: 35px;
	padding-right: 40px;
	padding-bottom: 40px;
}

.latest-block_content h2{
	color: #000;
	line-height: 1;
}
.latest-block_content h3{
	color: #54585f;
	text-transform: uppercase;
	line-height: 1;
	font-weight: 400;
	font-size: 24px;
	margin-bottom: 15px;
}

.latest-block_content p{
	font-size: 15px;
	color: #54585f;
	line-height: 1.41;
}

@media screen and (min-width: 1250px){
	.latest-block_content p{
		font-size: 17px;
		color: #54585f;
		line-height: 1.41;
	}

}

.latest-block_link{
	display: inline-block;
	padding: 10px 30px;
	text-transform: uppercase;
	color: #000!important;
	font-size: 26px;
	text-decoration: none;
	font-weight: 700;
	border:  3px solid #ffd200;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
	.latest-block_link:hover{
		background: #000;
		border-color: #000;
		color: #ffd200!important;
	}


.canada-block{
	height: 493px;
	clear: both;
	background: url(../img/canada-cloverdale.jpg) no-repeat center bottom;
	margin-bottom: 8px;
}

.canada-block-inner{
	max-width: 1175px;
	padding: 60px 0 0 12%;
	color: #000;
}

.canada-block-inner h2{
	font-weight: 700;
	color: #cc0000;
	font-size: 34px;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.canada-block-inner h2 br{
	display: none;
}

.canada-block-split{
	display: table;
	table-layout: fixed;
	width: 100%;
	font-size: 16px;
	line-height: 1.41;
}

.canada-block-split>div{
	display: table-cell;
}
.canada-block-split>div:first-child{
	padding-right: 50px;
}

.canada-block-split>div p{
	line-height: 1.41;
}



#dealer-cta {
float: right;
margin-top: 67px;
font-size: large;
color: #b99100;
}


/*
.template-home #subnav,
.template-home .page-category{
	display: none;
}	
	.template-home .w-w1{
		position: relative;
		background: none!important;
		z-index: 9999;
	}
		.template-home .w-w1:after{
			content:"";
			display: block;
			position: absolute;
			top: 40px;
			height: 60px;
			background: url(../img/skin/bg/opacity45.png) repeat;
			background: rgba(0, 0, 0, 0.45);
			width: 100%;
			left: 0;
			box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 
		}
	.template-home .w-w2{background: none!important;}

	.template-home #header{
		background:none;
		border-bottom: 0;
	}
		.template-home #mainnav{top: 50px;}
		.template-home #mainnav ul.L1 > li.active ul.L2{display: none;}

		.template-home .h-w1:before{display: none;}

		.template-home #mainnav ul.L1 > li > a{
			padding:0 4px;
			line-height: 38px;
			height: 40px;
			border-radius: 4px;
			background: #fff;
			color: #000;
		}
			.template-home #mainnav ul.L1 > li > a:after{
				position: relative;
				content:"";
				display: block;
				bottom: 8px;
				left: 0;
				width: 100%;
				height: 4px;
				background: #c2c0ba;
			}
		
				.template-home #mainnav ul.L1 > li:nth-child(1) > a:after{background: #ffd200;}
					.template-home #mainnav ul.L1 > li:nth-child(1) > a.active, 
					.no-touch .template-home #mainnav ul.L1 > li:nth-child(1) > a:hover,
					.template-home .currentslide-0 #mainnav ul.L1 > li:nth-child(1) > a{
						background: #ffd200;
						color: #000;
					}
				.template-home #mainnav ul.L1 > li:nth-child(2) > a:after{background: #9ea374;}
					.template-home #mainnav ul.L1 > li:nth-child(2) > a.active, 
					.no-touch .template-home #mainnav ul.L1 > li:nth-child(2) > a:hover,
					.template-home .currentslide-1 #mainnav ul.L1 > li:nth-child(2) > a{
						background: #9ea374;
						color: #000;
					}
				.template-home #mainnav ul.L1 > li:nth-child(3) > a:after{background: #8facbf;}
					.template-home #mainnav ul.L1 > li:nth-child(3) > a.active, 
					.no-touch .template-home #mainnav ul.L1 > li:nth-child(3) > a:hover,
					.template-home .currentslide-2 #mainnav ul.L1 > li:nth-child(3) > a{
						background: #8facbf;
						color: #000;
					}



	.slick-slider {
		height: 188px !important;
	}
	.template-home .slick-slider {
		height: 100% !important;
	}
	ul.slick-dots {
		
	}
	.slick-dots li.slick-active button {
		border: solid #000 1px;
		
		border-radius: 50px;
	}
	.yellow .slick-dots li.slick-active button {
		background: #FED200;
	}
	.green .slick-dots li.slick-active button {
		background: #A0A374;
	}
	.blue .slick-dots li.slick-active button {
		background: #90ADBF;
	}

	.template-home #main{
		background: none;
		padding: 150px 0 0 0;
	}
		.template-home #main .m-w2{
			width:100%;
		}

		.template-home #content{
			width: 100%;
			float: none;
			position: static;
		}

		.front-message,.sf_cols.front-message{
			background: rgba(0, 0, 0, 0.54);
			width: 800px;
			margin: auto;
			border-radius: 4px;
			background-clip: padding-box;
			color: #fff;
			text-align: center;
			overflow: hidden;
			position: relative;
		}
			.no-rgba .front-message,
			.no-rgba .sf_cols.front-message{ 
				background: url(../img/skin/bg/opacity45.png) repeat; 
			}

			.front-message .slick-slider{margin-bottom: 0 !important;}
			.front-message .heading{
				text-transform: uppercase;
				position: relative;
				height: 46px;
				line-height: 46px;
				white-space: nowrap;
				background: #000;
				color: #fff;
			}
				.front-message .heading a{
					text-decoration: none;
					color: #fff;
					font-weight: 600;
					font-size: 30px;
				}


				.currentslide-0 .front-message .homecontrol:hover:before{color: #FFD200;}
				.currentslide-1 .front-message .homecontrol:hover:before{color: #9EA374;}
				.currentslide-2 .front-message .homecontrol:hover:before{color: #91ADC0;}


				.homecontrol{
					display: block;
					position: absolute;
					top: 0;
					height: 100%;
					width: 55px;
					padding-top: 45px;
					height: 1px;
					white-space:nowrap;
					overflow: hidden;
					z-index: 50;
					height: 46px;
					font-size: 1px;
					text-decoration: none;
				}
					.homecontrol:visited{text-decoration: none;}
					.homecontrol:before {
						font-family: 'icomoon';
						speak: none;
						font-style: normal;
						font-weight: normal;
						font-variant: normal;
						text-transform: none;
						line-height: 1;

						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						color: #fff;
						position: absolute;
						top: 0;
						left: 0;
						width: 55px;
						height: 46px;
						background: #000;
						font-size: 24px;
						text-align: center;
						line-height: 46px;
					}
					.homecontrol.left:before {
						content: "\e600";

					}
					.homecontrol.right:before {
						content: "\e601";
					}



	

					.homecontrol.left{
						left: 0;
						border-right: 1px solid #000;
						
					}

					.homecontrol.right{
						right: 0;
						
						border-left: 1px solid #000;
					}
			
			.fm-content{
				padding: 10px;
				font-size: 16px;
				line-height: 1.2;
				
			}
				.fm-content .title{
					display: block;
					font-size: 24px;
				}

				.fm-content p{
					line-height: 1.2;
				}
				body.template-home .fm-content a{text-decoration:none;color:#fff;}

		.entryhome, .sf_cols.entryhome{
			background: #fff;
			border-radius: 4px 4px 0 0;
			box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.7); 
			margin-top: 40px;
			padding: 20px 20px 40px 20px;
		}

			.entryaction{
				width: 205px;
				float: left;
				margin-left: 20px;
				text-align: center;
			}
				.entryaction:first-child{margin-left: 0;}
			
				.entryaction a{display: block; text-decoration: none;}

					.entryaction .heading{
						display: block;
						text-transform: uppercase;
						font-weight:600;
						color: #000;
						font-size: 22px;
						margin-bottom: 10px;
					}
					.entryaction img{
						display: inline-block;
						max-width: 100%;
					}
		

		.latest{
			float: right;
			width: 390px;
		}
			.c-w1 .latest ul{margin: 0;}
			.c-w1 .latest ul li{
				padding: 18px 0;
				border-bottom: 1px dotted #c2c0ba;
				margin: 0;
			}
			.c-w1 .latest ul li:before{display: none;}

			.latest a{text-decoration: none; color:#404049}

				.latest .latest-cta{
					display:block;
					text-align: right;
					margin-top: 10px;
					color: #2d73a5;
					text-decoration: underline;
				}

			.latest .heading{
				display: block;
				padding-bottom: 10px;
				text-transform: uppercase;
				font-weight: 600;
				color: #000;
				font-size: 22px;
				border-bottom: 1px dotted #c2c0ba;
			}

			.latest-date{
				display: block;
				font-size: 14px;
				font-weight: 300;
				text-transform: uppercase;
				color: #8c8c8c;
				float: left;
				line-height: 1;
			}
				.latest-date span{
					display: block;
					font-size: 24px;
					font-weight: 700;
					color: #000;
				}

			.latest-content{
				float: left;
				padding-left: 20px;
				width: 408px;
			}
				.latest-content .title{
					font-size: 18px;
					color: #000;
				}

	.template-home #footer{
		box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.7);
		background: #fff;
	}


	#homebg{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 140%;
		margin-bottom: 0 !important;
		z-index: 800;
	}
		#homebg div{
			width: 100%;
			height: 100%;
		}
		#homebg .slick-slide{
			position: relative!important;
			height: 100% !important;
			position: relative!important;
		}
*/


/**************************
Home - 20191204
**************************/
.home-tabs-group{
	margin-bottom:20px;
}
.home-tabs-group .top-title{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	background-color: rgba(0,0,0,0.6);
	padding:95px 20px 18px;
	font-weight: 700;
	font-size: 28px;
	color: #fff;
	z-index: 1;
}
	@media screen and (min-width:641px){
		.home-tabs-group .top-title{
			font-size: 28px;
		}
	}
	@media screen and (min-width:1201px){
		.home-tabs-group .top-title{
			font-size: 37px;
		}
	}
	.home-tabs-group ul{
		margin:0;
	}
	.home-tabs-group ul:after{
		content:'';
		display: table;
		clear: both;
	}
	.home-tabs-group li{
		float: left;
		width:33.3333%;
		transition: all 0.2s ease;
	}
	.home-tabs-group a{
		display: block;
		position: relative;
		overflow: hidden;
	}
		.home-tabs-group a:after{
			content:'';
			position: absolute;
			top:0;
			left:0;
			width:100%;
			height: 100%;
			background-color: rgba(0,0,0,0.6);
			opacity: 0;
			transition: opacity 0.2s ease;
		}
	.home-tabs-group img{
		width:100%;
		max-width: 100%;
		height: auto;
		display: block;
		position: relative;
	}
	@media screen and (min-width:641px){
		.home-tabs-group img{
			width:400px;
			max-width: none;
			left:50%;
			transform:translateX(-50%);
		}
	}
	@media screen and (min-width:1201px){
		.home-tabs-group img{
			width:100%;
			max-width:100%;
		}
	}
	.home-tabs-group .link-wrap{
		position: absolute;
		bottom: 40px;
		left:0;
		width:100%;
		padding:0 30px;
		text-align: center;
	}
	.home-tabs-group .home_tab_item_link{
		transition: all 0.2s ease;
	}
	.home-tabs-group .home_tab_item_link span{
		font-weight: 400;
		font-size: 26px;
		text-transform: none;
	}

	.home-tabs-group ul:hover li{
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  		filter: grayscale(100%);
	}
		.home-tabs-group ul:hover a:after{
			opacity: 1;
		}
	.home-tabs-group ul li:hover{
		-webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
  		filter: grayscale(0);
	}
		.home-tabs-group ul li:hover a:after{
			opacity: 0;
		}
		.home-tabs-group ul li:hover .home_tab_item_link{
			box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.67);
		}
		.home-tabs-group ul li.fwb_professionals:hover .home_tab_item_link{
			border-color: #ffd200;
		}
		.home-tabs-group ul li.fwb_industrial:hover .home_tab_item_link{
			border-color: #8facbf;
		}
		.home-tabs-group ul li.fwb_home:hover .home_tab_item_link{
			border-color: #a8ad7b;
		}

/* CP-305 */

.custom-accordion {
  
}

.custom-accordion .sflistExpandAllLnkWrp {
    text-align: right;
    margin: 0 0 1rem;
}

.custom-accordion .sflistTitle {
    display: none;
}

.custom-accordion ul.sflistList.sflist {
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-accordion ul.sflistList.sflist li {
  position: relative;
  padding: 0 15px;
  background-color: #FFF;
  border: 2px solid;
}

.custom-accordion ul.sflistList.sflist li:before {
  content: "\f13a" !important;
  position: absolute;
  top: 5px;
  right: 15px;
  left: auto;
  width: 20px;
  height: 20px;
  font-family: "FontAwesome";
  font-size: 20px;
  z-index: 1;
}

.custom-accordion ul.sflistList.sflist li .sftitle {
  font-size: 18px;
  font-weight: 400;
  margin: .5rem 0;
  position: relative;
  z-index: 2;
}

.custom-accordion ul.sflistList.sflist li .sftitle > a {
  text-decoration: none;
  display: block;
  width: 100%;
}

.custom-accordion ul.sflistList.sflist li:before {
  content: normal
}

.sfContentBlock.accordion-cta {
    text-align: center;
  padding: 1rem 0 0;
}

.accordion-cta .yellow,
.accordion-cta .technical, 
.accordion-cta a.technical {
  margin: 0;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.25);
}

/* COLORS */

.custom-accordion.yellow-accordion ul.sflistList.sflist li {
  border-color: #FED200;
}

.custom-accordion.yellow-accordion .sflistExpandAllLnkWrp a {
  color: #FED200;
}

.custom-accordion.yellow-accordion ul.sflistList.sflist li:before {
  color: #FED200;
}

/* COLORS */

.custom-accordion.green-accordion ul.sflistList.sflist li {
  border-color: #9ea374;
}

.custom-accordion.green-accordion .sflistExpandAllLnkWrp a {
  color: #9ea374;
}

.custom-accordion.green-accordion ul.sflistList.sflist li:before {
  color: #9ea374;
}

/* COLORS */

.custom-accordion.blue-accordion ul.sflistList.sflist li {
  border-color: #8facbf;
}

.custom-accordion.blue-accordion .sflistExpandAllLnkWrp a {
  color: #8facbf;
}

.custom-accordion.blue-accordion ul.sflistList.sflist li:before {
  color: #8facbf;
}