/*
-----------------------------------------------
www.wilmettehardware.com Style Sheet 
author:   Neil Moree
version:  03.2007
comments: Be kind. I'm learning.
----------------------------------------------- */
body {
font:76% "Arial", Verdana, sans-serif;
text-align:center;
background:#EBE7D0 url(images/black/sitebg.gif) repeat top left;
}

p {
margin:0 10px 10px;
}

wrapper2 {
float:right;
width:400px
}


a {
color:#333;
}

h2 {
font:bold 110% arial,sans-serif;
text-align:left;
color:#777;
text-transform:capitalize;
width:490px;
margin:5px 0 3px;
}
h3 {
margin:0px 0 0 0px;
}

/** layout **/
div#header {
float:left;
height:100px;
width:700px;
background:#000;
color:#472A1C;
margin:0;
}

div#logo {
margin:6px 0 0 6px;
}

#topmenu2 {
float:right;
font-family:Arial, sans-serif;
background-image:url(images/black/topmenubg.gif);
height:20px;
width:100%;
}

#topmenu2 ul {
font-size:10px;
text-align:right;
margin:6px 0 1px;
}

#topmenu2 li {
display:inline;
}

#topmenu2 li a {
color:#96938C;
text-decoration:none;
background:url(images/black/topmenubg.gif) repeat-x left;
padding:2px 10px 0;
}

#topmenu2 li a:hover {
background:url(images/black/topmenubgon.gif) repeat-x left;
color:#DEDEDE;
}

div#container {
text-align:left;
border:#000 solid 1px;
background:#FFF;
height:525px;
width:700px;
margin:5px auto 0;
}

div#content p {
line-height:1.4;
}

div#formcontent {
text-align:right;
font-size:90%;
line-height:1em;
color:#777;
background-image: url(http://www.wilmettehardware.com/contact/contact_images/knobcollection.jpg);
background-repeat:no-repeat;
background-position:top right;
border: 1px solid gray;
margin: 5px 0 0 13px;
}

div#formcontent2 {
font-size:small;
line-height:1em;
color:#777;
border: 1px solid gray;
margin: 5px 0 0 13px;
height: 370px
}

div#mapcontent {
text-align:center;
font-size:small;
line-height:1em;
color:#777;
width: 535px;
margin: 10px 10px 0 10px
}

maptext {
text-align:left;
font-size:small;
line-height:1.2em;
color:#777;
}

div#bodytext {
float:left;
font:100% arial,sans-serif;
text-align:left;
color:#333;
width:520px;
margin:3px 10px 3px 3px;
line-height:1.2em

}

div#bodytextrv {
float:left;
font:90% arial,sans-serif;
text-align:left;
color:#333;
width:520px;
margin:3px 10px 3px 3px;
line-height:1.2em

}

div#bodytext img {
float:right;
text-align:center;
border:1px solid #DEDEDE;
margin-right:18px;
margin-left:10px;
margin-top: 3px;
padding:2px;
}

div#bodytextnone img {
float:right;
text-align:center;
margin-right:18px;
margin-left:10px;
}

div#contentheader {
font:bold 110% arial,sans-serif;
text-align:left;
color:#777;
text-transform:capitalize;
margin:5px 0 3px;
}

div#contentheadergallery {
font:bold 110% arial,sans-serif;
text-align:left;
color:#777;
text-transform:capitalize;
width:490px;
margin:5px 0 3px;
}

div#collectionheader {
font:bold 110% arial,sans-serif;
text-align:center;
color:#777;
text-transform:capitalize;
width:75px;
height:87px;
outline:#CCC solid 1px;
margin:0;
}

div#contentsubheader {
margin:0 0 0px 8px;
}

div#contentgallery {
text-align:center;
width:535px;
margin:auto;
}

div#contentgalleryhorizontal {
float:right;
margin-left:30px;
text-align:center;
width:545px;
height:100%;
overflow:scroll;
}

#galleryalign {
float:right;
margin:auto 30px auto auto;
}

div#contentproductinfo {
float:left;
width:190px;
height:340px;
text-align:left;
border:0 dashed #CCC;
background-color:#FFF;
color:#777;
margin:2px auto 2px 0;
padding:0;
}

div#productinfoimage {
float:right;
text-align:center;
border:1px solid #DEDEDE;
margin-right:10px;
padding:2px;
}

div#altview {
border:1px solid #DEDEDE;
height:85px;
width:85px;
padding:1px;
}

div#altviewtitle {
text-transform:lowercase;
}

div#altview a:hover {
border:1px solid #DEDEDE;
height:85px;
width:85px;
padding:0;
}

div#productspecs {
line-height:1.6;
text-transform:lowercase;
margin:0 0 2px 8px;
}

div#galleryspecs {
line-height:1.6;
text-transform:lowercase;
color:#777;
margin:0 0 2px 16px;
}

div#productspecstitle {
text-transform:lowercase;
color:#777;
font-weight:700;
margin:0 0 0px 0px;
}

#whgalleryicons {
list-style:none;
text-align:center;
margin:0;
}

#whgalleryicons li {
float:left;
width:120px;
height:120px;
background:url(http://www.wilmettehardware.com/imagesnew/dropshadowsq.gif) bottom right no-repeat;
margin:10px 5px;
}

#whgalleryicons li a img {
border:1px solid #DEDEDE;
}

#whgalleryicons li a:hover img {
border:1px solid #B4B8BD;
}

/* Icon Style 2*/
#galleryalign2 {
margin:auto 30px auto auto;
}

#whgalleryicons2 {
list-style:none;
text-align:center;
font-size:xx-small;
line-height:1em;
color:#777;
margin:0;
padding:0;
}

#whgalleryicons2 li {
float:left;
width:115px;
height:100px;
margin:auto auto 10px;
padding:3px;
}

#whgalleryicons2 li a {
margin:5px;
}

#whgalleryicons2 li a img {
border:1px solid #CCC;
padding:5px;
}

#whgalleryicons2 li a:hover img {
border:1px solid #777;
padding:5px;
}

#whfinishicons1 li {
float:left;
width:60px;
height:80px;
text-align:center;
font-size:xx-small;
line-height:.8em;
color:#777;
margin:auto auto 5px;
padding:4px;
}

#whfinishicons2 li {
float:left;
width:60px;
height:70px;
text-align:center;
font-size:xx-small;
line-height:.8em;
color:#777;
margin:auto auto 5px;
padding:4px;
}

/*end icon style 2
 Icon Style 3 for masterproduct5*/
#galleryalign3 {
float:right;
margin:auto;
}

#whgalleryicons3 {
list-style:none;
text-align:center;
margin:0;
padding:0;
}

#whgalleryicons3 li {
float:left;
width:130px;
height:130px;
margin:auto;
padding:4px;
}

#whgalleryicons3 li a {
margin:10px;
padding:10px;
}

#whgalleryicons3 li a img {
border:1px solid #CCC;
margin:10px;
padding:0;
}

#whgalleryicons3 li a:hover img {
border:1px solid #777;
margin:10px;
padding:0;
}

/*end icon style 3*/
div#adarea {
background-color:#CCC;
text-align:left;
width:127px;
background-color:#CCC;
padding:auto 0 0 0;
}

div#wrapper {
float:left;
width:100%;
background:#FFF;
}

div#wrapper2 {
width:660px;
padding: 10px;
}

div#content {
width:573px;
background:#FFF;
margin:3px 3px 3px 124px;
}

div#contentwide {
text-align:left;
height:425px;
background:#FFF;
overflow:hidden;
margin:0 0 0 127px;
}
div#contentflash {
height:100%;
width:573px;
background:#472A1C;
overflow:hidden;
margin:auto 0 auto 127px;
}

div#horizontalscroll {
text-align:left;
height:425px;
width:100%;
background:#FFF;
overflow:scroll
}

div#productinfoimagemini img {
float:left;
text-align:center;
border:1px solid #DEDEDE;
margin:0 4px;
padding:2px;
}

div#collectionicons img {
float:left;
text-align:center;
border:1px solid #DEDEDE;
margin:0 1px;
padding:1px;
}

div#collectionlogo {
text-align:center;
}

td.collectionpage {
width:559px;
background-image:url(http://www.wilmettehardware.com/imagesnew/collections/trlogo.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}

div#leftnavigation {
float:left;
width:127px;
height:426px;
margin-left:-700px;
border-top:#FFF solid 2px;
}

div#leftnavigation2 {
float:left;
width:127px;
height:426px;
border-top:#FFF solid 2px;
}

div#leftbuttons {
height:190px
}

.leftbuttons a {
background-color:#FFFFFF;
width:108px;
color:#666;
padding-top:1px;
padding-left:16px;
display:block;
border:1px solid #FFF;
font:11px arial, sans-serif;
text-decoration:none;
text-align:left;
position: relative;
z-index: 1000;
}

.leftbuttons a:hover {
background-color:#FFFFFF;
background-image:url("http://www.wilmettehardware.com/images/menubgwithguy.gif");
background-repeat:no-repeat;
padding-left:16px;
color:#000;
border:1px solid #DEDEDE;
}


div#footer {
text-align:center;
background:#000;
color:#CCC;
width:700px;
height:10px;
border:#000 solid 1px;
font-size:10px;
margin:0 auto;
padding:6px 0 5px;
}

div#footer a {
color:#CCC;
text-decoration:none;
}

div#footer a:hover {
color:#FFF;
text-decoration:underline;
}

div#footer2 {
text-align:center;
width:700px;
margin:8px auto 0;
}

html,body,#whgalleryicons li a {
margin:0;
padding:0;
}

#whfinishicons1,#whfinishicons2 {
list-style:none;
text-align:center;
margin:auto;
padding:0;
}

#whfinishicons1 li a,#whfinishicons2 li a {
text-align:center;
font-size:xx-small;
line-height:1em;
color:#777;
text-decoration:none;
text-transform:lowercase;
margin:2px;
padding:2px;
}

#whfinishicons1 li a img,#whfinishicons2 li a img {
border:1px solid #CCC;
margin:auto auto 2px;
padding:2px;
}

#whfinishicons1 li a:hover img,#whfinishicons2 li a:hover img {
border:1px solid #777;
margin:auto auto 2px;
padding:2px;
}

div#contentwideproducts,div#contentwide2col {
padding-top:2px;
height:425px;
background:#FFF;
margin:0 0 0 127px;
overflow:hidden;
}

div#contentwide3col {
padding-top:2px;
background:#FFF;
margin:0 0 0 0px;
overflow:hidden;
}

/* Forms */

div#joinlistform {
background-color:#CCC;
width:127px;
text-align:center;
padding: 3px 0 2px 0;
}

input {
   color: #000000;
   background: transparent;
   border: 1px solid #797A8E;
   font-size: 1.2em;
}

input:focus, textarea:focus, select:focus {
	background: #EEEEEE;
	color: #333333;
}

textarea {
	color: #666666;
	background: transparent;
	border: 1px solid #999999;
}

fieldset {
   border : 1px solid #DDDDDD;
}

/*Tabbed Menus*/
.menu {background-color:#ececec; color:#272727; border-bottom:1px solid #d7d7d7; height:18px; font:11px Arial, Helvetica, sans-serif; width: 540px}
.menu ul {margin:0px; padding:0px; list-style:none; text-align:center;}
.menu li {display:inline; line-height:15px;}
.menu li a {color:#000000; text-decoration:none; height: 18px; padding:3px 5px 0px 5px;  border-left:1px solid #ececec; border-right:1px solid #ececec; float: left}
.menu li a.tabactive {border-left:1px solid #d7d7d7; height: 18px; border-right:1px solid #d7d7d7; background-color:#CCCCCC; position:relative;}

#extrapdfspecs ul {
        list-style-type: none;
        width: 150px;
		padding-left:10px;
		margin-top:0px
} 

#extrapdfspecs li {
	margin: 2px 0;
	background-color:#FFF;
	background-image:url(images/nav/mini_pdf_icon.gif);
	background-repeat: no-repeat;
	background-position: 2px 12px;
	border-top-width: 1px;
	border-right-width: 1; 
	border-bottom-width: 1px;
	border-left-width: 1;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}

#extrapdfspecs li a {
	color: #666;
	display: block;
	padding: 5px;
	padding-left:24px;
	text-decoration: none;
	font-size: 100%;
}

#extrapdfspecs li a:hover {
	background-color:#CCC;
	background-image:url(images/nav/mini_pdf_icon.gif);
	background-repeat: no-repeat;	
	background-position: 2px 12px;
	color:#000
}

#extrapdfspecs a em { 
        color: #333;
        display: block;
        font: normal 85%;
        line-height: 110%; 
}

#extrapdfspecs a span {
        color: #125F15;
        font: normal 70%;
        line-height: 150%;
}