* { border:0px; margin:0px; padding:0px; }
body { background: #7a7a7a url(/images/background.gif) 50% 0 repeat-y; color: #000; font-family: "Tahoma",Arial,Helvetica,sans-serif; font-size: 12px; }

h1 { font-size: 18px; color: #000; padding-bottom: 15px; }
h1.welcome { font-size: 26px; font-weight: normal; color: #663333; padding-bottom: 0; }
h2 { padding-top: 20px; font-size: 16px; font-weight: bold; padding-bottom: 10px;  }
h3 { font-size: 14px; font-weight: bold; }
input {  }
td { vertical-align: middle; }

#footer p.footerMenu { text-align: center; line-height: 2em; }
#footer p.footerMenu a { text-decoration: underline; }
#footer p.footerMenu a:hover { color: #990000; }
p.copyright { line-height: 1.7em; }
p.error { color: #cc0000; }
p.description { line-height: 1.7em; padding-bottom: 20px; }
p.description2 { line-height: 1.7em; padding-bottom: 20px; text-align: justify; }
p.description3 { line-height: 1.7em; text-align: justify; padding: 0 0 20px 0; }
p.status { color: #cc0000; padding-bottom: 5px; }
ul { list-style: none; }
select { border: 1px solid #999; }
textarea { border: 1px solid #999; font-family: "Tahoma",Arial,Helvetica,sans-serif; font-size: 12px; background-color: #eee;}
a { text-decoration: underline; font-weight: normal; color: #990000; }
a:hover { text-decoration: underline; color: #990000; }
img.products { border-right: 2px solid #fff; }

#wrapper { margin: 0 auto; width: 726px; padding-left: 1px; position: relative; }
html>body #wrapper { padding-left: 0px; }

#topBar { height: 10px; background: #7a7a7a; width: 760px; margin: 0 auto; }
#top { border-top: 2px solid #fff; border-bottom: 2px solid #fff; height: 137px; line-height: 0em; }

#middleBar { width: 100%; background: #ccc; color: #333; font-size: 14px; font-family: Arial,Helvetica,sans-serif; font-weight: bold; height: 25px; padding-top: 8px; border-bottom: 2px solid #fff; text-align: center; }

#contentLeft { width: 175px; margin-right: 2px; float: left; line-height: 0em; }
#contentLeft ul.menu a { line-height: 1em; display: block; width: 160px; color: #fff; margin-top: -1px; padding: 8px 0 7px 15px; font-weight: normal; text-decoration: none; border-bottom: 1px solid #fff; background: url(/images/background-menu.gif) 0 0 repeat-y; }
html>body #contentLeft ul.menu a { margin-top: 0px;  }
#contentLeft ul.menu a:hover { text-decoration: underline; background: #666; }
#contentLeft img { margin-top: -2px; }

#contentRight { width: 545px; float: left; }
#mainContent { width: 515px; float: left; padding: 10px 15px 10px 15px; }

#mailingList { height: 75px; width: 100%; background: url(/images/background-left.gif) 0 0 repeat-y; }

#products { width: 100%; border-collapse: collapse; }
#products th { text-align: left; }
#products td { vertical-align: middle; font-size: 11px; }
#products td.logo { text-align: center; vertical-align: middle; width: 200px; padding: 5px 0; height: 75px;  }
#products tr.altRow { background-color: #eee; }
#products a { font-size: 12px; }
#products a.website { font-size: 11px; font-weight: normal; }

p.categoryDescription { font-size: 11px; line-height: 1.3em; text-align: center; padding: 10px; border: 1px solid #ccc; background: #eee; margin-bottom: 10px; }

#productTypes { width: 100%; padding-bottom: 20px; }
#productTypes td { padding: 3px 0px; }
#productTypes td.bullet { width: 40px; text-align: center; }

#contact { margin-bottom: 10px; }
#contact td { line-height: 1.4em; padding: 5px 20px 5px 10px; }
#contact input.contact { width: 200px; border: 1px solid #999; background: #eee; }
#contact textarea.contactMessage { height: 125px; width: 300px; border: 1px solid #999; background: #eee; }

#contact2 td.leftColumn { padding-right: 15px; }
#contact2 input.contact2 { width: 150px; border: 1px solid #999; background: #eee; padding: 2px; }
#contact2 textarea.contactMessage2 { height: 75px; width: 170px; border: 1px solid #999; background: #eee; }

span.mandatory { font-size: 12px; font-weight: bold; color: #cc0000; }
#contactForm td { line-height: 1.8em; padding: 5px 20px 5px 10px; vertical-align: top; }
#contactForm input.text { background-color: #eee; border: 1px solid #999; }

div.flyers { float: left; padding: 5px; border: 1px solid #ccc; background: #eee; margin-right: 10px; margin-bottom: 15px; line-height: 2em; text-align: center; text-decoration: none; width: 150px; }
div.photoGallery { float: left; padding: 5px; border: 1px solid #ccc; background: #eee; margin-right: 5px; margin-left: 5px; margin-bottom: 15px; height: 115px; width: 150px; text-align: center; }
div.clear { clear: both; }

/* Sitemap */
ul.sitemap { margin-left: 25px; }
ul.sitemap li { padding-bottom: 3px; }
ul.sitemap li a { padding-left: 25px; background: url(/images/bullet-arrow.gif) 10px 50% no-repeat; text-decoration: none; }
ul.sitemap ul { margin-left: 10px; padding-top: 10px; padding-left: 15px; }
h2.sitemap { margin-bottom: 0px; padding-top: 10px; padding-bottom: 0px; font-weight: normal; font-size: 18px; }
ul.sitemap a:hover { text-decoration: underline; }

table.creditApplication { width: 100%; padding-top: 10px; padding-bottom: 20px; }
table.creditApplication td { padding: 2px 0; }
table.creditApplication td.leftCol { width: 160px; }
table.creditApplication input.text { width: 150px; border: 1px solid #999; padding: 1px 0; background: #eee; }
span.mandatory { font-size: 12px; font-weight: bold; color: #cc0000; }
a.creditApp { display: block; background: url(/images/icon-pdf.gif) 10px 50% no-repeat; text-indent: 30px; padding: 4px 0; width: 230px; margin-bottom: 5px; }
p.boxDescription { font-size: 11px; line-height: 1.3em; text-align: center; padding: 10px; border: 1px solid #ccc; background: #eee; margin-bottom: 10px; }

table.testimonials { width: 100%; }
table.testimonials td { width: 33%; text-align: center; vertical-align: middle; }
p.testimonial { font-size: 12px; line-height: 1.5em; text-align: left; padding: 10px; border: 1px solid #ccc; background: #eee; margin-bottom: 20px; }

div.kitchenLeft1 { float: left; padding: 10px 0 0 80px; width: 410px; height: 89px; background: #fff url(/images/designsteps-1.gif) 100% 0 no-repeat; margin-bottom: 20px; }
div.kitchenLeft5 { float: left; padding: 10px 0 0 80px; width: 410px; height: 89px; background: #fff url(/images/designsteps-5.gif) 100% 0 no-repeat; margin-bottom: 20px; }
div.kitchenLeft6 { float: left; padding: 10px 0 0 80px; width: 410px; height: 89px; background: #fff url(/images/designsteps-6.gif) 100% 0 no-repeat; margin-bottom: 20px; }

div.kitchenLeft2 { float: left; padding: 10px 0 0 80px; width: 410px; height: 170px; background: #fff url(/images/designsteps-2.gif) 100% 0 no-repeat; margin-bottom: 20px; }
div.kitchenLeft3 { float: left; padding: 10px 0 0 80px; width: 410px; height: 170px; background: #fff url(/images/designsteps-3.gif) 100% 0 no-repeat; margin-bottom: 20px; }

div.kitchenLeft4 { float: left; padding: 10px 0 0 80px; width: 410px; height: 115px; background: #fff url(/images/designsteps-4.gif) 100% 0 no-repeat; margin-bottom: 20px; }


div.kitchenLeft1 h2, div.kitchenLeft2 h2, div.kitchenLeft3 h2, div.kitchenLeft4 h2, div.kitchenLeft5 h2, div.kitchenLeft6 h2 { padding-top: 0px; margin-top: 0px; padding-bottom: 5px; }
div.kitchenLeft1 p, div.kitchenLeft2 p, div.kitchenLeft3 p, div.kitchenLeft4 p, div.kitchenLeft5 p, div.kitchenLeft6 p { line-height: 1.5em; padding-bottom: 0px; width: 97%; }

p.featuredTestimonials { width: 100%; padding: 8px 0; font-size: 11px; background: #ccc; text-align: center; margin-bottom: 15px; }
p.featuredVendors { width: 100%; padding: 8px 0; font-size: 12px; background: #ccc; text-align: center; margin-bottom: 15px; margin-top: 15px; }
div.homeLeft { float: left; width: 330px; margin-right: 15px; }
div.homeRight { float: left; width: 170px; }
div.homeBottom { clear: both; width: 100%; }
div.featuredVendors { float: left; padding: 5px; border: 1px solid #ccc; background: #eee; margin-right: 10px; margin-bottom: 15px; line-height: 2em; text-align: center; text-decoration: none; height: 50px; }

p.stepGraphic img { margin-left: 62px; }

#footer { border-top: 1px solid #ccc; margin: 20px 0px 20px 0px; width: 415px; padding: 10px 0 0 100px; background: url(/images/hesco-logo-small.gif) 0 10px no-repeat; font-size: 10px; color: #666; clear: both; }
#footer a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666; font-weight: normal; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer ul.footerTools { width: 415px; }
#footer ul.footerTools li { display: inline; }
#footer ul.footerTools li a { float: left; display: block; padding: 3px 25px 4px 19px; text-decoration: underline; }
#footer ul.footerTools li a:hover { text-decoration: underline; color: #990000;  }
#footer ul.footerTools li a.email { background: url(/images/icon-email.gif) 0 50% no-repeat; }
#footer ul.footerTools li a.bookmark { background: url(/images/icon-bookmark.gif) 0 50% no-repeat; }
#footer ul.footerTools li a.print { background: url(/images/icon-print.gif) 0 50% no-repeat; }

div.tollFree { position: absolute; top: 150px; right: 15px; color: #333; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; width: 237px; }

/* Bread Crumbs */
#breadCrumbs { list-style-type: none; font-size: 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px;  padding-bottom: 10px; color: #999; }
#breadCrumbs li { display: inline; }
#breadCrumbs a { text-decoration: underline; font-weight: normal; color: #999; }
#breadCrumbs a:hover { color: #990000; }
#breadCrumbs li.current { font-weight: bold; padding-left: 15px; padding-top: 2px; }
#breadCrumbs li.you-are-here, li.current { font-style: italic; padding-top: 2px;  }
li.bread { background: #fff url(/images/arrow-bread.gif) 0px 50% no-repeat; padding-left: 12px; margin-left: 7px;}
li.home { margin-left: 10px; }

ul.teamHesco li { padding-bottom: 5px; }

table.clientTypes { width: 100%; border-collapse: collapse; }
table.clientTypes td { vertical-align: middle; padding: 3px 5px; border-bottom: 1px solid #ccc; }
table.clientTypes td.heading { border: 0px;  }
table.clientTypes td.spacing { border: 0px; height: 20px; }
table.clientTypes td.leftColumn { vertical-align: top; width: 150px; font-weight: bold; font-size: 11px; }
table.clientTypes td.middleColumn { vertical-align: middle; font-weight: 11px; }
table.clientTypes td.rightColumn { font-size: 11px; width: 150px; }
table.clientTypes tr.altRow { background-color: #eee; }

#featuredVendors { width: 100%; }
#featuredVendors td { width: 33%; vertical-align: middle; text-align: center; height: 65px; }

div.welcomeLeft { width: 340px; padding: 0 15px 0 0px; float: left; }
div.welcomeRight { width: 150px; padding: 0 0 0 0; float: left; }
div.welcomeRight p { width: 100%; text-align: right; line-height: 1.5em; }
div.welcomeBelow { width: 100%; clear: both; padding-top: 15px; float: left; }

table.msds td { vertical-align: middle; padding: 0 15px 5px 0; }

p.categoryDescription { width: 470px; background: #eee; padding: 15px; margin-bottom: 10px; font-size: 12px; line-height: 1.5em; }
blockquote {
	background: #fff; 
   margin: 0 30px 15px 40px;
   padding: 0 0 10px 10px;
   font-size: 18px;
   font-family: Georgia, "Times New Roman", Times, serif;
   color: #666;
   line-height: 1.4em; 
}
blockquote.right { width: 200px; margin: 5px 40px 10px 20px; text-align: right; float: right; border-left: 2px solid #ddd; }
blockquote.left { width: 200px; margin: 5px 20px 20px 5px; text-align: left; float: left; border-right: 2px solid #ddd; }