/*======================================================
  Screen Style Sheet
  Precision Brush
  ------------------------------------------------------
  Author(s): Lonnie Minter
  Created: 01/08/10
  ======================================================

Resets (DO NOT MODIFY) */
@import url(forms.css);
@import url(lightbox.css);
@import url(nav.css);
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* General Classes */
.hidden {position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.hidetext {text-indent:-9999px;outline:0;}
.left {float:left;margin:0 1em 1em 0;}
.right {float:right;margin:0 0 1em 1em;}
.clear {clear:both;overflow:hidden;}
.columns {float:left; width:300px;}

/* Links */
a,a:link {color:#0072bc;}
a:visited {}
a:hover {}
a:focus, a:active {}

/* Layout */
html {background:url(/assets/images/bg.png) repeat;}
#wrap {width:900px;margin:0 auto;}
#header {position:relative; width:900px; height:81px; background:url(/assets/images/header.jpg) no-repeat;z-index:200;}
#phone-number {position:absolute; right:20px; top:5px;width:207px; height:19px; background:url(/assets/images/phone-number.jpg) no-repeat;}
#header-social {position:absolute; right:210px; top:5px; width:100px; list-style:none; display:inline;}
#facebook {background:url(/assets/images/fb.png) no-repeat; display:block; float:left; height:32px; width:32px;}
#youtube {background:url(/assets/images/yt.png) no-repeat; display:block; float:left; height:32px; width:32px;}
#facebook a, #youtube a {text-indent: -9999px; display:block;width:100%;height:100%;}

#search {position:absolute; right:10px; bottom:30px; margin-right:10px;}
#search input {vertical-align:middle;font-size:10px;}

#logo {position:absolute; z-index:100; top:26px; left:10px; background:url(/assets/images/logo.jpg) no-repeat; height:69px; width:262px;}
#body {float:left;width:100%; background:#fff;}
#home-top {position:relative; background:transparent; height:350px; width:900px; overflow:visible;}

#cta-main {position:absolute; left:273px; width: 628px;height: 350px;overflow: hidden;background:#fff; }
#cta-main ul li {list-style:none; display:none;}

#main-content {padding-bottom:20px;}
.sub #main-content {float:right; width:650px;}

#breadcrumbs {margin:10px 0 0 20px}

.home #main-content h1 {clear:both; background:#9e9e9e; color:#fff; margin:0 0 20px 0; padding:5px 30px;}
#main-content h1 {margin:20px 30px 0.5em 30px;font-size:153.9%; color:#2c3554;}
.sub #main-content h1 {margin-left:0;}
#main-content h2 {margin:1em 30px 0.5em 30px;font-size:123.1%; color:#2c3554;}
.sub #main-content h2 {margin-left:0;}
#main-content h3 {margin:1em 30px 0.5em 30px;font-size:108%; color:#2c3554;}
.sub #main-content h3 {margin-left:0;}
#main-content p {margin:0 30px 1em 30px;line-height:1.44em;}
.sub #main-content p {margin-left:0;}
#main-content ul, #main-content ol {margin:1em 0;}
#main-content ul ul, #main-content ul ol, #main-content ol ul, #main-content ol ol {margin:0;}
#main-content li {margin:0 2.5em;line-height:1.44em;}
#main-content table {margin:0 0 1em;}
#main-content th {padding:3px 5px;}
#main-content td {padding:3px 5px;}

#dab {width:650px;}
#dab a.dab-link {text-decoration:none; display:block;float:right;width:150px; margin-top:30px; margin-right:10px; font-weight:bold;}
#dab a.dab-link:hover {color:#55aade;}

.pdf { margin-left:460px;}
.pdf a {display:block; height:20px; background:url(/assets/images/icon-pdf.jpg) no-repeat 0.0em 0.0em; padding:18px 0 0 40px; color:#aaa;}

.brush-pic img {width:600px;}
.brush-pic {width:600px;}

#prod-nav tbody tr td, .prod-nav tbody tr td {vertical-align:middle;}
#prod-nav tbody tr td a, .prod-nav tbody tr td a {text-decoration:none; font-weight:bold;}
#prod-nav tbody tr td a:hover, .prod-nav tbody tr td a:hover {color:#55aade;}

.brush {width:600px;}
.brush thead tr th, .brush caption {background:#2a3554; color:#fff;}
.brush caption {font-weight:bold;padding-bottom:4px;}
.brush tbody tr td {color:#2a3554; border:1px solid; text-align:center;}
.brush thead tr th {border:1px #2a3554 solid;}
#large thead tr th {font-size:85%;}
.brush tbody tr.alt td {background:#eaebee;}

#gallery h3, #gallery h2,.gallery h3, .gallery h2  {clear:both;}

.gallery-pix {width:130px; margin-right:10px; font-size:85%; text-align:center; float:left; margin-bottom:10px; color:#2c3554; padding-bottom:50px;}
.gallery-pix img {border:1px #dbdbdb solid;}

#page-industry-events-photo-gallery .gallery-pix {height:110px;}
#page-custom-brush-photo-gallery .gallery-pix {height:98px;}

#side-content {width:250px; float:left;}

.home #side-nav {float:left; margin-top:53px; z-index:120; position:relative; }
#side-nav {width:220px; position:relative; margin:50px 0 20px 30px;}
#side-nav ul li a, #side-nav ul li span.unpub, #side-nav ul li a:visited {display:block; color:#2c3554; text-decoration:none; text-transform:uppercase; font-size:13px; font-weight:bold;}
#side-nav ul li a.place-order {background:url(/assets/images/icon-dollar.jpg) no-repeat 0.0em 0.3em; padding-left:15px;}
#side-nav ul {list-style:none; margin:0;}
#side-nav ul li {display:inline;margin:0; line-height:25px;}
#side-nav ul li ul {display: none;}
#side-nav ul li ul li.last {background:url(/assets/images/sidenav-bottom.gif) no-repeat bottom right; width:236px; display:block; padding-bottom:12px;}
#side-nav ul li:hover ul {display:block; position:absolute; margin-top:-50px;left:170px; width:236px; background:url(/assets/images/sidenav-top.gif) no-repeat top left; padding:15px 0;}
#side-nav ul li:hover ul li ul {display: none;}
#side-nav ul li:hover ul li a {display:block; color:#fff; background:#2c3554; font:11px arial; width:199px; text-transform:none; padding:3px 10px; margin-left:17px;}
#side-nav ul li:hover ul li a:hover {text-decoration:underline;}

#footer {float:left;width:900px; padding-top:20px; padding-left:20px; height:105px; background:url(/assets/images/footer.jpg) no-repeat;margin-bottom:50px;}
#footer p {font-size:85%; padding-bottom:10px; color:#fff;}
#footer a {color:#fff;}

/* Tables */
.colorfulTables {width:90%;border-right:1px solid #2C3554;}
.colorfulTables caption {font-size:100%;font-weight:bold;margin-bottom:10px;text-align:left;}
.colorfulTables thead th {background:#2C3554;color:#fff;text-align:left;}
.colorfulTables tbody th {background:#2C3554;color:#fff;text-align:left;}
.colorfulTables tbody td {text-align:center;}
.colorfulTables tbody tr.alt td {background:#e2e2e2;border-top:1px solid #2C3554;border-bottom:1px solid #2C3554;}

.grid8 div {width:150px;float:left;}
.grid8 div h3 {height:40px;}

/* Product short galleries */
.productGallery {clear:left;overflow:hidden;position:relative;left:90px;}
 .productImgs {float:left;width:200px;margin-right:5px;vertical-align:bottom;}

.imgBar {background:transparent url(/assets/images/imgBar.png);position:fixed;bottom:0;left:0;width:100%;z-index:10000;}
.imgBar .wrapper {width:900px;margin:0 auto;}
.imgBar h4 {background:#14192C;color:#FFBB02;line-height:31px;height:31px;text-align:center;}
.imgBar ul {margin:0;padding:10px 0 10px 25px;float:left;}
.imgBar ul li {list-style-type:none;width:103px;height:90px;float:left;margin:0 15px 0 0;padding:0;}
.imgBar ul li a {display:block;text-decoration:none;font-size:12px;}
.imgBar ul li a span {color:#FFBB02;display:block;margin-bottom:3px;}
.imgBar ul li a img {border:1px solid #fff;}

/* Dynamic CTA */
#dynamic-cta, #brushHolder-cta {width:200px;margin:0 auto;}
 #dynamic-cta h2, #brushHolder-cta h2 {color:#2c3554;font-size:17px;text-transform:uppercase;margin-bottom:3px;font-family:'Arial Narrow', arial, sans-serif;}
 #dynamic-cta div {margin-bottom:20px;}
 #dynamic-cta div a, #brushHolder-cta a {text-transform:capitalize;line-height:18px;}