@charset "utf-8";

/* - - - - - BASE STRUCTURE - - - - - */
* {margin:0; padding:0; outline:none;}
html, body {width:100%; height:100%; margin:0px auto;}
body {font:14px/20px Arial, Helvetica, sans-serif; color:#000; background:url(../images/bg.jpg) repeat-x #6fc6e9 fixed;}
#wrapper {width:980px; margin:0 auto;}
#homecontent {padding:10px; height:auto; min-height:300px;}
#homecontent p { margin-bottom:10px; line-height:22px;}
#content {padding:10px; height:auto; min-height:300px; background:#E6E4E5; width:960px;}
#content p { margin-bottom:10px; line-height:22px;}
#topbox {background:url(../images/topbox.jpg) no-repeat; width:980px; height:415px;}
#featured {width:940px; min-height:300px; height:auto; float:right; background:#fdf365; margin:10px auto; padding:20px 10px;}
#featured p {margin-bottom:10px;}
#featured h3 {font-weight:bold;}
.col3 {width:290px; margin:10px; float:left;}
.greenline {margin:20px auto;}
.bluebox {width:440px; height:auto; float:left; background:#B8E8FC; margin:10px 20px 10px 10px; padding:20px;}
.col2 {float:left; width:450px; margin:10px;}
.colorbtn {position:relative; top:-150px;right:90px;}
.search {background:#e6e5e4; width:290px; height:145px; margin:10px 8px; padding:5px 5px; float:right; float:left; }
.search h2 {font-size:13px;}
#search form input {width:250px; height:20px; margin-top:5px;}
#searchform option {width:250px; height:20px;}
#searchform .submit {width:40px; height:25px; float:right; margin-top:-40px;}
.bossflash {float:right;}
.productimages {margin-right:2px;margin-top:2px;}
.msdstds {padding-left:5px;}
.red {color:#000; font-style:italic; font-size:12px;}
.backto {margin-left:20px;}

/* - - - - - HEADER AND NAV - - - - - */
#header {width:980px; height:247px; position:relative; z-index:500;}
.logo {margin:5px 10px;}
#nav {background:#000; width:950px; height:40px; margin:10px auto; padding:10px 0 0 30px; font-size:14px; }
#sidenav {width:380px; min-height:380px; float:left; padding:10px; font-size:14px; }
.accuhome {float:left; margin:2px 10px; }
.accuhome a {text-decoration:none;}
#toplogos {width:300px; height:30px; margin:auto; }
#news {float:right; width:300px; height:auto; /* min-height:200px;*/ background:#F1EFF0; padding:10px; margin-bottom:20px;}
.tempmessage h1 {display: none;}

/* - - - - - HORIZONTAL MENU - - - - - */
ul#hrznav2 {margin:0; border:0 none; padding:0; width:940px; list-style:none; height:31px;}
ul#hrznav2 li {margin:0; border:0 none; padding:0; float:left; display:inline; list-style:none; position:relative; height:31px;}
*:first-child+html ul#hrznav2 li {height:28px;}
ul#hrznav2 ul {margin:0; border:0 none; padding:0; width:320px; list-style:none; display:none; position:absolute; top:30px; left:0;}
*:first-child+html ul#hrznav2 ul {left:-16px;}
ul#hrznav2 ul li {float:none; display:block!important; display:inline;}
ul#hrznav2 a {border-right:1px solid #fff;padding:5px 10px; float:none!important; float:left; display:block;  color:#fff; text-decoration:none; height:auto!important; height:1%;}
ul#hrznav2 a:hover, ul#hrznav2 li:hover a, ul#hrznav2 li.iehover a {background:#6FC6E9; color:#000;}
ul#hrznav2 li:hover li a, ul#hrznav2 li.iehover li a {float:none; background:#6FC6E9; color:#000; border-bottom:1px solid #fff; border-right:none;}
*:first-child+html ul#hrznav2 li:hover li a, ul#hrznav2 li.iehover li a {font-size:15px;}
ul#hrznav2 li:hover li a:hover, ul#hrznav2 li:hover li:hover a, ul#hrznav2 li.iehover li a:hover, ul#hrznav2 li.iehover li.iehover a {background:#FDF365; color:#000;}
ul#hrznav2 ul ul, ul#hrznav2 ul ul ul {display:none; position:absolute; top:0; left:160px;}
ul#hrznav2 li:hover ul ul, ul#hrznav2 li:hover ul ul ul, ul#hrznav2 li.iehover ul ul, ul#hrznav2 li.iehover ul ul ul {display:none;}
ul#hrznav2 li:hover ul, ul#hrznav2 ul li:hover ul, ul#hrznav2 ul ul li:hover ul, ul#hrznav2 li.iehover ul, ul#hrznav2 ul li.iehover ul, ul#hrznav2 ul ul li.iehover ul {display:block;}
#hrznav2>li:last-child>a {border-right:none;}

/* - - - - - VERTICAL MENU - - - - - */
ul#vrtnav, ul#vrtnav li, ul#vrtnav ul {margin:0; border:0 none; padding:0; width:350px; list-style:none;}
ul#vrtnav li {display:block!important; display:inline; position:relative;}
ul#vrtnav a {border-bottom:1px solid #000; padding:2px 6px; display:block; color:#000; text-decoration:none; height:auto!important; height:1%;}
ul#vrtnav a:hover, ul#vrtnav li:hover a, ul#vrtnav li.iehover a {background:#FDF365; color:#000;}
ul#vrtnav li:hover li a, ul#vrtnav li.iehover li a {background:#eee; color:#666;}
ul#vrtnav li:hover li a:hover, ul#vrtnav li:hover li:hover a, ul#vrtnav li.iehover li a:hover, ul#vrtnav li.iehover li.iehover a {background:#ccc; color:#fff;}
ul#vrtnav ul, ul#vrtnav ul ul, ul#vrtnav ul ul ul {display:none; position:absolute; top:0; left:160px;}
ul#vrtnav li:hover ul ul, ul#vrtnav li:hover ul ul ul, ul#vrtnav li.iehover ul ul, ul#vrtnav li.iehover ul ul ul {display:none;}
ul#vrtnav li:hover ul, ul#vrtnav ul li:hover ul, ul#vrtnav ul ul li:hover ul, ul#vrtnav li.iehover ul, ul#vrtnav ul li.iehover ul, ul#vrtnav ul ul li.iehover ul {display:block;}

/* - - - - - FOOTER AND CHILDREN - - - - - */
#footer {width:90%; height:100px; font:12px/14px Arial, Helvetica, sans-serif; margin:0 auto;  }
#footerstuff {margin:auto; width:980px; height:200px;border-top:3px solid #000; }
#footer a {color:#000; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
a.spider {background:url(../images/spiders.png); background-repeat:no-repeat; height:30px!important; display:block;  float:right; text-transform:uppercase; font-size:10px; padding:60px 0 0 10px; text-decoration:none; }
a#creditbtn {background-position:0 0; width:100px!important;}
a#creditbtn:hover {background-position:0 -100px; color:#2a94c1;}
#copyright {width:200px; height:50px; float:left; }
.footbtn {margin:10px 0 10px 0;}
#footer .col3 {border-right:1px dotted #333;height:400px;}

/* - - - - - BASE TAGS AND CLASSES - - - - - */
h1 {font:35px/45px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin-bottom:10px; border-bottom:2px solid #000; }
h2 {font:20px/28px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin-bottom:10px;}
h3 {font:18px/26px Arial, Helvetica, sans-serif; color:#000; margin:10px auto;}
h4 {font:16px/24px Arial, Helvetica, sans-serif; color:#000; font-weight:bold;}
p {font:14px/22px Arial, Helvetica, sans-serif; color:#000;}
h5 {font:12px/18px Arial, Helvetica, sans-serif; color:#333;}
h6 {font:10px/16px Arial, Helvetica, sans-serif; color:#333;}
ul,ol {list-style:inside; margin-bottom:10px;}
ul li, ol li {padding-left:15px;}
a, a:link, a:active, a:visited {color:#000;}
a:hover { text-decoration:none;}
a img {border:none;}
.sm10 {font-size:10px;}
.hide {display:none;}
#contact .shhhh, .shhhh {display:none;}
.cursor {cursor:pointer;}
.pad5 {padding:5px;}
.left {float:left;}
.tleft {text-align:left;}
.right {float:right;}
.tright {text-align:right;}
.center {text-align:center;}
.centeralign {text-align:center; margin:0 auto;}
.clear {clear:both;}
.clright {clear:right;}
.clleft {clear:left;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.shortline {border:1px solid #333; width:95%; margin:30px auto;}
.longline {border:none; background:url(../images/footerline.png) no-repeat; margin:10px auto; width:950px; height:3px;}

/* - - - - - CONTACT FORM- - - - - */
form#contact {margin:0 0 20px 0; padding:5px; float:left; width:275px; background:#B8E8FC; border:none; font:0.75em Arial, Helvetica, sans-serif; color:#333;}
#contact label,#contact input {display:block; width:150px; float:left; margin-bottom:10px;}
#contact label {text-align:right; width:75px; padding-right:5px;}
#contact br {clear:left;}
#contact fieldset {margin:0px 0px 10px 0px; position:relative; display:block; border:1px solid #fff; padding:0px 10px 10px 10px; border:none;}
#contact legend {color:#333; font-variant:small-caps; padding:2px 5px; position:relative; font:bold 18px/17px Arial, Helvetica, sans-serif;}
#contact span.state {width:130px; float:left; text-align:right;}
#contact #zip {width:60px; margin-right:12px; float:left;}
#contact #zipname {width:27px; margin-left:13px; float:left;}
#contact #comments {display:block; width:240px; height:70px; margin-bottom:15px;}
textarea {overflow:auto;}
#contact #submit {width:85px; height:32px; margin-left:90px;}
#contact .shhhh {display:none;}

/* - - - - - OTHER- - - - - */
#googlemap {width:650px; height:400px; margin:0 auto; border:2px double #ddd; color:#000;}
a.button {width:auto; height:auto; text-align:center; border:1px solid #555; color:#fff; background:#333; padding:4px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; text-decoration:none;}
a.button:hover, a.button:active, a.button:focus {border-color:#333; background-color:#aaa; color:#000; text-decoration:none;}
#validationmessage {width:90%; height:auto!important; margin:0 auto; text-align:center; font-weight:bold; background:#fbb; border:2px dashed #f00; color:#900; padding:5px;}
.fielderror {background-color:#fbb; border-color:#f00; color:#900;}
.error {color:#ff0000;}
input.error, textarea.error {background-color:#ff8a8a;}
#errMsg {background-color:#ff8a8a;width:275px;margin:0 0 20px 0;}

/* - - - - - SEARCH FORM - - - - - */
#bosssearchform {width:230px; height:30px; clear:both; float:right; margin-top:105px;}
*:first-child+html #bosssearchform {margin-top:0px;}
#bosssearchform .submit {width:60px; float:right; cursor:pointer; padding:2px; margin-left:3px; height:30px;}
#bosssearchform input[type=text] {float:right; width:150px; padding:4px; height:17px;}

/* - - - - - COLOR MATCH FORM - - - - - */
.colorform label {display:inline-block; width:95px;}
.colorform input {display:inline-block; width:180px; padding:2px;}
.colorform select {width:188px; padding:2px;}
.colorform .submit {display:inline-block; width:100%; margin:2px auto; cursor:pointer; background:#FDF365; height:30px; font-weight:bold;}
.colorform .submit:hover {background:#000; color:#fff;}
.colorformcats select {width:260px; padding:2px;}
.colorformcats .submit {width:50px; float:right; cursor:pointer;}
.colorstable {width:750px; margin:0 auto; border-collapse:collapse; border:1px solid #999;}
.colorstable thead {text-align:left;}
.colorstable th, .colorstable td {width:200px; empty-cells:show; height:25px; padding:0 3px;}
.colorstable tr {vertical-align:top;}
.colorstable th:nth-child(3), .colorstable td:nth-child(3) {width:350px;}
.colorstable tr:nth-child(2n+1) td {background-color:#fff;}
.colorstable tr:hover td {background-color:#BBEAFE;}

.disabled { color:#777 !important;}
.disabled h2 {color:#777 !important;}

/* - - - - - Videos - - - - -*/
.videos > div {float:left;width:50%;height:350px;padding:10px;box-sizing:border-box;}
.videos > div iframe {width:100%;height:90%;}

/* - - - - - PRODUCT CATALOG - - - - -*/
.products {width:90%; min-height:300px; margin:10px auto; padding:5px;}
.productbox {width:275px; min-height:275px; float:left; text-align:center; padding:10px; border:1px solid #ccc; margin:8px 10px; background:#fff;}
.productbox>h3 {font-size:16px; line-height:20px; height:55px;}
.productimages {width:auto; height:auto; max-width:250px; max-height:200px;}
.catalog-category {display:inline-block; width:290px; height:175px; text-align:center; padding:10px;}
.catalog-category img {display:block; margin:0 auto; text-align:center;}
.catalog-category a {text-decoration:none;}
.bigpdf {display:block; float:left; height:20px; width:120px; margin:5px; text-align:center; padding:35px 10px 10px 10px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; border-radius:7px; background:#e6e4e5 url(../images/pdf.png) 54px 3px no-repeat; text-decoration:none}
.bigpdf:hover {background-color:#D6D4D5; color:#000}
.products .lightbox {float:right; padding:5px; margin-right:3px;}
.outside {list-style-position:outside; margin-left:20px;}
.outside li {padding-left:5px;}

/* - - - - - MSDS/TDS TABLE - - - - - */
.msdstable {width:700px; margin:0 auto; text-align:center; border-collapse:collapse;}
.msdstable tr:nth-child(2n+1) {background:#ccc;}
.msdstable td {width:125px; border-bottom:1px solid #ccc; padding:4px 0;}
.msdstable td:first-child {width:450px; text-align:left;}
.msdstable .pdf {display:block; height:32px; width:32px; margin:0 auto; text-align:center; padding:2px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; border-radius:7px;}
.msdstable .pdf:hover {background:#f00;}
.msds-filter {text-align:center; margin:0 auto;}
.msds-filter label {font-weight:bold; margin-right:5px; height:25px;}
.msds-filter #Filter {height:23px; width:250px;}

#litform label {width:200px;}
#litform .inputlong {width:250px;}
#litform .submit {float:right;}
.center-block { display: block; text-align:center;}
.gun-foam-feature {
  padding-top: 46px;
}

.threadlockers-feature {
  padding: 0px 5px 15px 50px;
}