@charset "UTF-8";
/* CSS Document */

/* UPDATE 2018*/

/* UPDATE 2018*/

#chkGDPR {width: 4% !important;margin-top: 7px !important; float: left;
}

#ContentPlaceHolderDefault_dap_content_chkGDPR{
	width:20px !important;
	float:left !important;}

#ContentPlaceHolderDefault_dap_content_commTB{
margin-bottom:20px !important;}

#ContentPlaceHolderDefault_dap_content_lblGDPR p{
	float: left !important;
    display: inline-block !important;
    width: 80% !important;
    margin:0px 0px 20px 0px !important;
	}

.help {position: absolute;
    top: 14px;
    right: 0px;}

.help span { top: -5px; position:relative;}

#cookieDiv {
	background-color: #00b6e6;
	color: #FFF !important;
	font-size: 14px !important;
}

#cookieDiv h5 {
	float: left;
	width: 140px;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	margin-top: 20px;
	display: block;
}

.cookieContent {
	width: 100% !important;
}

.cookieContent p {
	line-height: 17px;
	padding: 18px;
	margin-bottom: 0px;
	/*width: 630px;*/
}

#cookieDiv a {
	text-decoration: underline;
	color: #FFF;
}

#cookieDiv img {
	width: 20px;
	margin-right: 10px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	padding:.1em .5em !important;
	}

.pr_write_review {
	width: 92% !important;
	margin: 0 auto;
	
}

.pr_review_summary {
	float: left;
	width: 75%;
}

.pr-base-modal a,.pr-pa-snippet a,.pr-review-engine a,.pr-snippet a,.prImageSnippet a{color:#0cb9e8 !important;} .pr-base-modal .pr-fb-follow-submit-btn,.pr-review-engine .pr-base-modal .pr-fb-follow-submit-btn{color:#0cb9e8 !important;}

.pr-review-engine-max-width-560px a,.pr-review-engine-min-width-560px-max-width-690px a{color:#0cb9e8 !important;}

.pr-review-engine-max-width-560px p.prPaAnswerLnk a,.pr-review-engine-min-width-560px-max-width-690px p.prPaAnswerLnk a{color:#0cb9e8 !important;}

.pr-review-engine-max-width-560px .prPaFooter .prPaAskQuestionLnk span,.pr-review-engine-min-width-560px-max-width-690px .prPaFooter .prPaAskQuestionLnk span{color:#0cb9e8 !important;}

.pr-review-engine-max-width-560px p.prPaTotalsLabel,.pr-review-engine-min-width-560px-max-width-690px p.prPaTotalsLabel{color:#0cb9e8 !important;}

.closer {
	padding: 5px 8px;
    background-color: #000;
    color: #FFF;
    position: absolute;
    top: 5px;
    right: 5px;
	cursor:hand;
	cursor: pointer;
	}


#wisconsin, #vermont, #arizona, #nevada {opacity: .1;}
#wisconsin:hover, #vermont:hover, #arizona:hover, #nevada:hover {opacity: .1; fill: #000;}

.ohio, .vermont, .california, .connecticut, .delaware, .districts_of_columbia, .district_of_columbia, .maryland, .illinois, .indiana, .maine, .massachusetts, .michigan, .new_hampshire, .new_jersey, .new_york, .pennsylvania, .rhode_island, .utah, .virginia {-webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
		-webkit-box-shadow: 0px 0px 46px -8px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 0px 46px -8px rgba(0,0,0,0.54);
box-shadow: 0px 0px 46px -8px rgba(0,0,0,0.54);
		display:none;
	padding: 0px 10px 10px 10px;
		width: 500px;
	}

html {
    -webkit-text-size-adjust: 100%;
}

input:focus, textarea:focus, input:active, textarea:active {
    outline: none !important;
}

#menuListSub ul li, #menuListSub li {
	width:100%;
	margin-bottom: 5%;
	padding-right: 10%;
	float:left;
}
			
#test {
display: block !important;
font-weight: bold;
}

#test.notcurrent a {
	margin-left: 0px;
}
			
#test a {margin-left: 0px !important;}

.products ul li a {
	margin-left: 10px;
	float: left;
}


#menuListSub ul li div{
	float:left;}

#menuListSub ul li img, #menuListSub li img{
	margin-left:5px;
	margin-top:3px;
	width:11px;}

#menuListSub ul li div, .current .notcurrent a {
	float:left;
	font-weight: bold;
}

.current #test a {
	margin-left: 0px;
}	
		

	-webkit-border-radius: 40px;
	border-radius: 40px;
	text-indent: 5px;
}
		
		
button{
-webkit-appearance: none;		
		}		

.theBlues {
	background-color: #ccc;
	height: 40px;
	margin-bottom: 10px !important;
	background-color: #00b6e6;
	margin-left: -10px !important;/* norb add */
	padding-left: 20px;/* norb add */
}

#menuBar, .container, .centerContent, #tabs, #tabs2, .productRC img, .slick-slider, footer, img {
	-webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
     transition:all .5s ease-in-out;
	}


body,html{
	font-weight:300;
	font-family:  Arial, Myriad Pro, "Helvetica Neue", Helvetica, sans-serif;
	font-size:16px;
	height:100%;
	margin:0px;}

textarea, input { 
	outline: none; 
	font-size:1em;}	
	
::-webkit-input-placeholder {
   color: white;
}	
	
button{outline:none;}	
	
a{
	color:#0CB9E8;
	text-decoration:none;
	/*opacity:.6;*/}	
	
a:hover{
	opacity:1;
	}
		
p{
	font-size:1em;
	
	}	
	
h1{
	line-height:1em;				
	font-weight:300;
	margin-top:35px;
	margin-bottom:10px;
	color:#0CB9E8;
	}	
	
h2{
	color:#0CB9E8;
	font-size:1em;
	font-weight:300;
	margin:0px;
	}	
	
h3{color:#0CB9E8;
   font-size:1em;
   font-weight:600;
   margin:0px;}	
	
ul{
	margin:0px;
	padding-left:0px;}	

.nav{
	float:left;
	width:20%;
	background-color:#000;
	height:100%;
	position:fixed;
	}

#msdsbar{display:none;}
	
#searchicon img{
	width:30px;
	}

#searchicon{
	/*position:absolute;
	right:50px;
	width:30px;*/
	top:9px;	
	}	
#searchbar{
		position:absolute;
		background-color:transparent;}	

#searchText{display:none;}

.searchresult p{
	margin-top:0px;
	margin-bottom:5px;
	}
	
.searchresult{
	padding:5px 10px;
		}	
	
.searchresult:hover{
	background-color:#e8e8e8;	
	}	
	
#menuBar{
	position: fixed;
	z-index: 100;
	height: 100%;
	width: 20%;
	min-width: 200px;
}

#menuList li a{opacity:1;}	
	
#menuList img{
	margin-top:6px;
	width:30px;
	border:0px;}


#menuBar p{
	display:inline-block;
	padding-left:42px !important;
	/*text-transform:uppercase;*/
	margin:5px 0px;}
	
#menuBar img{
	position:absolute;
	z-index:30;}	


#menuList {
	padding:60% 0px 0px 0px;
	list-style: none;	
	color: #FFF;
	margin: 0px;
	width: 100%;
	height: 110%;
	background-color: #000;
	position: relative;
	float: left;
	top: 0px;
	z-index: 20;
	overflow:hidden;
}

#menuListSub {
	padding: 60% 0px 0px 30%;
	list-style: none;	
	color: #FFF;
	margin-top: 0px;
	width: 70%;
	height: 100%;
	background-color: #00b6e6;
	position: absolute;
	top: 0px;
	z-index: 10;
	margin-bottom: 0px;
	font-size:.8em;
}

#menuListSub ul ul {
/*	padding-left: 8%;	*/
}

#menuListSub h1{
	margin:0px 0px 3px 0px;
	font-size:1.3em !important;
	padding: 10px 0px;
	font-weight: bold;}

#menuListSub a{
	color:#fff;
	opacity:1;
}

#menuListSub a:hover{
	color:#fff;
	opacity:1;
	text-decoration:underline;
}

#menuListSub a:selected{
	color:#000;
	
}

#menuList li {
	position: relative;
	width: 100%;
	line-height:2.25;
	margin-left:11px;
	float: left;
	margin-bottom: 45px;
}

#menuList li p{position:absolute;}

#menuList li a:hover{text-decoration:underline;}

#products li{
	margin-bottom:8px;
	padding-right:2%;
	cursor: pointer;
	cursor: hand;
}

#products li a:hover {
	text-decoration: underline;
}


/*#home{top:0px;}
#products{top:50px;}
#DIY{top:100px;}
#media{top:150px;}
#about {top:200px;}
#search{top:250px;}
#connect{top:300px;}
#socialMedia{top:300px;}*/

/*	
#menuList li:nth-child(1){top:0px;}
#menuList li:nth-child(2){top:50px;}
#menuList li:nth-child(3){top:100px;}
#menuList li:nth-child(4){top:150px;}
#menuList li:nth-child(5){top:200px;}
#menuList li:nth-child(6){top:250px;}
#menuList li:nth-child(7){top:300px;}
#menuList li:nth-child(8){top:350px;}		
*/
/*
#products{
	display:none;
}

.products{
	display:none;
}

#media{
	display:none;
}

.media{
	display:none;
}
*/
#menuList .subMenu:hover {
	-webkit-transition-property: width;
  	-webkit-transition-duration: .3s;
	-webkit-animation-timing-function: ease-in-out;
	width: 100px;
}	

#menuSearch{
	width:75%;
	background-color:transparent;
	padding:5px 5px;
	border:1px solid #666666;
	color:#fff;
	border-radius:15px;
	}
	
#menuList li:nth-child(8){
	display:none;
	margin-top:20px !important;
	border-bottom:1px solid #666;
	padding-bottom:5px;
	margin-bottom:10px;}	
		
/*#socialMedia{
	margin-top:20px;
		}		
	
#social li{
	position:relative;
	display:block;
	margin-right:0px !important;
	margin-left:4%;
	line-height:2.5;
	width: 39px;
	float: left !important;
	margin-bottom: 0px;}	
	
#social li img{
	border-radius:50%;
	width:30px;
	position: relative;
	float: left;
	margin:0px 6px 5px 0px;
	}

#social li img:hover{
		border:1px solid #fff;
		}
		
#social li:nth-child(1) {
		/*margin-left: 0px;}*/

		
		
#socialMedia{
	margin-top:20px;
		}		
	
#social li{
	position:relative;
	display:block;
	margin-right:0px !important;
	margin-left: 0%;
	line-height:2.5;
	width: 39px;
	float: left !important;
	margin-bottom: 0px;
	}
		
#productFinderBtn{
	text-decoration:none !important;
	padding:5px 10px;
	font-size:.9rem;
	color:#0cb9e8 !important;
	background-color:#fff;
	float:left;
	clear:both;
	margin-bottom:10px;
		}		
				
.mobileSocial{
	width:230px;
	margin:0 auto;
	
	display:block;	
					}				
				
.mobileSocial li{
	margin:8px 0px;
	padding: 0px 2px !important;
	display:block;
	float:left !important;
	}	
				
.mobileSocial li a{
	padding:0px !important;		
					}

.mobileSocial li a:hover{
	background-color:transparent !important;
	}
		
					
					
	
#social li img{
	border-radius:50%;
	width:30px;
	position: relative;
	float: left;
	margin:0px 6px 5px 0px;
	}
		
.mobileSocial li img{
	border-radius:50%;
	width: 36px;
	position: relative;
	float: left;
	margin:0px 6px 5px 0px;
	}		
		

#social li img:hover {
		border:1px solid #fff;
		}

.mobileSocial li img:hover{
	border:0px;
		}
		
#social li:nth-child(1) {
	/*margin-left: 0px;*/
}		
	
#social li:nth-child(1) img, .mobileSocial li:nth-child(1) img{background-color:#507bbe;}		
#social li:nth-child(2) img, .mobileSocial li:nth-child(2) img{background-color:#64ccef;}
#social li:nth-child(3) img, .mobileSocial li:nth-child(3) img{background-color:#f15f5c;}
#social li:nth-child(4) img, .mobileSocial li:nth-child(4) img{background-color:#ec6b53;}
#social li:nth-child(5) img, .mobileSocial li:nth-child(5) img{background-color:#b9295b;}		
		
#social {
	float: left;
	width: 100%;
	display: block;
}	



#logo{
	/*width:80%;*/
	width:40%;
	margin:0 auto;
	display:block;
	position:relative;
	z-index:20;
	/*margin-left:10.5px;*/
	margin-left:25%;
	margin-top:30px;
	border:0px;}	
	
#mobileLogo{
	margin-top:1px;
	width:40px;
	margin-left:10px;
	}	
								
	
.container{
	margin-bottom:100px;
	width:80%;
	/*height:100%;*/
	float:right;
	/*padding-bottom:132px !important;
	padding-bottom: 100px;*/
	}

.centerContent{
	/*width:960px;*/
	width:92%;
	/*height:100%;*/
	margin:0 auto;
	line-height:23px;
	}

/*Homepage*/

.slideshow *{
	border:0px;
	}


.slideshow{
	border:0px !important;
	width:100%;
	margin-bottom:20px !important}	

.slideshow img{width:100%;}	

#thumbnails{
	position:relative;
	width:100%;
	margin:0 auto;
	display:block;
	}

#thumbnails a{opacity:1;}

#thumbnails li{
	width:23%;
	display:inline-block;
	list-style-type:none;
	}
	
#thumbnails li:nth-child(1), #thumbnails li:nth-child(2), #thumbnails li:nth-child(3) {
	margin-right:2%;
	}
	
#thumbnails li:nth-child(1) img, #thumbnails li:nth-child(2) img, 
#thumbnails li:nth-child(3) img, #thumbnails li:nth-child(4) img {
	position:absolute;
	top:0px;
	width:23%;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
	}	
	
#thumbnails li:nth-child(1) img.top:hover, #thumbnails li:nth-child(2) img.top:hover,
#thumbnails li:nth-child(3) img.top:hover, #thumbnails li:nth-child(4) img.top:hover{
	opacity:0;
	}	


#thumbnails li img{width:100%;}

.homeText{
	margin-bottom:20px;
	margin-top:24%;}

.mobileHomepage{
	display:none;
	}

footer{
	position: fixed !important;
	bottom:0px;
	right:0px;
	width:80%;
	color:#fff;
	background-color:#474747;
	/*-webkit-box-shadow: 0px 0px 62px -7px rgba(0,0,0,0.52);
	-moz-box-shadow: 0px 0px 62px -7px rgba(0,0,0,0.52);
	box-shadow: 0px 0px 62px -7px rgba(0,0,0,0.52);*/
	font-size:.8em;
	}
footer ul{
	float:left;
	padding:20px 0pc 18px 30px;}
	
footer li{
	display:inline;
	margin-right:5px;}	
	
footer li:nth-child(even){
	opacity:.6;
	}	
	
footer p{
	padding:20px 0px 0px 0px;
	float:right;
	margin:0px 30px 0px 5px;
	}

footer a{color:#fff;}	

/*View All Product Page*/

#ContentPlaceHolderDefault_dap_content_ProductQuestions_3_end, #ContentPlaceHolderDefault_dap_content_ProductQuestions_3_questionText{
	margin-top:20px;
}

.grid td{
	padding-right:1.5%;
	width:23%;
	float:left;}
	

.grid td img {
	margin-top:20px !important;
	border:0px;
	/*width:70%;*/
	height:200px;
	margin-bottom:15px !important;
	display:block;
	margin:0 auto;
	/*max-width:100px !important;*/}		
	
.grid tr{
	margin-bottom:20px;
	vertical-align:text-top;
	}	
	
.grid p{
	font-size:.8em;
	display:none;}	

.grid h2{
	line-height:20px;
	clear:both;
}
	
.grid{
	width:100%;
	border-bottom:1px solid #C1C1C1;
	padding-bottom:10px;
	margin-bottom:10px;
	}	
	
.grid td a{
	opacity:1;
	font-size:.9em;
	font-weight:normal !important;
	color:#0CB9E8 !important;
}	
	
.dl-menuwrapper{display:none;}	
	
/*Individual Product Page*/

#tabs h1, #tabs2 h1{
	font-size:1.250em !important;
	margin:0px !important;
	}
	
#tabs p, #tabs2 p{margin:5px 0px;}	
#tabs a, #tabs2 a{
	opacity:1 !important;
	color:#fff;
	text-transform:uppercase;
	}

#tabsnew {
	margin-top:10px;
}

#tabsnew ul li a{
	opacity:1 !important;
	color:#fff !important;
}

#tabsnew #tabs-1, #tabsnew #tabs-2{
	float:right;
	width:100%;
	}

#tabsnew ul{
	width:50%;
	float:right;
}
	
#tabs a:hover, #tabs2 a:hover{font-weight:normal;}

#tabs, #tabs2{
	font-size:1em;
	padding:0px;}
	
.productLC{
	float:left;
	/*width:612px;*/
	/*width:70%;*/
	width:75%;}	
	
.productRC, .productRCcar{
	float:right;
	/*width:30%;*/
	width:20%;}	

.productRC img{
	width:172px;
	/*padding-top:61px;*/
	display:block;
	margin:0 auto;}		
	
/*#tabs-1 ul{
	margin-top:15px;
	margin-left:15px;}*/

#tabs-1 ul {
	list-style-type:disc;
	margin-left:10px;}
	
#tabs-1{position:relative;}	

#CA1, #CA2{
	width:108px;
	position:absolute;
	bottom:15px;}	
	
#CA1{right:110px;}
#CA2{right:0px;}	

#tabs-2 table{
	font-size:1rem !important;
	border-collapse:collapse;
	}

#tabs-2 th{
	text-align:text-top;
	text-align:left;
	padding:8px 0px 8px 10px;
	}
	
#tabs-2 th:nth-child(1){width:15%;}
#tabs-2 th:nth-child(2){width:11%;}
#tabs-2 th:nth-child(3){width:13%;}
#tabs-2 th:nth-child(4){width:15%;}
#tabs-2 th:nth-child(5){width:8%;}
#tabs-2 th:nth-child(6){width:13%;}
#tabs-2 th:nth-child(7){width:10%;}
#tabs-2 th:nth-child(8){width:10%;}

#tabs-2 td, #wtbResults td{
	
	vertical-align:text-top;
	padding:8px 10px;}
	
#tabs-2 tr:nth-child(even), #wtbResults tr:nth-child(even),
#tabs-4 tr:nth-child(even){
	background-color:#EEEEEE;
	}		
	
#tabs-2 a[href^=tel], #wtbResults a[href^=tel] {
	color:#fff !important;
}

#tabs-3{padding:0px;}

#tabs-3 ul{margin:0px 0px;}

#tabs-3 li{
	list-style-type:none;
	display:inline;}	

#tabs-3 li img{width:32%;}	
	
#tabs-3 li:nth-child(2){margin:0% 1.3%;}	

.community li:nth-child(2){margin:0px !important;}

#selectedVideo{
	width:100%;
	margin-bottom:10px;}

#tabs-4 td{
	padding:8px 10px;
	text-align:left;}

#tabs-4 table{
	border-collapse:collapse;	
	width:100%;}

#tabs-4 a{
	text-decoration:underline;
	color:#000 !important;
}

#tabs-4 a[href^=tel] {
    color: inherit;
    text-decoration: none;
	color:#fff !important; 
}

.tonya{display:none;}
#tabs-4 tr th:nth-child(4){display:block;}

#tabs-4 table{
	text-align:left;
}

#tabs-4 table th{padding-left:10px;}

#storeLocatorINDV td{font-weight:600;}	

#tabs-5 tr{height:35px;}

#tabs-5 input, #storeLocatorINDV input{
	width:300px;
	padding:7px 10px;
	background-color:#EAEAEA;
	border:0px;}
	
#tabs-5 select, #storeLocatorINDV select{
	height:25px;
	background-color:#EAEAEA;
	border:0px;}	
	
#tabs-5 table{
	width:100%;
	margin-top:20px;}	

#zipcode{width:90px !important;}
#tbZip{width:90px !important;}

#tabs-5 button, #searchBtn, #storeLocatorINDV button, #jobBtn {
	margin-top:10px;
	background-color:#0CB9E8;
	border:0px;
	padding:6px 20px 2px 20px;
	color:#fff;
	font-weight:300;
	font-size:1em;
	}

.wtbBtn{
	width:90px !important;
	margin-top:10px !important;
	background-color:#0CB9E8 !important;
	border:0px !important;
	color:#fff !important;
	font-weight:300 !important;
	font-size:1em !important;
	-webkit-appearance: none;
}

.wtbBtn2{
	width:90px !important;
	margin-top:10px !important;
	background-color:#0CB9E8 !important;
	border:0px !important;
	color:#fff !important;
	font-weight:300 !important;
	font-size:1em !important;
	-webkit-appearance: none;
		padding: 5px 8px;
		text-align: center;
}

.sButton, #btnFindWholesalers{
	border:0px !important;
	background-image:url(/media/1077/nav6_white.png);
	background-color:#0CB9E8 !important;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:left;
	margin:0 auto !important;
	width:133px !important;
	background-size:20px 20px;
	background-position-x:15px;
	color:#FFF;
	text-indent:20px;
}

.sButton{
	padding:7px 10px;
}	
	
#jobBtn{padding-bottom:6px;}

	
#tabs-5 button, #storeLocatorINDV button{
	margin:15px 0px 0px 0px; 
	padding:8px 22px;
	}

#tabs-5 td p span, #storeLocatorINDV td p span{
	color:#0CB9E8;
	font-weight:300 !important;
}

.MSDSTable{
	width:100%;
	}
	

.MSDSTable td a{
	color:#000 !important;
	text-decoration:underline;
}

#searchBtn{
	margin:0 auto;
	display:block;}	
	
#searchBtn img{
	vertical-align:middle;
	float:left;
	width:22px;
	padding-right:5px;}	
	
#searchBtn p{
	display:inline;
	vertical-align:super;
	margin:0px 0px 0px 5px;
	float:left;
	}	
	
#search button{
	background-color:transparent;
	border:0px;
	}
	
#search button{
	margin-left:-5px;
	}

#menuSearch{
	margin-left:-7px;
}

.tabSlide img{margin:0px 10px;}	

.tabSlide {
	margin:20px 0px;
	border-bottom:3px solid #0cb9e8;
	padding-bottom:20px;}

.description p{margin:8px 0px;}

.thickblue{
	vertical-align:top;
	color:#0cb9e8;
	font-weight:300;}


/* How to Page*/
.howTo p{
	text-align:center;
	font-size:1.250em;
	color:#0cb9e8;
	margin:10px 0px 0px 0px !important;}
	
.howTo h1{
	margin:5px 0px !important;
	}	
	
.howTo a{
	opacity:1;
	} 	

.howTo li{
	width:245px;
	list-style-type:none;
	display:inline-block;
	margin-right:18px;
	margin-bottom:20px;
	}	
	
.howTo {padding-top:10px;}	

.howTo li img{width:100%;}

#howTo .rowHT img{
	width:150px;
	float:left;
}

.rowHT h1{
	margin-bottom:5px;
	font-size:1.2em !important;
	margin-top:0px;}

.rowText{
	margin-left:20px;		
	float:left;
	width:70%;
}	

.rowHT p{margin-top:0px;}
	

.rowHT{
	float:left;
	width:100%;
	margin-bottom:20px !important;
	clear:both;}

/* Contact */


.map{
	width:47% !important;
	margin:-67px 0px 0px 0px;
	float:left;}
	
	
	
.contactInfo{
	float:right;
	width:50%;
	line-height:1.4;
	margin-top:5px;
	}	
	
.contactInfo h1{
	margin-top:14px;
	font-size:1.250em !important;
	margin-bottom:5px;
	}	

.contactInfo h2, .contactInfo p{display:inline;}


.contactInfo h3{
	font-weight:600;
	color:#000;
	text-decoration:underline;
	margin-top:15px;}

.contactInfo a{
	color:#000;
	opacity:1;
}

.contactTop{
	border-bottom:1px solid #C1C1C1;
	padding-bottom:20px;
	margin-bottom:20px;}
	
.contactLeft,.contactRight{
	width:50%;
	float:right;
	}	
	x
.contactLeft p, .textArea p{
	font-weight:300;
	color:#0cb9e8;
	}	
	
.contactLeft tr > p		{
	color:red;
	}
	
.contactRight{
	vertical-align:top;
	}	

.contactRight p span{
	color:#0CB9E8;
	}
	
.contactLeft td, .contactRight td{
	vertical-align:top;
	line-height:1.5;}
	

	
.contactRight table{
	width:100%;
	}	
	
.contactRight input{
	width:100%;
	background-color:#EAEAEA;
	padding:7px 0px;
	border:0px;
	}	
	
	
#smaller{
	font-size:.8em;
	}	
.textArea {width:100%;}		
.textArea p{display:inline-block;}	
.textArea td{vertical-align:top;}

.textArea td:nth-child(1){
	width:18%;
	}

textarea{
	width:100%;
	background-color:#EAEAEA;
	border:0px;
	resize:none;}
	
	
#checkboxes input{margin-bottom:0px;}	

#checkboxes li p, #contact li p{
	font-weight:300;
	margin:0px;
	display:inline;
	color:#000;
	}

#checkboxes li, #contact li{
	list-style-type:none;
	margin-bottom:16px;
	}

input[type="radio"]{
	margin-top:0px;
	margin-bottom:0px;
	}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	padding:.5em 1em !important;
	}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{
	outline:none;
	}


/* Green Product*/
 #scroller table{
	 width:100%;
	 font-size:.9em;
	 border-collapse:collapse;
	 }
#scroller td{
	padding:10px 0px;
	}
 
 #scroller {
	overflow:scroll;
	width:100%;
	height:500px;}
 
 #scrollerMenu{
	 margin-top:15px;
	 width:100%;
	 padding:.2em 0em;
	 background-color:#191919;
	 border-bottom:3px solid #0cb9e8;}
 
 #scrollerMenu li{
	 display:inline-block;
	 background-color:#191919;
	 line-height:2;
	 color:#fff;
	 }
	 
	 
#scrollerMenu li:nth-child(1),
#scroller td:nth-child(1){
	padding-left:2%;
	width:39%;
	padding-right:2%;
	} 
	
#scrollerMenu li:nth-child(2),#scrollerMenu li:nth-child(3),
#scrollerMenu li:nth-child(4),#scrollerMenu li:nth-child(5){
	width:14%;
	}	

#scroller td:nth-child(2),#scroller td:nth-child(3),
#scroller td:nth-child(4),#scroller td:nth-child(5){
	width:14%;
	}	
	
#scrollerMenu li:nth-child(2){
	margin-left:-10px;
	}	

#scroller tr:nth-child(1){
	display:none;
}
	
#scroller tr:nth-child(even){
	background-color:#eeeeee;
	}	


#scroller table a{
	color:#000;
	opacity:1;
}

#scroller table a:hover{
	text-decoration:underline;
}

#scroller th a{
	text-decoration:none;
	color:#fff !important;

}
/*TEXTPAGE*/

#textPage h2{
	font-size:1.1em;
}
	

/*WHERE TO BUY*/

#storeLocatorINDV tr{height:35px;}

#storeLocatorINDV td p{
	margin:0px;
	}

#storeLocatorINDV {
	margin-bottom:20px;
	}

#wtbResults{
	border-top:3px solid #0CB9E8;
	padding-top:20px;
	}

#wtbResults table{
	border-collapse:collapse;
	}

#wtbResults tr:nth-child(1){
	background-color:#191919;
	color:#fff;
	}

#wtbResults img{width:100%;}

#wtbResults td, #wtbResults th{
	text-align:left;
	padding-left:20px;
	}
#wtbResults th{
	padding:.5em 0em .5em 20px;
	border-bottom:3px solid #0CB9E8;
	}

#wtbResults tr{
	padding:10px 0px;
	}

#wtbResults a{
	text-decoration:underline;
	color:#000;
	}

#locatorIMG{
	background-position-x:-120px;
	/*background-image:url(/media/1143/wtblocator.jpg);*/
	background-size:cover;
	background-repeat:no-repeat;
	right:0px;
	height:100%;
	position:fixed;
	width:20%;
	}


/*DAP History*/

#historyScroller{
	width:100%;
	padding: .3em 0em;
	background-color:#191919;
	overflow:scroll;
}

#historyScroller::-webkit-scrollbar { 
    display: none; 
}

.arrows img{
	margin-top:7px;
	width:20px;
	}

.arrow-left, .arrow-right{
	position:absolute;
	color:#fff;
	background-color:#0CB9E8;
	height:34px;
	z-index:10000;
}

.arrow-left p, .arrow-right p{
	padding:0px 8px;
	margin-top:8px;
}

.arrow-left{
	left:0px;}
		
.arrow-right{
	right:0px;
}		

#tabs2{
	margin-top:20px;
	}

#tabs2 ul{
	padding-left:20px;
	min-width:1150px;
	overflow:scroll;}

#tabs2 a{padding:0px 22px !important;}

#tabs-1_2 img, #tabs-2_2 img, #tabs-3_2 img,
#tabs-4_2 img, #tabs-5_2 img, #tabs-6_2 img{
	width:30%;
	float:left;
	clear:both;
	margin-bottom:20px;
	}

.historyText{
	margin-left:3%;
	width:67%;
	float:left;
	margin-bottom:20px;
	}

/*DAP COLOR SWATCHES*/



#colorSwatch{
	margin-left:0px !important;
	display:inline;
	height:100px;
}

#colorSwatch li{
	vertical-align:top;
	width:50px;
	display:inline-block;}

#colorSwatch div{
	margin:0 auto;
	width:40px;
	height:40px;
	border-radius:50%;
	transition-duration: .5s;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	
	}

#colorSwatch div:hover{
	transition-duration: .5s;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	width: 50px;
	height:50px;
	position: relative;
	cursor: hand;
	cursor: pointer;


	}

#colorSwatch p{
	margin-top:5px !important;
	line-height:1;
	display:block !important;
	text-align:center;
	font-size:12px;
	margin:0px;
}



.swatch_white{
	background-color:#fff;		
	border:1px solid #ccc;}
.swatch_clear{
	background-color:#e9edf0;
	border:1px solid #e5e5e5;}
.swatch_almond{background-color:#ede6d4;}
.swatch_gray{background-color:#80807b;}
.swatch_clay{background-color:#e5d6aa;}
.swatch_black{background-color:#000;}
.swatch_brown{background-color:#884532;}
.swatch_cedarTan{background-color:#a07137;}
.swatch_darkBronze{background-color:#463d38;}

#swatchHeight{
	margin-top:10px;
	height:70px;}

#swatchHeight p{display:inline;}


/*CAREER*/
#careerIMG{
	background-image:url(/media/1143/wtblocator.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	right:0px;
	height:100%;
	position:fixed;
	width:22.6%;
}

.careersTabs ul{
	padding-left:20px;
	margin-bottom:15px;
	}
	
.locations{
	margin-bottom:20px !important;
	padding-top:10px;
	padding-left:0px !important;}	
	
.locations li{
	display:block !important;}	
	
.locations li a{
	color:#000 !important;
	text-decoration:underline;
	text-transform:capitalize !important;}	
		
.careersTabs #tabs-3 li:nth-child(2){
	margin:0px;		
	}

.careersTabs #tabs-3 ul{
	padding-top:0px;
}

.careersTabs p{
	margin-bottom:20px !important;
}

.locationsContainer{
	width:100%;
	display:inline-block !important;
	margin-top:10px;
	padding-left:0px !important;}

.locationsContainer li{
	font-size:14px;
	display:block !important;
	float:left;
	/*margin-right:20px;*/
	width:50%;
	margin-bottom:0px !important;}

.locationsContainer li img{
	padding-right:10px;
	float:left;
	width:130px !important;}


.careerTabs iframe{
	width:100% !important;
	}

#map{
	/*width:100% !important;*/
}



/*ABOUT DAP*/
.aboutDAP #tabs a{
	color:#fff !important;
}

.aboutDAP p a{
	color:#0CB9E8 !important;
		}	

.aboutDAP #tabs-5 input{
	width:100%;
	margin-right:10px;
	}

.aboutDAP #tabs-5 .contactLeft input{
	background-color:transparent;
	width:auto;
}

.aboutDAP #tabs-5 button, .aboutDAP #storeLocatorINDV button{
 	margin:0 auto;
	display:block;
}

#tabs-5 a, #tabs-5 a{
	color:#000 !important;
}

#tabs2 #tabs-1 ul{
		margin-top:0px !important;}

.aboutDAP #tabs-5 textarea{
	width:103.4%;
}

.aboutDAP .ui-tabs .ui-tabs-panel,
.aboutDAP .ui-tabs .ui-tabs-nav,
#tabs2 .ui-tabs .ui-tabs-nav{
	border:0px !important;
	}

.aboutDAP #historyScroller{
	padding:0em 0em;			
				}			
			
#wide .productLC{
	width:100% !important;
}

#historyScroller {
	background-color:#0cb9e8;
}

#wide #tabs2{
	margin-top:0px;
}

#wide #tabs-1 .ui-tabs .ui-tabs-nav{
	background-color:#0cb9e8;
}

#tabs2 .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor
	color:red !important;
}

#wide .ui-tabs .ui-tabs-panel{
	padding:1em 0em;
}

.communitySlideshow{
	margin-right:20px;
	width:45%;
	float:left;
}

.communitySlideshow{
	display:inline-block !important;
	
		}	

#goback{
	margin:20px 0px 10px 0px;
	padding:8px 22px;
	font-size:1em;
	color:#fff;	
	background-color:#ccc;
	border:0px;}
	
#goback::before{
	content:"◄";
	padding-right:10px;
		}
		
#productT h1{
	margin-top:20px;
	margin-bottom:30px;}	

#productT #tabs ul{
	padding-left:10px !important;
	}

#ContentPlaceHolderDefault_dap_content_searchBtn img{
	width:20px;
	float:left;
}

#ContentPlaceHolderDefault_dap_content_searchBtn p{
	float:left;
	margin:0px 0px 0px 12px;
}

#dealerHomepage h1{
	text-align:center;
	font-size:1.2em !important;
	margin:10px 0px 0px 0px;
}

.textPageStuff h1{
	font-size:1.2em;
}

.textPageStuff ul{
	padding-left:20px;
}


#dealerHomepage .column:last-child{
	margin-bottom:20px !important;
}

#tabsnew.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{
	color:#0Cb9E8 !important;
}
	

/*VOC Compliance*/

.mapHolder {
	margin-top:40px;
	}


.mapHolder li{
	display:inline-block;
	width:33%;
}
	
.mapHolder li img{
	width:80%;
	margin:0 auto;
	display:block;
		}	
	
.mapHolder h1{
	font-size:1.250rem !important;
	text-align:center;
}	

.st0:hover, .st1:hover{
	fill:#0CB9E8;
	cursor:hand;
	cursor: pointer;
	}
	

.communitySlideshow img{width:100%;}
/*MEDIA QUERIES FOR HEIGHT*/
@media (min-height:600px) and (max-height: 650px){
	#scroller{height:450px;}
	}

@media (min-height:650px) and (max-height: 700px){
	#scroller{height:500px;}
	}
	
@media (min-height:700px) and (max-height: 750px){
	#scroller{height:550px;}
	}	

@media (min-height:750px) and (max-height: 800px){
	#scroller{height:600px;}
	}		
	
@media (min-height:800px) and (max-height: 850px){
	#scroller{height:650px;}
	}	
	
@media (min-height:850px) and (max-height: 900px){
	#scroller{height:700px;}
	}	
	
@media (min-height:900px) and (max-height: 950px){
	#scroller{height:750px;}
	}	

@media (min-height:950px){
	#scroller{height:800px;}
	}			
					
	


/*MEDIA QUERIES FOR WIDTH*/

@media (min-width:1800px){
	
#menuListSub{font-size:1.1em;}

	}


@media (min-width:1500px) and (max-width: 1800px){
	
#menuListSub{font-size:1em;}

	}



@media (min-width:1300px) and (max-width: 1500px){
	
#menuListSub{font-size:.9em;}

}

@media (min-width:1200px) and (max-width: 1340px){
.locationsContainer li{width:100% !important;}

	.locations{
	margin-bottom:25px !important;
		float:left;
		width:50%;}


}

@media (min-width:1035px) and (max-width: 1200px){

.container{width:80%;}

.rowText{width:77%;}

	.locationsContainer li{width:100% !important;}

	.locations{
	margin-bottom:25px !important;
		float:left;
		width:50%;}

	.aboutDAP #tabs-5 .contactLeft input{width:100%;}

	.description p{display:block !important;}	
	
	#swatchHeight{height:auto;}

	.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
		padding:0.5em .45em !important;
		font-size:1em;
		}
		
	#social li{ margin-right:40px;}	
	
	#menuListSub li{/*padding-left:10%;*/}
	
	#connect span{display:none;}

	#scrollerMenu li:nth-child(1), #scroller td:nth-child(1){
	padding-right:0px;
	}
			
	#tabs-3 li img{width:31.9%;}

	footer{width:80%;}

	footer p{
	padding:0px;
	margin:0px 26px 20px 26px;
	float:left;
	}


	/*#dealmenu{	font-size:.9em;}

	#dealmenu p{padding-left:50px !important;}

	#dealmenu a li p{
		line-height:1em !important;
	}*/
	
}
	
@media (min-width:901px) and (max-width: 1034px)	{

	.map{
	width:47% !important;
	}

	footer{width:80%;}

	.container{width:80%%;}

	.rowText{width:74%;}

	.arrow-left, .arrow-right{height:30px;}

	.locationsContainer li{width:100% !important;}

	.locations{
	margin-bottom:25px !important;
		float:left;
		width:50%;}

	/*.aboutDAP #tabs-5 .contactLeft input{width:100%;}*/

	.description p{display:block !important;}	
	
	#swatchHeight{height:auto;}	

	/*.ui-tabs .ui-tabs-nav{
		font-size:.9em !important;
		}*/
		
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
		padding:.5em .6em !important;
		}	
		
	#CA1, #CA2{
		width:95px;
		}	
		
	#CA1{right:90px;}	
	
	#tabs-2 table{font-size:.8em;}
	
	#tabs-3 li:nth-child(2){margin:0% 1.2%;}
	
	#social li img{width:30px;}
	
	#social li{margin-right:40px;}
		
	#connect span{display:none;}	
	
	#menuListSub li{/*padding-left:10%;*/}

	#scrollerMenu li:nth-child(1), #scroller td:nth-child(1){
	padding-right:0px;
	}
	
	#tabs-3 li img{width:31.9%;}

	footer p{
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 26px;
	float:left;}

	.arrows img{
	margin-top:5px;
	}


.contactInfo{
	width:50% !important;
}

.map{
	margin:-60px 0px 0px 0px;
}
	}

/*PRODUCT FINDER*/
.ddcommon{
	max-width:400px !important;
	width:90% !important;
}

#productFinder h3{
	margin-top:15px;
}

@media (min-width:856px) and (max-width: 900px){


.rowText{width:71%;}

	.arrow-left, .arrow-right{height:29px;}

	.locationsContainer li{width:100% !important;}

	.locations{
	margin-bottom:25px !important;
		float:left;
		width:50%;}
	
.contactLeft, .contactRight{width:100%;}
	
	.description p{display:block !important;}	
	
	#swatchHeight{height:auto;}
	
	.container{
		width:78%;}
		
	/*.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
		font-size:.8em;
		padding:.5em .5em !important;
		}*/
		
	#CA1, #CA2{
		width:70px;
		}	
		
	#CA1{right:60px;}
	
	#tabs-3 li img{width:31.7%;}		
	
	#tabs-5 input{width:270px;}
	
	#connect span{display:none;}	
	
	#social li{margin-right:40px;}
	
	
	
	#scrollerMenu li:nth-child(1), #scroller td:nth-child(1){
	padding-right:0px;
	}

	footer p{
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 26px;
	float:left;}

	footer{width:78%;}

.arrows img{margin-top:4px;}

	.map{
	margin:-60px 0px 0px 0px;
}
	}
	
@media (min-width:768px) and (max-width: 855px){

	.rowText{width:69%;}

	.arrow-left, .arrow-right{height:29px;}

	.locationsContainer li{width:100% !important;}

	.locations{
	margin-bottom:25px !important;
		float:left;
		width:50%;}
	
	.description p{display:block !important;}	
	
	#swatchHeight{height:auto;}	

	.container{width:76%;}
	
	/*.ui-tabs .ui-tabs-nav{font-size:.8em;}*/
		
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding:.5em .5em !important;}	
		
	#CA1, #CA2{width:70px;}
	
	#CA1{right:60px;}
	
	#tabs-3 li img{width:31.6%;}	
	
	#tabs-5 input{width:255px;}
	
	footer{width:76%;}
	
	#connect span{display:none;}	
	
	#social li{margin-right:40px;}

	#thumbnails li:nth-child(1), #thumbnails li:nth-child(2), #thumbnails li:nth-child(3){
	margin-right:1.9%;
}	
	#scroller table{font-size:.8em;}

	#scrollerMenu li:nth-child(1), #scroller td:nth-child(1){
	padding-right:0px;
	}	
	
	#menuListSub{font-size:.7em;}

	footer p{
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 26px;
	float:left;}	

	.arrows img{
	margin-top:0px;
	}

	.map{
		margin:-60px 0px 0px 0px;
	}
		}
		
/*** TESTING ***/
.demo-2 {
    position:relative;
    width:220px;
    height:222px;
    overflow:hidden;
    float:left;
    margin-right:20px;
    background-color:rgba(26,76,110,0.5)
}
.demo-2 p,.demo-2 h2 {
    color:#fff;
    /*padding:10px;
    left:-20px;
    top:20px;*/
    position:relative
}
.demo-2 p {
    font-family:'Lato';
    font-size:12px;
    line-height:18px;
    margin:0
}
.demo-2 h2 {
    font-size:20px;
    line-height:24px;
    margin:0;
    font-family:'Lato'
}
.effect img {
    position:absolute;
    left:0;
    bottom:0;
    cursor:pointer;
    margin:0 0;
    -webkit-transition:bottom .3s ease-in-out;
    -moz-transition:bottom .3s ease-in-out;
    -o-transition:bottom .3s ease-in-out;
    transition:bottom .3s ease-in-out
}
.effect img.topimg:hover {
    bottom:-96px;
    padding-top:100px
}
h2.zero,p.zero {
    margin:0;
    padding:0
}

.prodselect{
	display: inline-block;
	width:25%;
	height:300px;
	margin-right:1.5%;
	margin-bottom:10px;
	background:#FFF;
	vertical-align:top;
	border:1px #808080 solid;
	overflow:hidden;
}

.ddlPS{
	width:94%;margin:0 3%;
}
.histsec img{
	width:30%;
	float:left;
	/*margin-bottom:20px;*/
	}

#theonlyexception{
	margin:0em 1em;
			}

.row{
clear:both;
}

.column{
float:left;
width:29%;
margin:0% 2%;
margin-bottom:70px;
}

.column ul {
	line-height:1.4;
		padding:0px;}

#imagesNew .column:nth-child(4){
	margin-top:44px;
}
	
#imagesMain .column h1{
	text-align:center;
	font-size:1.2em !important;
	font-weight:100;}

.column h1{
	color:#00B5E6;
	font-size:1.2rem}	
	
.column a{
	text-decoration:none;
	color:#000;}	



.column a:hover{color:#00B5E6;}	

.column img{
	width:100%;
	/*max-height:165px;*/
	margin:0 auto;
	display:block;
	margin-top:30px;}

#pdfcatalogs{
	list-style-type:none;
}

#pdfcatalogs li{
	display:inline-block !important;	
}

.pdfCatalog p{
	font-size:1.2em;
 	font-weight:100;
	text-align:center;
	color:#00B5E6;
	}

#upperText{margin-top:25px;}		
		
#upperText h1{
	color:#00B5E6;
	font-size:1.5rem !important;
	margin-bottom:0px;
	}

#upperText h1:nth-child(1){
	text-align:left;
}

#upperText p{
	margin-top:5px;	
	line-height:1.4;
		}	

.leftHalf{
	float:left;
	width:70%;}
	
.leftHalf p{
	margin:8px 0px;
	}	


.leftHalf a{color:#000;}

.leftHalf h2{
	font-size:1.2em;
	margin-bottom:8px;}

.rightHalf{
	width:30%;
	float:right;
}


.rightHalf{
	width:30%;
	float:right;
}

.rightHalf img{
	width:100%;
		max-width:100px;
	margin:0 auto;
	display:block;
}

.menucurrent{
	display:list-item;
	font-weight:normal;	
}

.current{
	display:block !important;
		font-weight:bold;
	}

.hcurr{font-size:20px;}

/*.products .current div{
	font-size:1.2em;
}	*/
	

.notcurrent{display:list-item;
	font-weight:normal;}

.productimage{
	width:auto !important;
	max-height:500px;
}

#srchBtn{
	width:90px !important;
	margin-top:10px !important;
	background-color:#0CB9E8 !important;
	border:0px !important;
	color:#FFF !important;
	font-weight:300 !important;
	font-size:1em !important;
}

.ttabs{
	width:100%;
	background-color:#191919;
	border-bottom:3px solid #0cb9e8;
}
	
.ttabs li{
	padding:.8em 1em;
	color:#fff;
	display:inline-block;
}	
		
.ttabs li a{
	color:#fff;
	}	
			
.ttabs li:nth-child(1) a{
	color:#0CB9E8;	
		}	

.lines .st-head-row{
	color:#fff !important;
}

.lines{
	width:100% !important;
}

.lines tr:nth-child(even){
	background-color:#EEEEEE;
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */