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


.ProductsRight {
	width: 620px;
	float: right;	
}
.ProductCol {
	width: 290px;
	margin: 10px 10px 10px 10px;
	float: left;	
}
.ProductText {
	margin: 10px;	
}
.ProductCol img {
	width: 100%;
	height: auto;
	margin-bottom: 5px;	
}
.productbottom {
	margin-bottom: 50px;	
}
.product-section {
	width: 920px;
	padding: 2px 10px 6px 10px;
	margin: 20px 0px 5px 0px !Important;
	background-color: #4eb9e4;
	color: #FFF;
}
.product-section h2 {
	font-size: 16px;
	font-weight: bold;	
}

/*------------------------------------*\
	MAIN
\*------------------------------------*/
* {padding:0; margin:0; border:0;}
body {
	/*background-attachment: fixed;*/
	background-color: #fff;
	background-image: url(../images/gradient.png);
	background-position: top;
	background-repeat:repeat-x;
	font-family: Arial, sans-serif, Verdana, Helvetica;
	font-size:12px;
	line-height:16px;
	color:#000000;
	}
#outerWrapper {
	display:block;
	width:100%;
	}
#innerWrapper {
	display:block;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	}
#header {
	width:960px;
	padding:0 10px;
}
#logo {
	display:block;
	position: absolute;
	width:300px;
	height:179px;
	top: 10px;
	z-index: 9999;
	margin-left: -60px;
	}
#nav{
	width:830px;
	height:130px;
	display:block;
	float:right;
	z-index:1000;
}
#toolBar {
	display:block;
	width:830px;
	height:48px;
}
#cartInfo {
	display:block;
	width:830px;
	height:35px;
	font-size:9px;
	color:#999;
}
#navBar {
	width:100%;
	height:47px;
	margin-top:40px;
	padding-top:25px;
	background-image:url(../images/mainNavTabsBG2.png);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	position:relative;
}
#carousel{
	display:block;
	position:relative;
	background-image:url(../images/divBGwht_triCol.png);
	background-repeat:repeat-y;
	height:355px;
	padding:10px 20px 10px 20px;
}
#carousel2{
	display:block;
	position:relative;
	background-image:url(../images/divBGwht_triCol.png);
	background-repeat:repeat-y;
	height:430px;
	padding:10px 20px 10px 20px;
}
.fullDiv{
	display:block;
	position:relative;
	background-image:url(../images/divBGwht.png);
	background-repeat:repeat-y;
	padding:20px 30px 20px 30px;
}
.triColDiv{
	display:block;
	position:relative;
	background-image:url(../images/divBGwht_triCol.png);
	background-repeat:repeat-y;
	padding:10px 20px;
}
.triColText{
	width: 280px;
	display: block;
	position: relative;
	/*background-image: url(../images/newsBG2.jpg);
	background-repeat: repeat-x;*/
	background-color:#572e7d;
	padding: 10px;
	margin-right: 20px;
	float: left;
	height:150px;
	overflow:hidden;
}

.triColText2{
	width: 280px;
	display: block;
	position: relative;
	/*background-image: url(../images/newsBG2.jpg);
	background-repeat: repeat-x;*/
	background-color:#572e7d;
	padding: 10px;
	margin-right: 20px;
	float: left;
	height:200px;
	overflow:hidden;
}
.triColShop{
	border-bottom:dotted #dadada 2px;
	width:280px;
	display:block;
	position:relative;
	background-image: url(../images/newsBG2.jpg);
	background-repeat:repeat-x;
	padding:10px;
	margin-right:20px;
	margin-bottom:10px;
	float:left;
	
}

.triColShop h2, .triColShop p { margin:0 0 5px 0;}
.triColNews{
	width:280px;
	height:150px;
	display:block;
	position:relative;
	overflow:auto;
	background-image: url(../images/newsBG2.jpg);
	background-repeat:repeat-x;
	padding:10px;
	float:left;
}
.triColImg{
	margin:-10px -10px 0 -10px;
	width:300px;
	overflow:hidden;
}
.fullColImg{
	margin:-10px;
	width:940px;
	overflow:hidden;
}
.aboutLogos{
	margin:6px 6px 0 0;
	float:left;
	width:96px;
	height:96px;
}
.aboutLogos3{
	margin:6px 0 0 0;
	float:left;
	width:96px;
	height:96px;
}
.twoColGradBox{
	display:block;
	position:relative;
	background-image:url(../images/gradientBG.jpg);
	background-repeat:no-repeat;
	width:620px;
	margin:-10px -10px 0 -10px;
	padding:10px;
}
.productImg{
	display:block;
	/*margin:-10px 10px 0 -10px;*/
	padding:10px;
}
.productPrice{
	display:block;
	font-size:20px;
	font-weight:bold;
	color:#F63A3B;
}
.addToCart {
	display:block;
	width:120px;
	height:17px;
	position:absolute;
	z-index:10;
	bottom:0;
	margin-left:72px;
	margin-bottom:10px;
}
.addToCart2 {
	display:block;
	width:120px;
	height:17px;
	position:absolute;
	z-index:10;
	bottom:0;
	margin-left:170px;
	/*margin-bottom:10px;*/
}
.addToCart a, .addToCart2 a{
	display:block;
	position:relative;
	width:120px;
	height:17px;
	background-image:url(../images/addtocart.png);
	background-position:top;
}

a.addToCart3{
	display:inline-block;
	position:relative;
	width:120px;
	height:17px;
	background-image:url(../images/addtocart.png);
	background-position:top;
	vertical-align:bottom;
	
}

.addToCart a:hover, .addToCart2 a:hover, a.addToCart3:hover{
	background-position:bottom;
}
.findRetailer {
	display:block;
	/*width:120px;*/
	height:17px;
	position:absolute;
	z-index:15;
	bottom:0;
	margin-left:170px;
	margin-bottom:10px;
}
.findRetailer a{
	display:block;
	position:relative;
	width:120px;
	height:17px;
	background-image:url(../images/findRetailer.png);
	background-position:top;
}
a.addTestimonial{
	display:block;
	position:relative;
	left:-140px;
	z-index:1000;
	float:left;
	width:150px;
	height:17px;
	background-image:url(../images/addtestimonial.png);
	background-position:top;
}

.findRetailer a:hover, a.addTestimonial:hover{
	background-position:bottom;
}
.moreButton {
	display:block;
	width:60px;
	height:17px;
	position:absolute;
	z-index:5;
	bottom:0;
	margin-left:230px;
	/*margin-bottom:10px;*/
}
.moreButton a{
	display:block;
	position:relative;
	width:60px;
	height:17px;
	background-image:url(../images/moreButton.png);
	background-position:top;
}
.moreButton a:hover{
	background-position:bottom;
}
.rightColDiv{
	display:block;
	position:relative;
	background-image:url(../images/divBGwht_rightCol.png);
	background-repeat:repeat-y;
	padding:10px 20px 0 20px;
}
.rightCol{
	display:block;
	position:relative;
	padding:10px;
	float:left;
	width:900px;
	background-color:#fff;
}
.rightCol1{
	display:block;
	position:relative;
	width:600px;
	padding:10px;
	margin-right:20px;
	float:left;
}
.rightCol1 .logos img {
	height: 125px;
	width: 170px;
	float:left;
	border: solid 1px #ccc;
	margin: 20px 13px 20px 13px;
}

.rightCol2{
	display:block;
	position:relative;
	width:280px;
	padding:10px;
	background-image: url(../images/newsBG2.jpg);
	background-repeat:repeat-x;
	float:left;
}
#blogLinks{
	display:block;
	position:relative;
	width:280px;
	padding:10px;
	background-image: url(../images/newsBG2.jpg);
	background-repeat:repeat-x;
	float:right;
}
.leftColDiv{
	display:block;
	position:relative;
	background-image:url(../images/divBGwht_leftCol.png);
	background-repeat:repeat-y;
	padding:10px 20px 0 20px;
}
.leftCol1{
	display:block;
	position:relative;
	width:280px;
	padding:10px;
	/*background-image: url(../images/newsBG2.jpg);
	background-repeat:repeat-x;*/
	/*background-color:#fff;*/
	margin-right:20px;
	float:left;
}
.leftCol2{
	display:block;
	position:relative;
	width:600px;
	padding:10px;
	float:left;
	/*background-color:#fff;*/
	margin-bottom:10px;
}
ul.newsBullets {
	margin:10px 0 0 15px; 
}
.newsBullets li {
	list-style: url(../images/arrowBlu.png);
	padding:0;
	margin-bottom:10px;
}
.newsBullets li a:hover {
	/*padding-left:2px;*/
}
#footerWrapper{
	background-image:url(../images/divBGwht.png);
	background-repeat:repeat-y;
	padding: 0 10px 0 10px;
}
#footer{
	background-image: url(../images/footer_gradient.png);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#4791ae;
	padding:10px;
	color:#FFF;
}
#footer a{
	color:#FFFFFF;
}
#footer a:hover{
	color:#FFF;
}
#footer a:active{
	color:#E41937;
}
#aTag {
	font-size:10px;
}
.footCol1{
	width:540px;
	padding:5px 0 0 10px;
	float:left;
	
}
.footCol2{
	width:180px;
	padding:5px 10px 0 0;
	float:left;
}
.footCol3{
	width:180px;
	padding:5px 0 0 0;
	margin:0 10px;
	float:left;
}
.footInnerDiv{
	font-size:10px;
	float:left; 
	margin-right:10px; 
	line-height:14px;
	max-width:240px;
}
.clearboth {
	clear:both;
}
.shadowRow {
	width:980px;
	height:10px;
	background-image:url(../images/divSpacerShadow.png);
	background-repeat:no-repeat;
}
.perfHR {
	width:980px;
	height:1px;
	background-image:url(../images/divBGwht_HRline.png);
	background-repeat:no-repeat;
}

/*------------------------------------*\
	PRODUCT TABS
\*------------------------------------*/

.tabDiv {
	background:#FFF;
	background-image:url(../images/gradientBG.jpg);
	background-repeat:no-repeat;
	/*width:580px;*/
	padding:10px;
	margin:15px 0 30px 0;
}
.tabDiv p, h1, h2 { 
	margin-bottom:10px;
}

#tab1, #tab2, #tab3, #tab4, #tab5, #tab6, #tab7 {
	background:#FFF;
	padding: 10px;
}

ul.tabs {margin:0;}
.tabs li {
	list-style:none;
	display:inline;
}
.tabs a {
	padding:5px 10px;
	display:inline-block;
	background:#f63a3b;
	color:#fff;
	text-decoration:none;
}
.tabs a:hover, .tabs a.active {
	background:#05476e;
	color:#ffffff;
}


/*------------------------------------*\
	NAV
\*------------------------------------*/




/*--- Nav Tabs ---*/
ul.navButtons {
	list-style: none;
	padding: 0;
	margin-left:10px;
	display:block;
	position:relative;
	height:20px;
}
.displace {
	position:absolute;
	left:-9999px;
}
ul.navButtons li {
	float:left;
}
ul.navButtons li a {
	display: block;
	height: 20px;
	background: url(../images/navArray.png);
}

/*--- Normal Links ---*/
ul.navButtons li.home a {
	width: 51px;
	margin-right:10px;
	/*margin-left:210px;*/
	background-position: 0 0;
}
ul.navButtons li.home a.selected {
	background-position: 0 -60px;
}

ul.navButtons li.home a:hover {
	background-position: 0 -19px;
}
ul.navButtons li.home a:active {
	background-position: 0 -40px;
}

ul.navButtons li.about a {
	width: 60px;
	margin-right:10px;
	background-position: -51px 0;
}
ul.navButtons li.about a:hover {
	background-position: -51px -19px;
}
ul.navButtons li.about a:active {
	background-position: -51px -40px;
}
ul.navButtons li.about a.selected {
	background-position: -51px -60px;
}

ul.navButtons li.controlcenter a {
	width: 230px;
	margin-right:45px;
	background-position: -115px 0;
}
ul.navButtons li.controlcenter li a { width:99%; }
ul.navButtons li.controlcenter a:hover {
	background-position: -115px -19px;
}
ul.navButtons li.controlcenter a:active {
	background-position: -115px -40px;
}
ul.navButtons li.controlcenter a.selected {
	background-position: -115px -60px;
}

ul.navButtons li.products a {
	width: 107px;
	margin-right:7px;
	background-position: -360px 0;
}
ul.navButtons li.product a {
	width:230px;
	margin-right:3px;
	margin-bottom:3px;
	height:100%;
}
ul.navButtons li.products a:hover {
	background-position: -360px -19px;
}
ul.navButtons li.products a:active {
	background-position: -360px -40px;
}
ul.navButtons li.products a.selected {
	background-position: -360px -60px;
}

ul.navButtons li.retailer a {
	width: 150px;
	margin-right:7px;
	background-position: -465px 0;
}
ul.navButtons li.retailer a:hover {
	background-position: -465px -19px;
}
ul.navButtons li.retailer a:active {
	background-position: -465px -40px;
}
ul.navButtons li.retailer a.selected {
	background-position: -465px -60px;
}

ul.navButtons li.shop a {
	width: 139px;
	background-position: -615px 0;
}
ul.navButtons li.shop a:hover {
	background-position: -615px -19px;
}
ul.navButtons li.shop a:active {
	background-position: -615px -40px;
}
ul.navButtons li.shop a.selected {
	background-position: -615px -60px;
}

/*--- DROPDOWN ---*/

ul.navButtons ul{
	display: block;
	position:absolute;
	width:100%;
	list-style:none;
	background-color:#004994;
	padding: 5px 10px 5px 5px;
	z-index:9999;
	visibility:hidden; /* if this doesn't work, use this> left:-9999px; */
	margin:0; 
}
ul.navButtons ul li{
	display: inline;
	position:relative;
	float:none; /* this stacks the sub tabs vertically */
	width:100%;
	clear:both;
	padding-bottom:
}
ul.navButtons ul li a{
	color:#ffffff;
	line-height:1em;
	font-size:11px;
	background-image:none;
	padding:4px 10px;
	width:100%;
	/*  white-space:nowrap; Stop text wrapping and creating multi-line dropdown items */
}
ul.navButtons li:hover ul{ /* Display the dropdown on hover */
	visibility:visible; /* Bring back on-screen when needed OR left:0;*/
}
ul.navButtons li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */ 
	text-decoration:underline;
} 
ul.navButtons li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
ul.navButtons li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link.
	color:#e83237; */
	text-decoration:underline;
}
ul.navButtons li:hover ul li a:active{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	color:#F63A3B;
}
	
	

/*------------------------------------*\
	TYPE
\*------------------------------------*/

a {
	text-decoration:none;
	color:#145eba;
	font-weight:bold;
}
a:hover {
	color:#004994;
	text-decoration:underline;
	font-weight:bold;
}
a:active {
	color:#004994;
}
h1 { /* inherit color */
	font-size:16px;
	margin:8px 0 2px 0;
	font-weight:bold;
}
h2 { /* inherit color */
	font-size:12px;
	margin:8px 0 2px 0;
	font-weight:bold;
}
h3 { /* inherit color */
	font-size:10px;
	margin:8px 0 2px 0;
	font-weight:bold;
}
h4 { /* dark green */
	font-size:12px;
	margin:8px 0 2px 0;
	font-weight:bold;
	color:#006224;
}
h5 { /* dark green */
	font-size:10px;
	margin:8px 0 2px 0;
	font-weight:bold;
	color:#006224;
}
h6 { /* red */
	font-size:12px;
	margin:8px 0 2px 0;
	font-weight:bold;
	color:#F63A3B;
}
.mouse9{
	font-size:9px;
	line-height:12px;
}
.mouse10{
	font-size:10px;
	line-height:13px;
}

p {margin:5px 0 5px 0;}

ol, ul {margin:0 0 10px 20px;}

/*ol li {padding: 5px 0 5px 0;}*/

/*------------------------------------*\
	FORM
\*------------------------------------*/

#toolBar, #toolBar form {float:right;}

#toolBar .search {float:left; margin-top:3px; padding:0 5px 0 30px; font-size:1.1em; color: #999; border:thin solid #004994; width:200px; height:25px; background: url(../images/mag.png) 10px center no-repeat #fff; -moz-border-radius: 15px; border-radius: 15px;}

#toolBar a.cart  {float:right; margin:4px 0 0 5px; border:0 none; width:75px; height:26px; text-decoration:none; color:#fff; padding:0px 6px; background:#004994; cursor:pointer; text-align:center; vertical-align:central; line-height:26px; font-size:1.0em;}
.zipcode {font-size:1.1em; color:#666; padding:3px; border:1px solid #ccc; width:125px; height:20px; background:#ffffff;}
.submitFAR  {border:0 none; width:75px; height:26px; text-decoration:none; color:#fff; padding:2px 8px; background:#05476E; cursor:pointer; text-align:center; vertical-align:central;}
fieldset {margin:0; display:block; font-size:1.1em; color:#05476E; font-family:arial, helvetica, sans-serif; font-weight:bold;}
.required {color:#600; font-weight:bold; text-transform:lowercase; font-style:oblique; margin-right:5px;}
.input {margin-bottom:10px; font-size:1.1em; color:#666; padding:4px; border:1px solid #ccc; width:368px; height:20px; background:#ffffff;}
.short {margin-bottom:10px; font-size:1.1em; color:#666; padding:4px; border:1px solid #ccc; width:75px; height:20px; background:#ffffff;}
.med {margin-bottom:10px; font-size:1.1em; color:#666; padding:4px; border:1px solid #ccc; width:125px; height:20px; background:#ffffff;}
.long {margin-bottom:10px; font-size:1.1em; color:#666; padding:4px; border:1px solid #ccc; width:200px; height:20px; background:#ffffff;}
textarea {margin-bottom:10px; font-size:1.1em; color:#666; padding:4px; border:1px solid #ccc; width:368px; height:200px; background:#ffffff;}
.submit {display:block; border:0 none; width:75px; height:25px; text-decoration:none; color:#fff; padding:2px 8px; background:#05476E; cursor:pointer;}
select {
    border: 1px solid #ccc;
    color: #666;
    background: transparent;
    font-size: 1.1em;
    padding: 2px 10px;
    /*width: 50px;
	height:30px;
    *width: 50px;
	*height:20px;*/
    *background: #663366;
    }
	
#flexSealTable {
	background:url(../images/gradientBG.jpg) no-repeat;
	text-align:center;
	text-wrap:none;
	padding:10px;
	margin-left:-10px;	
	display:block;
}
#flexSealTable th {
	font-size:10px;
	padding:0 5px 0 5px;
}
#flexSealTable td {
	font-size:10px;
	padding:0 5px 0 5px;
}
.red {
	color:#f63a3b;
}

/*.leftCol2 ul, .fullDiv ul, .leftCol2 ol, .fullDiv ol  {list-style-position:inside;}*/
.unPad {margin:-10px -10px 10px -10px;}

.stainCenter {display:block; width:600px; margin-left:auto; margin-right:auto;}
.stainType {display:block; width:150px; padding:0; margin:0; float:left;}
.leftMargin20 {margin-left:20px; margin-bottom:10px;}



/*------------------------------------*\
	Landing Page
\*------------------------------------*/
#scroller {
	height: 2200px;
}
#testingScroller {
	height: 3650px;
}
#stayPut {
	position: fixed;
	left:50%;
	margin-left: -480px;
}

#closet{
	display:block;
	position:relative;
	background: #8fd8f6;
	width: 940px;
	padding:10px 10px;
	margin-left: 10px;
	z-index: 1;
}

#closet .bag {
	height: 657px;
	width: 940px;
	background: url('http://www.damprid.com/images/closet.png') no-repeat top right;
	background-size: 940px 657px;
	margin-top: 10px;
	position: relative;
	z-index: 3;
}

#closet .bagTesting {
	height: 657px;
	width: 940px;
	background: url('http://www.damprid.com/images/testing/newbag.png') no-repeat top right;
	background-size: 940px 657px;
	margin-top: 10px;
	position: relative;
	z-index: 3;
}

#closet .bagMobile {
	height: 657px;
	width: 940px;
	background: url('http://www.damprid.com/images/closetMobile.jpg') no-repeat top right;
	background-size: 940px 657px;
	position: relative;
	z-index: 3;
}

#closet .shelf {
	height: 657px;
	width: 940px;
	background: url('http://www.damprid.com/images/airscapes.jpg') no-repeat top right;
	background-size: 940px 657px;
	margin-top: 10px;
	position: relative;
	z-index: 3;
}

#closet .bag .banner {
	background: url('http://www.damprid.com/images/violator.png');
	height: 117px;
	width: 392px;
	position: absolute;
	top: 120px;
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
 	transition:.5s;
}

#closet .bagTesting .banner2 {
	background: url('http://www.damprid.com/images/testing/bannerTesting.png');
	height: 164px;
	width: 571px;
	position: absolute;
	top: 100px;
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
 	transition:.5s;
}

#closet .shelf .banner {
	background: url('http://www.damprid.com/images/violator.png');
	height: 117px;
	width: 392px;
	position: absolute;
	top: 100px;
	left: 548px;
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
 	transition:.5s;
}

#closet .bag .banner:hover {
	background: url('http://www.damprid.com/images/violator2.png');
}

#closet .bag .bannerMobile:hover {
	background: url('http://www.damprid.com/images/violatorMobile2.png');
}

#closet .shelf .banner:hover {
	background: url('http://www.damprid.com/images/violator2.png');
}

.bag video, .bagMobile video, .shelf video, .bagTesting video {
	border: 10px solid #8fd8f6;
	margin-left: 100px;
	margin-top: 300px;
}

.bag .videoCaption,  .bagMobile .videoCaption, .shelf .videoCaption, .bagTesting .videoCaption {
	width: 420px;
	color: #e61230;
	background: #8fd8f6;
	margin-left:100px;
	margin-top: -5px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	font-weight: 800;
	font-style: italic;
	text-transform: uppercase;
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
	padding: 10px 0 20px 0;
}

.bagTesting .videoCaption {
	text-shadow: 0 0 15px #fff;
}

.water {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 657px;
  width: 940px;
  margin-left: 10px;
  background: url('http://www.damprid.com/images/water.png') no-repeat top left;
  z-index: 2; 
}

#copyBlock {
	display: block;
	position: relative;
	background: #fff;
	width: 940px;
	height: 380px;
	z-index: 3;
}

#copyBlock img {
	position: absolute;
	bottom: 0;
}

#copyBlock .copy {
	float: right;
	width: 500px;
	padding: 50px 30px 0 30px;
}

#copyBlock .copy h2 {
	color: #009fde;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-style: italic;
	font-size: 26px;
	line-height: 30px;
}

#copyBlock .copy p {
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 22px;
}
#copyBlock .copy .paragraph p {
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 22px;
}

#copyBlock .copy .paragraph li{
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 15px;
}

#copyBlock .copy .paragraph h3 {
	color: #009fde;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 24px;
}

#copyBlock .copy i {
	color: #ffb500;
}

#copyBlock .copy a {
	display: inline;
	color: #009fde;
	background: none;
	width: auto;
	text-align: left;
	margin-top: 0;
	text-decoration: underline;
}

#copyBlock .copy a:hover {
	display: inline;
	color: #e61230;
	background: none;
	width: auto;
	text-align: left;
	margin-top: 0;
}

#closet a {
	display: block;
	position: relative;
	background: #009fde;
	width: 940px;
	text-align: center;
	padding: 0;
	margin-top: -10px;
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
 	transition:.5s;
}

#closet a:hover {
	background: #e61230;
	text-decoration: none;
}

#coupon h2 {
	color: #fff;
	padding: 40px 0;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: 800;
	font-size: 22px;
}

#mobileCoupon h2{
	color: #fff;
	padding: 80px 0;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: 800;
	font-size: 32px;
}

.roomSlider {
	margin-top: -3px;
}

.roomSlider .slide {
	text-align: center;
	height: 435px;
}

.roomSlider .bathroom {
	background-image: url('http://www.damprid.com/images/bathroom.jpg');
}

.roomSlider .closet {
	background: url('http://www.damprid.com/images/closet.jpg');
}

.roomSlider .laundry {
	background: url('http://www.damprid.com/images/laundry.jpg');
}

.roomSlider .living {
	background: url('http://www.damprid.com/images/living.jpg');
}

.roomSlider h3 {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-style: italic;
	font-size: 60px;
	text-transform: uppercase;
	text-shadow: 2px 2px 5px #000;
	margin-top: 380px;
}

.roomSlider h3.dropshadow {
	text-shadow: 3px 3px 10px #000;
}

.ls-l iframe {
	border: 10px solid #8fd8f6;
}

.ls-vpcontainer {
	margin: 10px 0 0 10px;
}

#mobileHeader {
	width:940px;
	padding:0 10px;
	margin-left: 10px;
	background: #009fde;
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
 	transition:.5s;
}

#mobileHeader:hover {
	background: #e61230;
}

#mobileHeader #nav h2 {
	margin-left: 200px;
	margin-top: 60px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-style: italic;
	font-size: 32px;
}



#headerCopy {
	display: block;
	position: relative;
	background: #009fde;
	width: 940px;
	z-index: 3;
	padding: 20px 0;
}

#headerCopy p {
	text-align: center;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-style: italic;
	font-size: 30px;
	line-height: 30px;
}

#closet #headerCopy a {
	position: relative;
	color: #fff;
	margin-left: 320px;
	margin-top: 20px;
}

#closet #testTestimonials {
	/*background: url('http://www.damprid.com/images/testing/stock-photo-61159514-i-ve-got-my-own-food-blog-you-know.jpg');*/
	/*background-size: cover;*/
	background: #fff;
	width: 940px;
	height: 600px;
	position: relative;
}

#testimonialCopy {
	width: 100%;
	text-align: center;
	padding-top: 20px;
}
#testimonialCopy h2{
	color: #009fde;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-style: italic;
	font-size: 30px;
	line-height: 30px;
}
#testimonialCopy p{
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
}

#testimonialImg {
	position: absolute;
	display: block;
	float: left;
	left: 0;
	bottom: 0;
}

#closet #testTestimonials #testimonialButtons {
	position: absolute;
	left: 550px;
	top: 250px;
}

/* General button style (reset) */
.btn {
	border: 2px solid #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #fff;
	background: none;
	cursor: pointer;
	padding: 30px 80px;
	display: inline-block;
	margin: 15px 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Pseudo elements for icons */
.btn:before,
.icon-star:after
.icon-star2:after
 {
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}

.icon-star:before {
	content: "\f005\f005\f005\f005\f123 (4.8)";
}
.icon-star2:before {
	content: "\f005\f005\f005\f005\f123 (4.4)";
}
.icon-coupon:before {
	content: "\f155\f155\f155\f155\f155";
}
.icon-water:before {
	content: "\f043\f043\f043\f043\f043";
}
.icon-brand:before {
	content: "\f08e";
}

/* Button 5 */
.btn-5 {
	background: #009fde;
	color: #fff;
	height: 65px;
	min-width: 260px;
	max-width: 300px;
	line-height: 24px;
	font-size: 18px;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.btn-5:active {
	background: #e61230;
	top: 2px;
}

.btn-5 span {
	display: inline-block;
	width: 100%;
	height: 100%;
	margin-top: 20px;
	-webkit-transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	-moz-transition: all 0.3s;
	-moz-backface-visibility: hidden;
	transition: all 0.3s;
	backface-visibility: hidden;
}

.btn-5:before {
	position: absolute;
	height: 100%;
	width: 100%;
	line-height: 2.5;
	font-size: 140%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	color: #fff;
    font-family: 'FontAwesome';
}

.btn-5:active:before {
	color: #fff;
}

/* Button 5a */
.btn-5a:hover span {
	-webkit-transform: translateY(300%);
	-moz-transform: translateY(300%);
	-ms-transform: translateY(300%);
	transform: translateY(300%);
	color: #fff;
}

.btn-5a:before {
	left: 0;
	top: -100%;
}

.btn-5a:hover:before {
	top: 0;
}

#testingCoupon {
	background: url('http://www.damprid.com/images/testing/rainPattern.jpg');
	position: relative;
	padding: 20px 0;
	height: 400px;
}

#couponBlock {
	border: 5px dashed #fff;
	background: #d4e7f6;
	position: relative;
	height: 380px;
	width: 380px;
	margin-right: 20px;
	margin-top: 5px;
	display: block;
	float: left;
}

#couponBlock img{
	position: absolute;
	bottom: 0;
	left: 0;
}

#couponCopy {
	display: block;
	float: left;
	margin-left: 20px;
	margin-top: 80px;
	width: 500px;
}

#couponCopy h2 {
	color: #009fde;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-style: italic;
	font-size: 30px;
	line-height: 30px;
	width: 500px;
}

#couponCopy p {
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
}

#couponCopy a {
	position: relative;
	width: 200px;
	font-size: 18px;
	margin-left: 100px;
	margin-top: 20px;
}

#couponCopy a span {
	margin-top: 7px;
}

#testingRetailers {
	background: #fff;
	margin: 0;
	padding: 20px 0;
}

#testingRetailers h2 {
	color: #009fde;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-style: italic;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 30px;
}

#testingRetailers h2 span {
	font-size: 22px;
}

#testingRetailers p {
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	padding: 20px 20px 0;
	margin-top: 20px;
}

#testingRetailers .retailSlider{
	margin: 0 40px;
}

#testingRetailers .retailSlider a{
		background: none;
}

#testingRetailers .retailSlider img{
	width: 140px;
	height: auto;
}

#testingRetailers .retailSlider a img:hover {
	-webkit-filter: brightness(120%);
  	filter: brightness(120%);
}

#barrProducts {
	background: #d4e7f6;
	padding: 20px 0;
	position: relative;
	height: 400px;
}

#barrCopy {
	margin: 0 0 0 40px;
	width: 580px;
	display: block;
	float: left;
	position: absolute;
	left: 280px;
	top: 30px;
	text-align: center;
}

#barrCopy h2 {
	color: #009fde;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-style: italic;
	font-size: 30px;
	line-height: 30px;
}

#barrCopy p {
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
}

#barrLinks {
	position: absolute;
	left: 500px;
	top: 200px;
}

#barrLinks a {
	width: 150px;
	padding: 0;
}

#barrImages {
	display: block;
	float: left;
	position: absolute;
	bottom: 0;
	left: 40px;
}






#primary_nav_wrap
{
	margin-top:25px;
	float: right;
	z-index: 99999999;
	margin-right: 10px;
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul a
{
	display:block;
	color:#e61230;
	text-decoration:none;
	font-size:13px;
	line-height:32px;
	padding:0 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	background: #8dd6f5;
}

#primary_nav_wrap ul li.current-menu-item
{
	background:#fff;
}

#primary_nav_wrap ul li:hover, #primary_nav_wrap ul li.wide:hover
{
	background:#f6f6f6
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:300px;
	background: #fff;
}

#primary_nav_wrap ul ul li.wide
{
	float:none;
	width:500px;
	background: #fff;
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px;
	color: #009fde;
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block;
	z-index:9999;
}

.slick-prev, .slick-next {
	background: none;
	width: 20px;
    height: 20px;
}



/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: FontAwesome; 
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: #009fde;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -30px;
}
[dir='rtl'] .slick-prev
{
    right: -30px;
    left: auto;
}
.slick-prev:before
{
    content: "\f053";
}
[dir='rtl'] .slick-prev:before
{
    content: "\f053";
}

.slick-next
{
    right: -30px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -30px;
}
.slick-next:before
{
    content: "\f054";
}
[dir='rtl'] .slick-next:before
{
    content: "\f054";
}



.testBorder{
	display:block;
	position:relative;
	background: #8dd6f5;
	background-repeat:repeat-y;
	width: 940px;
	padding:20px 10px 10px;
	margin-left: 10px;
}
#whiteBkgd {
	background: #fff;
}

.testSlide {
	background: #fff;
	padding: 20px;
}

.testSlide h1 {
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-style: italic;
	font-size: 30px;
	color: #009fde;
}

.testSlide h3 {
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size: 22px;
	color: #e61230;
	margin-top: 50px;
}

.testSlide p {
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	margin-top: 20px;
}

#productImgNav {
	padding-bottom: 20px;
}

#productImgNav .slick-next
{
    right: 20px;
    top: 225px;
} 

#productImgNav .slick-prev
{
    left: 20px;
    top: 225px;
} 

#productImgNav .slick-slide {
	opacity: 0.6;
}

#productImgNav .slick-center {
	opacity: 1.0;
}

.leftCol1Test{
	display:block;
	position:relative;
	width:280px;
	padding:10px;
	background-color:#fff;
	margin-right:20px;
	float:left;
	margin-top: 30px;
}

.leftCol2Test{
	display:block;
	position:relative;
	width:600px;
	padding:10px;
	float:left;
	background-color:#fff;
	margin-bottom:10px;
}

#toolBarTest {
	display:block;
	width:830px;
	margin-top: 20px;
	margin-bottom: 0;
}

#toolBarTest, #toolBarTest form {float:right;}

#toolBarTest .search {float:left; margin-top:3px; padding:0 5px 0 30px; font-size:1.1em; color: #999; border:thin solid #004994; width:200px; height:25px; background: url(../images/mag.png) 10px center no-repeat #fff; -moz-border-radius: 15px; border-radius: 15px;}

#toolBarTest a.cart  {float:right; margin:4px 0 0 5px; border:0 none; width:75px; height:26px; text-decoration:none; color:#fff; padding:0px 6px; background:#009fde; cursor:pointer; text-align:center; vertical-align:central; line-height:26px; font-size:1.0em;}

.copyHowItWorks {
	padding: 20px;
}

.copyHowItWorks h1, .copyHowItWorks h2, .videoBox h3, #faqContainer h1{
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-style: italic;
	font-size: 30px;
	color: #009fde;
	line-height: 32px;
}

.copyHowItWorks h2 {
	font-size: 22px;
}

.copyHowItWorks p {
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	margin-top: 20px;
}

.videoBox {
	display: inline-block;
	margin: 20px 10px 0;
}

.videoBox h3 {
	font-size: 13px;
	border: 1px solid #009fde;
	padding-left: 10px;
	margin-top: -6px;
	font-style: normal;
	width: 263px;
}

.inset {
	margin-top: 40px;
	background: #F0F0F0;
	border: 1px solid #B8B8B8;
	padding: 10px 20px 20px 20px;
}

.inset h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	color: #009fde;
	margin: 20px 0 0 0;
}

.inset p {
	margin: 0;
}

.inset hr {
    border: 0;
    height: 1px;
    background: #B8B8B8;
    margin-top: 20px;
}

.inset .copyFloatLeft {
	width: 700px;
	float: left;
}

.insetImg img	{
	width: 150px;
	height: auto;
	float: right;
	margin-top: 5px;
}

.ui-accordion-header {
	cursor: pointer;
}

*:focus {
    outline: 0;
}

#faqContainer {
	padding: 10px;
}

#faqContainer h1 {
	text-align: center;
	margin-bottom: 20px;
}

.flip {
  -webkit-perspective: 800;
  -moz-perspective: 800;
  -o-perspective: 800;
  -ms-perspective: 800;
  -sand-perspective: 800;
   width: 284px;
   height: 360px;
   position: relative;
   display: inline-block;
   margin: 10px;
}
.flip .card.flipped {
  -webkit-transform: rotatey(-180deg);
  -moz-transform: rotatey(-180deg);
  -o-transform: rotatey(-180deg);
  -ms-transform: rotatey(-180deg);
  -sand-transform: rotatey(-180deg);
}
.flip .card {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -sand-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -sand-transition: 0.5s;
}
.flip .card .face {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-backface-visibility: hidden ;
  -moz-backface-visibility: hidden ;
  -o-backface-visibility: hidden ;
  -ms-backface-visibility: hidden ;
  -sand-backface-visibility: hidden ;
  z-index: 2;
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  color: #fff;
}

.flip .card .face h2, .flip .card .face h3 {
padding: 20px;
font-size: 26px;
line-height: 30px;
}

.flip .card .front {
  position: absolute;
  z-index: 1;
  background: #009fde;
}

.flip .card .front #faqImage {
	position: absolute;
	bottom: 0;
}

.flip .card .front #findOut {
	width: 256px;
	height: 40px;
	margin: 0 12px 12px;
	border: 2px solid #fff;
	cursor: pointer;
	text-align: center;
	position: absolute;
	bottom: 0;
	background: #009fde;
}

.flip .card .front #findOut:hover {
	background: #e61230;
}

.flip .card .front #findOut p{
	font-size: 26px;
}

.flip .card .back {
  -webkit-transform: rotatey(-180deg);
  -moz-transform: rotatey(-180deg);
  -o-transform: rotatey(-180deg);
  -ms-transform: rotatey(-180deg);
  -sand-transform: rotatey(-180deg);
    background: #fff;
    -webkit-box-shadow: 0px 0px 0px 5px #e61230 inset;
    -moz-box-shadow: 0px 0px 0px 5px #e61230 inset;
    -o-box-shadow: 0px 0px 0px 5px #e61230 inset;
  	-ms-box-shadow: 0px 0px 0px 5px #e61230 inset;
  	-sand-box-shadow: 0px 0px 0px 5px #e61230 inset;
    box-shadow: 0px 0px 0px 5px #e61230 inset;
    color: #009fde;
}