body { font: 12px arial, verdana, helvetica, sans-serif; margin: 20px auto; width: 972px; color: #999999; position: relative; }
a { text-decoration: none; color: ; }
a:hover { text-decoration: none; color: ; }
hr.clear { clear: both; height: 0; border: 0; margin: 0; visibility: hidden; }

div#container { width: 972px; margin: 0 auto; }

div#headers { width: 970px; padding: 30px 1px 0 1px; margin: 0 auto; background: url(../images/header-bg.png) top left no-repeat; clear: both; }
/*h1#sitetitle { width: 264px; height: 89px; margin: 0px 0 10px 30px; padding: 0; }
h1#sitetitle a { background: url(../images/sitetitle.png) top left no-repeat; display: block; text-decoration: none; width: 264px; height: 89px; }
h1#sitetitle a span { display: none; }*/
h1#sitetitle { width: 265px; height: 106px; margin: 0px 0 10px 30px; padding: 0; float: left; }
h1#sitetitle a { background: url(../images/sitetitle.png) top left no-repeat; display: block; text-decoration: none; width: 265px; height: 0; padding-top: 106px; overflow: hidden; }
h2#phone { height: 0; padding-top: 31px; width: 353px; float: right; display: block; overflow: hidden; background: url(../images/phone.png) top right no-repeat; margin: 45px 30px 0 0; }

div#menucontain { /*background: #d9d9d9;*/background: url(../images/menu/content-bg.png) top left repeat; width: 972px; margin: 0 auto; padding: 0; clear: both; }
ul#menu { padding: 0; list-style: none; position: relative; background: url(../images/menu/menu.png) top left repeat; height: 24px; width: 946px; margin: 0 auto; text-transform: lowercase; }
ul#menu li {
	float: left;
	margin: 0 0 0 16px;
}
ul#menu li a { padding: 4px 20px; color: #000000; text-decoration: none; display: block; }
ul#menu li a:hover, ul#menu li a.on:hover { color: #007D00; }
ul#menu li a.on { color: #007D00; }

ul#menu li ul { display: none; margin: 0; padding: 0; width: 140px; position: absolute; top: 23px; list-style: none; background-color: transparent; }
ul#menu li:hover ul { display: block; background-color: transparent; /*border-top: 1px solid white;*/ }
ul#menu li:hover ul li { margin: 0; background-color: transparent; }
ul#menu li:hover ul li a { background-color: transparent; background: url(../images/menu/menu-bg6.png) top left repeat; width: 128px; padding: 4px 6px; }
ul#menu li:hover ul li a:hover { background-color: transparent; background: url(../images/menu/menu-hover6.png) top left repeat; color: #007C00; }

div#content { clear: both; background: url(../images/content-bg.png) top left repeat-y; width: 946px; padding: 20px 13px 10px 13px; margin: 0 auto; }
div#content h1#pagetitle { background: url(../images/pagetitle.png) top left no-repeat; margin: 0 0 20px 0; padding: 6px 10px 0 10px; height: 38px; width: 926px; font-weight: normal; color: #474647; text-transform: lowercase; font-size: 22px; }
div#content p { line-height: 1.4; }
div#content ul li { margin: 0 0 10px 0; }

div#footers { clear: both; width: 946px; background: url(../images/footer-bg.png) bottom left no-repeat; height: 21px; padding: 0 13px 0px 13px; }

div#text { width: 276px; float: left; padding: 0px 10px; }
div#text h2 { color: #007D00; font-size: 16px; font-weight: normal; background: url(../images/text-h2.jpg) bottom left no-repeat; margin: 0px 0 20px 0; padding: 0 0 10px 0; }
h3 { color: #007D00; font-weight: bold; font-size: 14px; margin: 0; padding: 0; }
img.right { float: right; }
img.left { float: left; }
a img { border: 0; }

strong { font-weight: bold; color: #007D00; }

div#content ul li { list-style-image: url(../images/list-image.png); }

div#content a { text-decoration: underline; color: #999999; }
div#content a:hover { text-decoration: underline; color: #007d00; }

div#content div#text ul.brands { margin: 0; padding: 0; list-style: none; }
div#content div#text ul.brands li { float; left; width: 300px; height: 60px; float: left; text-align: center; font-size: 18px; list-style-image: none; }