@charset "UTF-8";
/* Levi's Nails & Screws Master Stylesheet */

/*	body structure 
---------------------- */

html, body {margin:0 auto; min-height: 100%;}

body {margin:0; padding:0; background-color:#e2e2e2;}

.clear {clear:both;}

/*	header structure 
------------------------- */

#header-wrapper {width:100%; height:180px; background:url(../images/body_bg.jpg) repeat-x;}
#header-container {margin:0 auto; width:790px;}

h1 {height:139px; background:url(../images/header.jpg) no-repeat;text-indent:-9999px;margin:0;}

#masthead a.get_home {width:230px; height:130px; display:inline; cursor:pointer;}

#masthead ul {
	padding:0;
	list-style-type:none;
	float:left;
	height:33px;
	width:503px;
	background:url(../images/nav_bg.jpg) no-repeat;
	margin:99px 0 0 0;
	}
	
#masthead li {float:left; height:33px; padding:0px; background-repeat:no-repeat;}
#masthead li.home {background:transparent url(../images/nav_home.gif); width:46px; margin:0 0 0 9px; _margin-left:5px;}
#masthead li.screws {background:transparent url(../images/nav_screws.gif); width:58px; margin:0 0 0 7px;}
#masthead li.sguards {background:transparent url(../images/nav_sguards.gif); width:103px; margin:0 0 0 7px;}
#masthead li.accessories {background:transparent url(../images/nav_accessories.gif); width:103px; margin:0 0 0 7px;}
#masthead li.services {background:transparent url(../images/nav_services.gif); width:71px; margin:0 0 0 7px;}
#masthead li.contact {background:transparent url(../images/nav_contact.gif); width:70px; margin:0 0 0 5px;}

#masthead a {display:block; height:33px; text-indent: -9999px; overflow:hidden;}

#masthead a#home {background:transparent url(../images/nav_home.gif) no-repeat;}
#masthead a#screws {background:transparent url(../images/nav_screws.gif) no-repeat;}
#masthead a#sguards {background:transparent url(../images/nav_sguards.gif) no-repeat;}
#masthead a#accessories{background:transparent url(../images/nav_accessories.gif) no-repeat;}
#masthead a#services {background:transparent url(../images/nav_services.gif) no-repeat;}
#masthead a#contact {background:transparent url(../images/nav_contact.gif) no-repeat;}

#masthead a#home:hover {background-position:0px -34px; z-index:50;}
#masthead a#screws:hover {background-position:0px -34px; z-index:50;}
#masthead a#sguards:hover {background-position:0px -34px; z-index:50;}
#masthead a#accessories:hover {background-position:0px -34px; z-index:50;}
#masthead a#services:hover {background-position:0px -34px; z-index:50;}
#masthead a#contact:hover {background-position:0px -34px; z-index:50;}

/*	container structure 
------------------------- */

#wrapper {background-color:#e2e2e2; margin-top: -44px; width:100%;}
#container {margin:0 auto; width:790px; position: relative;}

.left {float:left; width:610px;}

.content {
	width:598px;
	background:url(../images/content_bg.gif) repeat-x bottom #fff;
	border:1px solid #999;
	margin:0;}

.divider {margin:15px 20px; border-bottom:1px dashed #666600; clear:right;}

h4 {
	font-family:"Lucida Grande", Arial, Helvetica;
	font-size:20px;
	color:#248611;
	font-style:italic;
	font-weight:bold;
	line-height:28px;
	padding:0px 10px 0px 20px;
	_padding:15px 10px 0px 20px;
	margin-bottom:0px;
	}

h5 {
	font-family:"Lucida Grande", Arial, Helvetica;
	font-size:15px;
	color:#333333;
	font-style:italic;
	font-weight:bold;
	line-height:28px;
	padding:0px 20px 0 20px;}	

h5 .highlight {color:#248611;}

h6 {
	font-family:"Lucida Grande", Arial, Helvetica;
	font-size:17px;
	font-weight:bold;
	color:#248611;
	margin:0px;}

.screw_right {float:right; margin:20px 0px 10px 15px; border:none;}
.screw_horizontal {float:right; margin:40px 15px 10px 15px; border:none;}

.screws {
	width:550px;
	margin:0px 0px 0px 20px;
	font-family:"Lucida Grande", Arial, Helvetica;
	font-size:12px;
	line-height:18px;
	text-decoration:none;
	color:#535a1a;
	border:none;
}

.screws img {margin-top:10px;}
.screws td { border-top:1px dotted #999999;}
.screws tr {text-align:center; vertical-align:top;}
.screws tr a {color:#275d83; text-decoration:none;}
.screws tr a:hover {text-decoration:underline; color:#248611;}


.specs {
	width:550px;
	margin:0px 0px 0px 20px;
	font-family:"Lucida Grande", Arial, Helvetica;
	font-size:11px;
	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:#faf9f4;}

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

.left p, #display {
	font-family:"Lucida Grande", Arial, Helvetica;
	font-size:12px;
	color:#333;
	line-height:22px;
	padding:0 20px 0 20px;}

.left li {
	font-family:"Lucida Grande", Arial, Helvetica;
	font-size:12px;
	line-height:20px;
	color:#333;
	width:330px;
	padding:0 20px 0 20px;
	}

.left li.shade {background-color:#faf9f4; width:330px;}

.left li.narrow {
	font-family:"Lucida Grande", Arial, Helvetica;
	font-size:12px;
	color:#333;
	line-height:20px;
	width:250px;
	padding:0 20px 0 20px;
	}

.left li.narrowshade {background-color:#faf9f4; width:250px;}

.left a {color:#275d83; text-decoration:underline;}
.left a:hover {color:#248611;}

h2 {
	background:url(../images/h2_bg.gif) no-repeat;
	width:580px;
	height:22px;
	margin:0;
	font-family:"Myriad Pro", Arial, Helvetica;
	font-size:14px;
	color:#ffffff;
	margin:30px 0 0 0;
	padding:12px 0 0 20px;
	text-transform:uppercase;
	display:block;}

.right {
	width:165px;
	float:left;
	font-family:"Lucida Grande", Arial, Helvetica;
	font-size:11px;
	color:#333;}

.sidebar {width:162px; border:1px solid #999; background:#fff;}

.right ul {padding:0 4px 0 11px; margin:0px; list-style-type:none;}

.right li {margin:10px 0 10px 0;}
.right li a {color:#275d83; text-decoration:none;}
.right li a:hover {text-decoration:underline; color:#248611;}

.right span {font-size:8px; vertical-align:top;}

.right sup {font-size:6px;}

h3 {
	background:url(../images/h3_bg.gif) no-repeat;
	height:22px;
	width:163px;
	margin:30px 0 0 0;
	padding:12px 0 0 12px;
	text-transform:uppercase;
	font-family:"Myriad Pro", Arial, Helvetica;
	font-size:13px;
	color:#ffffff;}
	
.error p, ul, li {color:#CC0000;}

.unit {font-size:11px; color:#006600;}

p.disclaimer {font-size:11px; color:#006600; font-style:italic;}
p.models {font-size:11px; color:#006600; font-weight:bold;}

p.input {font-size:11px; font-weight:bold;}



/*	footer structure 
------------------------- */

.clearfooter {height:44px; clear: both;}

#footer {
	position:relative;
	height:29px;
	background-color:#779087;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#E1D9BB;
	font-size:11px;
	padding:15px 0 0 0;}

#footer a {color:#E1D9BB; text-decoration:none;}
#footer a:hover {text-decoration:underline;}