@charset "UTF-8";
/********* 	Levi's Screws and Nails ~ Copyright 2011 ************/

body {margin:0; padding: 0; background: url(../images/body_bg.jpg) repeat-x #b8b9a7;}

img {border:none;}
a {outline:none;}

.clearfix:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}

html[xmlns] .clearfix {display: block;}

* html .clearfix {height: 1%;}

.container {margin: 0 auto; width:943px;}

#masthead {background: url(../images/masthead_bg.jpg) no-repeat; height:150px;}
#masthead h1 {text-indent: -9999px; margin: 0; float:left; width:200px;}
#masthead ul {list-style-type:none; margin-right:10px; margin-bottom:0px; padding:13px 15px 0 15px; background: #333; width:662px; float:right; margin-top:106px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;}
#masthead li {float:left; padding:0 18px; padding-bottom:10px; display: block; position: relative; z-index: 500;}
#masthead li a {color:#fff; font-family: Myriad Pro, Arial, sans-serif; font-size:17px; text-decoration: none; display: block; position: relative;}
#masthead li a:hover {color:#DFB73D;}
#masthead li ul {margin:10px 0 0 0; -moz-border-radius:0; background:#444; z-index:500; position: absolute;width: 10em;left: -9999px; padding:0 0 15px 0; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright:10px;}
#masthead li ul li {margin:0; padding:0;}
#masthead li ul li a {font-size:14px;padding:8px 10px;border-top:1px solid #555; border-bottom:1px solid #333; width:10em; display: block;}
#masthead li ul li:last-child a {border-bottom: none;}
#masthead li ul li a:hover { background: #333;}
#masthead li:hover ul, #nav li.sfhover ul  {left: auto; visibility:	inherit;}

#content {font-family:Arial, sans-serif; font-size:16px; line-height:145%; padding-top:5px;}
.left {float:left; width: 230px; padding-right:10px;}
h2 {margin-top:0;}
.left h2 {font-size:17px; text-align: center; margin-top:0; font-family: Myriad Pro, Arial, sans-serif; font-weight:normal;}
.left .inner {background: #e7dfcf; padding:10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;}
a.cta {display: block; text-indent: -9999px; width:214px; height:200px; margin:5px 0;}
a#screws {background: url(../images/a_screws.jpg) no-repeat;}
a#snow-guards{background: url(../images/a_guards.jpg) no-repeat;}
a#accessories{background: url(../images/a_accessories.jpg) no-repeat;}
a#calculator{background: url(../images/a_calculate.jpg) no-repeat;}
a#colors{background: url(../images/a_colors.jpg) no-repeat;}
a#catalog {background: url(../images/download_catalog.jpg) no-repeat; width:238px; height:98px; display: block; text-indent: -9999px; margin:10px 0;}

.right {float:left; width:692px;}
#slider {border:5px solid #ebe4d4;background: #ebe4d4; background:url(../images/loading.gif) no-repeat 50% 50%; position: relative; width:682px; height:255px;}
#slider img {position:absolute;top:0px;left:0px;display:none;}
#slider a {display: block; border:0;}

.story {background: #fff url(../images/story_bg1.jpg) no-repeat right 20px; padding:50px 20px 5px 20px; margin-bottom:10px;}
.story h2 {font-size:22px; margin-top:0; font-family: Myriad Pro, Arial, sans-serif; font-weight:normal;}
.story p {font-size:12px; color:#333; padding-right:150px;}
.story a {color:#006326;}

.main {background: #ffffff; padding:20px; padding-right:40px; margin-bottom:10px;}
.main h2 {font-size:22px; margin-top:0; font-family: Myriad Pro, Arial, sans-serif; font-weight:normal;}
.main h4 {font-size:17px; margin-top:0; font-family: Myriad Pro, Arial, sans-serif; font-weight:normal; color:#006b2d; font-weight:bold;}
.main h5 {font-size:17px; margin-top:0; font-family: Myriad Pro, Arial, sans-serif; font-weight:normal; color:#006b2d;}
.main p {font-size:12px; color:#333;}
.main a {color:#006326;}

.main ul li {font-size:12px; color:#333; line-height:16px;}
.main ol li {font-size:12px; color:#333; line-height:16px;}

hr {border:#CC9900 1px solid;}

table {font-size:12px; color:#333;}

.screws {width:600px; margin:0px 0px 0px 20px; font-family:"Lucida Grande", Arial, Helvetica; font-size:12px; line-height:18px; font-weight:bold; text-decoration:none; border:none;}

.specs {width:500px; margin:0px 0px 0px 20px; line-height:18px; color:#333; border:none;}
.specs tr {text-align:left; vertical-align:top;}
.specs tr.shade {text-align:left; vertical-align:top; background-color:#f0f0e8;}

.dottedline {border-bottom:1px dotted #999999;}
.dottedline_bold {border-bottom:1px dotted #999999; font-weight:bold; color:#333333;}

.logo {text-indent: -9999px; display: block; float:left; margin:0 5px;}
#logos {margin: 20px 0;}
#fastgrip {background: url(../images/a_fastgrip.jpg) no-repeat; width:138px; height:54px; margin-left:40px;}
#procap {background: url(../images/a_procap.jpg) no-repeat; width:90px; height:67px; margin: 0px 25px 0 25px;}
#metalgrip {background: url(../images/a_metalgrip.jpg) no-repeat; width:145px; height:53px;}
#snowdefender {background: url(../images/a_snowdefender.jpg) no-repeat; width:139px; height:54px; margin:0 130px 0 40px;}
a#flovent {background: url(../images/a_flovent.jpg) no-repeat; width: 134px; height: 45px; margin:-30px 40px;}
a#fastvent {background: url(../images/a_fastvent.jpg) no-repeat; width: 160px; height: 45px; margin:-30px 200px;}

input {border:#deb739 1px solid; background:#F0F0E8;}
textarea {border:#deb739 1px solid; background:#F0F0E8;}
select {border:#deb739 1px solid; background:#F0F0E8;}

p.back {margin:15px auto; text-align:center;}

a#acts {display:block; text-indent:-9999px; width:220px; height:110px; float:right; margin:20px -30px 0 0; overflow:hidden;}

#bottom {border-top:1px dotted #666; padding:5px 0 0 0; width:630px;}
#bottom a {color:#333; text-decoration: none;}
#bottom a:hover {text-decoration: underline;}
#bottom p {line-height: 100%; text-align: center; margin:15px 0 0 0; padding:0;}
#bottom p.footer {font-size:11px; text-align:center; margin:15px 0 0 0;}