/* CSS Document */
ul,li,p,img,h1, h2, a,a img{margin:0 auto; padding:0; float:left}
p,li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF} 
a img{ border:0; margin:0; padding:0}


body{margin:0 auto; padding:0;background-image:url(homepage/background.jpg);  background-position:center top; background-repeat:repeat;  }
.wraper{margin:20px auto 6px auto ; padding:0;width:784px;   }

.all{ margin-left:75px;_margin-left:37px; width:784px; background-color:#FFFFFF;  float:left}
.banner1{ background-image:url(homepage/banner2.png); background-repeat:no-repeat; background-position:left top;  width:784px; height:300px; margin:0 auto; padding:0;  }
.logo{ width:754px; margin-top:128px; margin-left:30px; float:left; _margin-left:10px;}
.menu{ margin-top:8px; float:left; margin-left:30px;_margin-left:13px;}
.menu a{ margin-left:20px; float:left}

.manorhardware{}


.pugetsound{background-image:url(homepage/puget.jpg); background-repeat:no-repeat; width:686px; height:36px; margin-left:35px; _margin-left:15px; text-indent:-1000px; float:left; margin-top:10px;}



.manorhardware h1{ }

.manor{width:530px; margin-top:30px; padding-bottom:50px; float:left; overflow:hidden;margin-left:-10px;  _margin-left:-30px; }

.homepage .leftcol{ width:450px; float:left; margin-left:40px;_margin-left:20px; margin-top:30px; overflow:hidden;}
.homepage h1{ color:black; font:bolder 20px helvetica; font-style:italic; background: url(../images/homepage/list.jpg) no-repeat left center; padding-left:30px; width:100%; margin-top:15px; }
.homepage h1.title{ color:#000e78; font:bold 26px verdana; font-style:italic; background:none;}
.homepage h1 a{ color:black; text-decoration:none; }

.homepage h2{ font:bold 14px arial; color:#d8001d; margin:0 0 0 30px; _margin-left:16px;padding:0;}
.homepage h2 b{ color:black;}
.homepage h2 a{ float:none; color:#d8001d; text-decoration:none; }
.homepage h2 a:hover{ color:red;}
 
 
 .homepage .rightcol h1{  font:bold 15px helvetica; color:black; background:none; margin:0;padding:0; margin-left:30px; line-height:16px;}
 .homepage .rightcol h2{ font:bold 12px arial; color:#d8001d; text-align:right; margin-top:3px; }
 .homepage .rightcol h2 b{ color:balck; margin-left:5px;}
 .homepage .rightcol h3{ font:bold italic 16px  Helvetica; color:#d8001d; float:left; margin:0;padding:0; margin-top:4px; WIDTH:100%;}

.homepage .rightcol .contactno{ margin-left:20px;_margin-left:8px; margin-top:18px; float:left; padding:0;}
 
 
 
.westernwashington{ float:left; margin:0;padding:0; border:1px solid white;}
.westernwashington h1{ background-image:url(homepage/westernlocation.jpg); background-repeat:no-repeat; width:351px; height:23px; text-indent:-1000px; float:left; overflow:hidden}
.westernwashington p{ background-image:url(homepage/lynnwoodeveretttacoma.jpg); background-repeat:no-repeat; width:235px; height:63px; text-indent:-1000px; margin-left:30px;_margin-left:15px; float:left; }

.fullline{margin-top:15px; float:left}
.fullline h1{ background-image:url(homepage/lineofproducts.jpg); background-repeat:no-repeat; width:328px; height:21px; text-indent:-1000px; float:left}
.fullline p{ background-image:url(homepage/makita.jpg); background-repeat:no-repeat; width:310px; height:17px; margin-left:76px; text-indent:-1000px; float:left}

.takeoffs{ margin-top:15px; float:left}
.takeoffs h1{ background-image:url(homepage/simpsonmetals.jpg); background-repeat:no-repeat; width:439px; height:24px; text-indent:-1000px; float:left}
.takeoffs p{ background-image:url(homepage/guaranteetheaccuracy.jpg); background-repeat:no-repeat; width:310px; height:18px; text-indent:-1000px; margin-left:76px; float:left}

.fullinhouse{margin-top:15px; float:left}
.fullinhouse h1{ background-image:url(homepage/jobsiterepair.jpg); background-repeat:no-repeat; width:326px; height:22px; text-indent:-1000px; float:left}
.fullinhouse p{ background-image:url(homepage/allpowertools.jpg); background-repeat:no-repeat; width:322px; height:21px; text-indent:-1000px; margin-left:76px; float:left}

.delivery{margin-top:15px; float:left}
.delivery h1{ background-image:url(homepage/deliveryavilable.jpg); background-repeat:no-repeat; width:207px; height:24px; text-indent:-1000px; float:left}
.delivery p{ background-image:url(homepage/toobusy.jpg); background-repeat:no-repeat; width:317px; height:18px; text-indent:-1000px; margin-left:76px; float:left}

.specialorder{margin-top:15px; float:left}
.specialorder h1{ background-image:url(homepage/specialavailable.jpg); background-repeat:no-repeat; width:268px; height:22px; text-indent:-1000px; float:left}

.hardwarecustomer{}
.hardwarecustomer p{ background-image:url(homepage/hardwarecustomer.jpg); background-repeat:no-repeat; width:404px; height:33px; text-indent:-1000px; margin-left:45px; margin-top:80px; float:left}

.novemberspecial{ margin-left:0px; margin-top:10px; width:252px; _width:190px; float:left; border:0px solid red; margin-left:0px;_margin-left:6px; }

.footer{ margin:0 auto; width:784px; padding-bottom:10px;}
.submenu{ background-color:#0a0a9d;  width:584px; padding-left:200px; margin-top:9px; float:left; margin-bottom:20px; }
.submenu a{ color:#FFFFFF; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; float:left}

.clear{ clear:both;}

.page{ float:left; width:784px; background:white; overflow:hidden; padding-bottom:10px;}
.servicepage{ float:left; border:0px solid red; width:100%; }
.servicepage h1, h2{ margin-bottom:15px; float:left; margin-left:130px;_margin-left:60px;}
.monorharwareservices{ background:url(../images/servicepage/manor_hardware_serivces.jpg) no-repeat left top; width:470px; height:40px; float:left; text-indent:-1000px; margin-top:20px; }
.servicepage .hardware_takeoff{ background:url(../images/servicepage/hardware_takeoff.jpg) no-repeat left top; width:509px; height:42px; float:left; text-indent:-2000px; } 
.servicepage .rebar_detailing{ background:url(../images/servicepage/rebar_detailing.jpg) no-repeat left top; width:431px; height:33px; text-indent:-1000px; float:left;}
.servicepage .special_steel{ background:url(../images/servicepage/special_steel.jpg) no-repeat left top; width:415px; height:26px; float:left; text-indent:-1000px;}
.servicepage .jobsite_repair{ background:url(../images/servicepage/jobsite_repair.jpg) no-repeat left top; float:left; width:363px; height:42px; text-indent:-1000px;}
.servicepage .delivery_available{ background:url(../images/servicepage/delivery_available.jpg) no-repeat left top; float:left; width:524px; height:42px; text-indent:-1000px;}
.servicepage .special_order{ background:url(../images/servicepage/special_order.jpg) no-repeat left top; float:left; width:517px; height:46px;  text-indent:-1000px;}
.servicepage .serivce_numbers{ background: url(../images/servicepage/service_number.jpg) no-repeat left top; float:left; width:681px; height:16px; text-indent:-1000px; margin-left:50px; margin-top:20px;}

.servicepage h1{ font:bolder 22px Helvetica; font-style:italic; color:#d8001d; text-align:center; width:100%; margin:5px 0 0 0;padding:0; }
.servicepage h2{ font:bolder 16px arial; font-style:italic; color:#000; text-align:center; width:100%; margin:0 0 10px 0;padding:0;  }


.productpage{ float:left; width: 784px;}
.productpage .leftcol{ width:310px; float:left; margin-left:50px;_margin-left:30px; margin-top:15px;}
.productpage .rightcol{ width:330px; float:left; border:0px solid red; margin-left:36px;margin-top:15px;}
.productpage h1{ font:bold 16px helvetica ; color:#d8001d; text-transform:uppercase; font-style:italic; float:left; width:100%; margin-top:8px; }
.productpage h2{ font:bold 12px 'arial'; color:black; float:left; width:100%; margin:0; }
.productpage a{ font:bold 12px 'arial'; color:#09008b;  float:left; margin:0; text-decoration:none; width:80px;  }
.productpage h2.inner{float:left; width:auto; margin-right:20px;}

.phonenumber{ color:#d8001d;font:bold 12px 'arial'; text-align:center; width:100%; margin-top:20px;  }
.phonenumber strong{ color:black;}

.locationpage{ float:left; width:784px; text-align:center}
.col{ width:225px; float:left; margin-left:20px; margin-top:0px; text-align:center; padding-bottom:20px;  }
.col h1{ font:bold 24px helvetica; font-style:italic;  color:#d8001d; text-align:center; float:none;  } 
.col h2{ font:bold 20px helvetica; color:#d8001d; text-align:center; float:none; clear:right;  }
.col p.number{ font:bold 20px helvetica; color:#d8001d; text-align:center; float:none; clear:right; }
.col a{ text-align:center; }
.col a img{ margin-left:30px; margin-top:10px;}
.col p{ color:#333; width:100%; text-align:center; width:100%; }

.col p.largefont{ font:bold 15px 'arial'; line-height:14px; margin-top:6px; margin-bottom:5px; }
.col p.mainphone{ font:bold 12px arial; font-style:italic; color:black; margin-top:5px;}
.col h3{ font:bold 22px helvetica; font-style:italic;  color:#d8001d; text-align:center; float:none; margin-bottom:0; margin-top:12px; }


.emails ul li{ list-style:none; display:inline; text-align:center; width:100%;}
.emails ul li a{ font:bold 16px arial; color:#4d4d4d; text-align:center; width:100%;}
.emails ul li a:hover{ color:black;}


a.email{ float:none; color:gray;}




/********************************************************RESERVATION STYLE *********************************************************/

.cssform{ width:600px; float:left;}
.cssform p {width:600px;margin: 0;padding: 5px 0 0px 13px; /*width of left column containing the label elements*/border-bottom: 0px dashed #B8E6E8;height: 1%; font:normal 12px helvetica; color:#000;}
.cssform label {float: left;margin-left:19px; text-align:right; width: 150px; margin-right:10px; font:bold 12px helvetica; color:#222; }
.cssform select option{ background:white; }
.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/width: 300px;}
.cssform .text { background:#f5f5f5 no-repeat; width: 300px; border:1px solid #aaa; solid; height:22px;}
.cssform textarea {width: 200px;height: 100px; background:url(../images/textarea-bg.gif) no-repeat; border:none;}
.btn{ background:#01444A; height:25px; width:75px; border:2px #FFF solid; color:#FFFFFF; font-size:10px; font-weight:bold;}
#sent {text-align:center; font-weight:bold; font-size:14px; padding:2px; margin-top:10px; background:black; color:white;padding:10px;}
.radio{ float:left; margin:0; }
.note{color:gray; font:normal 11px Verdana, Arial, Helvetica, sans-serif;float:right;margin-right:20px;width:180px; padding-bottom:10px; margin-top:20px; }


/***********************************************************************************************************************************/

h1.pagetitle{  color:#000e78; font:bold 32px helvetica; font-style:italic; background:none; text-align:center !important; text-transform:none; width:100%; margin:0;padding:0; margin-top:10px;}

.newsletter{ width:90%; padding:20px; font:normal 12px helvetica; padding-top:15px; float:left; border:1px solid white; }
.newsletter img{ margin:0px 10px 10px 0px; float:left; border:1px solid white;}
.newsletter .left{ float:left; width: 200px;  overflow:hidden;  border: 1px solid white;   }

.newsletter .right{ margin:0;padding:0;  float:left; width:490px !important; margin-top:10px; margin-left:10px; }

.newsletter .right p{ color:black;}




.news{ float:left; width:253px; height:369px;}
.newstitle{ float:left; width: 253px; height:263px; background:url(../images/newstop.jpg) no-repeat left top;}
.newstitle h1{font:bold 22px helvetica !important; color:#f5e300 !important; font-style:italic !important;  padding:0 !important;  margin:50px 0 0 0 !important; text-align:center; }
.newstitle p{ font:bold 14px arial; text-align:center; float:none; margin:0px 15px 0 35px !important; width:190px;  }