@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');
html {overflow-y:scroll}
body {margin:0; background:#fff; font-family:'Montserrat', Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:1.8; font-weight:normal; font-style:normal; color:#75787B}
h1 {font-weight:normal; text-transform:uppercase}
p {margin:.8em 0}
a img {border:0}
#container {max-width:1000px; min-width:320px; width:100%; margin:0 auto; background:#fff; padding:0}
#header {padding-bottom:20px; margin-bottom:2px; border-bottom:2px solid #ccc; -webkit-text-stroke:1px rgba(0, 0, 0, 0.2)}
#logo {margin:.25rem 0 1rem; float:left; max-width:300px;  height:auto}
#topmenu {list-style:none; padding:0; float:right; margin:10px 20px 15px 10px; font-size:11px; text-transform:uppercase; border-right:1px solid #ccc}
#topmenu li {float:left; margin:0; padding:0; border-left:1px solid #ccc; height:40px}
#topmenu a, #topmenu span {text-decoration:none; color:#333; padding:4px; margin:0; display:block; text-align:center; width:auto; max-width:7em; min-width:5em; height:40px}
#topmenu a:active, #topmenu a:hover {color:#165C7D;/*#00ce5d;  #5575e3;*/ }
#topmenu span {color:#165C7D;/*#00ce5d;  #5575e3;*/ }
#header h1 {clear:right; padding-top:10px; margin:0 20px 7px 0; font-size:2em; color:#165C7D; text-align:right; text-transform:uppercase}
#header h2 {margin:0 20px 0 0; font-size:1.2em; color:#000; text-align:right}
#content {padding:15px 5%; border-top:1px solid #ccc}
#content a:link, #content a:visited, #content a.white, #content a.white:visited {color:#3EB1C8}
#content a:hover, #content a:active {color:#165C7D;/*#00ce5d;  #5575e3;*/ }
#forms {border-width:1px 0 1px 0; border-style:solid; border-color:#ccc; margin:20px 0; color:#333}
#forms p, #forms ul {float:left; width:70%; min-width:300px; max-width:400px; margin-left:2%}
#forms p:first-child {float:left; width:12%; min-width:150px}
.clear {clear:both}
.greybg {background:#a2968a}
#content .greybg a {color:#000}
#content h2 {color:#165C7D; letter-spacing:-.5px}
#content h3 {background:#f0f0f0; padding:3px 8px; margin-bottom:15px; font-weight:400; -webkit-text-stroke:1px rgba(0, 0, 0, 0.1)}
#content h4 {color:#165C7D; letter-spacing:-.5px; font-size:1.2em;}
label {margin:0; padding:0}
small {font:italic 9px}
strong {color:#444}
.bignote {font-size:1.1em}
#product_rotator {clear:both; display:block; height:350px; width:613px; margin:0; padding:0; /*margin-left:-450px;*/ }
#product_rotatorBK {height:300px; width:650px; overflow:hidden; margin:0; padding:0}
#subhead {clear:right; padding-top:30px; font-weight:normal; font-size:1.3em; color:#fff}
.button {background:#ddd; border:1px solid #555; padding:5px; text-decoration:none; font-weight:700}
.button:hover {background:#eee}
.boxLink {width:25%; float:left}
.boxLink a, .boxLink span {display:block; color:#fff !important; background:#165C7D; padding:15px 0; text-align:center; font-size:16px; position:relative; font-weight:bold; text-decoration:none; text-transform:capitalize}
#home_product_rotator {clear:both; display:block; margin:0; padding:0; height:250px; width:850px}
#content h3.mainbullet {background-image:url(images/icon_squarebullet.jpg); background-position:6px 9px; background-repeat:no-repeat; padding-left:26px; -webkit-text-stroke:1px rgba(0, 0, 0, 0.1)}
.followbullet {margin-left:20px}
.center {text-align:center}
.bold {font-weight:700}
.italic {font-style:italic}
.tablestyle {/*max-width:500px;*/ border-width:0 1px; border-style:solid; border-color:#ddd; margin-bottom:30px}
.tablestyle table {border:0}
.tablestyle th, .tablestyle td {border-bottom:1px solid #75787B}
.tablestyle th {background-color:#75787B; color:#fff}
.tablestyle tr:nth-child(even) {background-color:#f5f5f5}
.tablestyle tr:nth-child(odd) {background-color:#fcfcfc}
input {padding:.3em; min-height:1.5em; max-width:200px; width:80em}

input[type="radio"] {
    width: 20px;
}

input.button {background:#3EB1C8; display:inline-block; position:relative; border:none; outline:none; padding:10px; margin-top:0px; color:#fff; letter-spacing:1px; font-size:11px; text-transform:uppercase; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-weight:400; max-width:80px}
.faqq {color:#333; background-color:#ddd}
.faqa {color:#555}
.faqa td {padding-bottom:30px}
.rs-slideshow {height:225px; margin:0 auto; overflow:hidden; position:relative; max-width:700px; width:100% }
.rs-slideshow .slide-container {background-color:transparent; height:100%; width:100%; left:0; overflow:hidden; position:absolute; top:0; margin:10px 0}
.rs-slideshow .slide-container img {position:absolute; max-width:700px; width:100%}
/*    Hide the slide data container    */
.rs-slideshow .slides {display:none; height:100%; width:100%; left:0; overflow:hidden; position:absolute; list-style:none}
.slides li {margin:0; padding:0; width:100%; list-style:none; display:block}
#footer {clear:both; font-size:.8em; font-style:italic; border-top:1px solid #ccc; margin:30px 0 30px 0; padding:1em 1%; color:#666; min-height:100px}
#footer_left {width:70%; float:left; min-width:320px}
#footer_left img {max-width:100px; width:100%}
#footer_right {width:25%; float:right; min-width:55px}
ul.social_nav li {float:right; list-style:none}
ul.social_nav li a {display:block; overflow:hidden; height:22px; margin:0 5px 0 0}
#footer_right ul.social_nav li a {display:block; overflow:hidden; height:17px; width:15px; margin:0 5px 0 0; color:transparent}
#footer_right ul.social_nav li a.facebook {background:url(images/social_sprite.gif) 0 0 no-repeat}
#footer_right ul.social_nav li a.houzz_corporate {background:url(images/social_sprite.gif) -22px 0 no-repeat}
#footer_right ul.social_nav li a.pinterest_corporate {background:url(images/social_sprite.gif) -44px 0 no-repeat}
#footer_right ul.social_nav li a.twitter_corporate {background:url(images/social_sprite.gif) -66px 0 no-repeat}
#footer_right ul.social_nav li a.youtube {background:url(images/social_sprite.gif) -92px 0 no-repeat}

@media only screen and (max-width:700px) {
html, body {height:100%; margin:0; padding:0}
body {font-size:.8em}
#container {width:100%; max-width:700px; padding:0; background:#fff}
#header {border-bottom:2px solid #ccc}
#header h1 {clear:right; margin:0 20px 7px 2px; font-size:1.2em; line-height:1; color:#165C7D; text-transform:uppercase; text-align:left} !important
#header h2 {margin:0 20px 0 2px; font-size:0.8em; line-height:1; color:#000; text-align:left} !important
#logo {padding:0 0 0 1%; margin:0; float:left; max-width:300px; height:auto}
#content {font-size:1.25em}
#content h4 {font-size:1em; line-height:1}
#content h2 {line-height:1}

#topmenu {margin:1rem; padding:0; /*float:right; min-width:170px; max-width:344px; width:55%;*/ font-size:1.2em}
#topmenu li {font-size:1em; padding:0; text-align:center; border-left:#fff; float:left; width:99%; max-width:300px; height:auto}
#topmenu a {border-left:#fff; display:block; background-color:#ddd; margin:0 0 1px 0; max-width:300px; height:auto}
#topmenu a:active, #topmenu a:hover {border-left:#fff; display:block; background-color:#5575e3; color:#fff; padding:3% 2%; margin:0 0 1px 0; height:auto}
#topmenu span {border-left:#fff; display:block; background-color:#ddd; color:#5575e3; padding:3% 2%; margin:0 0 1px 0; max-width:300px; height:auto}
.mainbullet {background-position:0 11px}
#forms p, #forms ul {float:left; width:90%; min-width:250px; margin-left:2%}
#forms p:first-child {float:left; width:90%}
img {max-width:320px; width:95%; height:auto}
.rs-slideshow {height:125px}
#footer_right {clear:both; width:100%; float:none}
}