body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #001422; } body { background:url(images/bg.jpg) repeat top #001422; text-align: center; } #wrap { position: relative; width: 760px; background: #FFFFFF; margin: 0 auto; text-align: left; background-color: #FFFFFF; } #menu {background:url(images/menu_bg.jpg) top repeat-x; height:37px; width:760px; clear: both;} #menu_inside {height:37px; width:80%; margin-left:20px; margin-right: 20px; clear: both;} #headerkitchendesign {background:url(images/headerkitchendesign.jpg) top no-repeat #FFFFFF; width:760px; height:207px; clear: both;} #headerkitchen {background:url(images/headerkitchen.jpg) top no-repeat #FFFFFF; width:760px; height:207px; clear: both;} #headercontact {background:url(images/headercontact.jpg) top no-repeat #FFFFFF; width:760px; height:207px; clear: both;} #headerchemical {background:url(images/headerchemical.jpg) top no-repeat #FFFFFF; width:760px; height:207px; clear: both;} #headersales {background:url(images/headersales.jpg) top no-repeat #FFFFFF; width:760px; height:207px; clear: both;} #header {background:url(images/header.jpg) top no-repeat #FFFFFF; width:760px; height:207px; clear: both;} #border {background:url(images/border.jpg) #CCCCCC repeat-x top; width:760px; height:2px; clear: both;} h1 {font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#6C5A42;} #footer {background:url(images/footer.jpg) #FFFFFF repeat-x top; width:760px; height:43px; text-align:center; float: left; clear: both;} #footer a:link {color:#333333; text-decoration:none; font-size:11px; padding-left:10px; padding-right:10px;} #footer a:visited {color:#333333; text-decoration:underline; font-size:11px; padding-left:10px; padding-right:10px;} #footer a:hover {color:#666666; text-decoration:underline; font-size:11px; padding-left:10px; padding-right:10px;} #footer a:active{color:#FFFFFF; text-decoration:underline; font-size:11px; padding-left:10px; padding-right:10px;} #dev a:link {color:#fff; text-decoration:none; font-size:11px; padding-left:10px; padding-right:10px;} #dev a:visited {color:#fff; text-decoration:underline; font-size:11px; padding-left:10px; padding-right:10px;} #dev a:hover {color:#fff; text-decoration:underline; font-size:11px; padding-left:10px; padding-right:10px;} #dev a:active{color:#fff; text-decoration:underline; font-size:11px; padding-left:10px; padding-right:10px;} #bottom_line {background:url(images/bottom_line.jpg) #E1E2E1 top repeat-x; width:760px; height:6px!important; clear: both;} #main {background:url(images/main_bg.jpg) #FFFFFF top repeat-x; width:760px; position: relative; clear: both; float: left; } #main a{color:#001422; text-decoration:underline; font-weight:bold;} #main a:hover {color:#001422; text-decoration:none; font-weight:bold;} #main h2 { background:url(images/h2_bg.jpg) top repeat-x #0170BF; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; padding-left:10px;} #main h3 {background:#E2F6FF; font-size:12px; font-weight:normal;} #main h4 {font-size:12px; font-weight:normal; color:#F01720;} #main h4 a{font-size:12px; font-weight:normal; color:#F01720; text-decoration:underline;} #main h4 a:hover{font-size:12px; font-weight:normal; color:#F01720; text-decoration:none;} #cell {width:760px; height:200px; background:url(images/cell.jpg) no-repeat; position: relative; clear:both; color: #FFFFFF} #cell h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; font-weight:400;} #cell_border {width:760px; height:3px; background:url(images/cell_border.jpg) repeat-x; position: relative; clear:both} #cell_bg {width:253px; height:197px; background:url(images/cell_bg.jpg) repeat-x; position: relative; clear:both} #right {width:220px; float: right; padding:10px; position:inherit} #productright {width:750px; float: left; padding:10px; position:inherit} #vac {width:710px; float: left; padding:10px; position:inherit} #cell_right {width:220px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:10px;} #cell_right a.more{ background:url(images/brown-button-r.jpg) no-repeat 0 0 #FFFFFF; color:#000000; width:102px; height:38px; display:block; float:right; text-decoration:none; text-indent:-2000px; padding:0; line-height:0;} #cell_middle {width:220px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:34px;} #cell_middle a.more{ background:url(images/org-button-m.jpg) no-repeat 0 0 #FFFFFF; color:#000000; width:102px; height:38px; display:block; float:right; text-decoration:none; text-indent:-2000px; padding:0; line-height:0;} #cell_left {width:220px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:34px;} #cell_left a.more{ background:url(images/brown-button-l.jpg) no-repeat 0 0 #FFFFFF; color:#000000; width:102px; height:38px; display:block; float:right; text-decoration:none; text-indent:-2000px; padding:0; line-height:0;} /*- Menu Tabs J--------------------------- */ #tabsJ { float:left; width:100%; background:url(images/menu_bg.jpg) top repeat-x; font-size:103%; font-weight:bold; line-height:normal; } #tabsJ ul { margin:0; padding:10px 10px 0 10px; list-style:none; } #tabsJ li { display:inline; margin:0; padding:0; } #tabsJ a { float:left; background:url("images/tableftJ.gif") no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none; } #tabsJ a span { float:left; display:block; background:url("images/tabrightJ.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#FFFFFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsJ a span {float:none;} /* End IE5-Mac hack */ #tabsJ a:hover span { color:#FFF; } #tabsJ a:hover { background-position:0% -42px; } #tabsJ a:hover span { background-position:100% -42px; } /* kitchen products menu - start \*/ #hoverpage ul#outer li div p {font-size:11px; line-height:16px; margin:5px 0 15px 0;} #hoverpage ul#outer li div h2 {line-height:1em; color:#585; font-size:1.5em; font-weight:normal; margin-top:0; font-family:verdana, sans-serif;} #hoverpage ul#outer li div h3 {line-height:1em; color:#66a; font-size:1.2em; font-weight:normal; margin-top:0;} #hoverpage ul#outer li div h3.clear {clear:left;} #hoverpage {width:650px; height:370px; border:1px solid #aaa; background:#fff; position:relative; z-index:500; overflow:hidden; text-align:left;} #hoverpage table {border-collapse:collapse; margin:-1px;} #hoverpage ul#outer {background:transparent; padding:0; margin:0;list-style:none;} #hoverpage ul#outer li.page {display:inline;} /* needed for IE to function correctly */ #hoverpage ul#outer li.page a.menuitem {text-decoration:none;} #hoverpage ul#outer li.page i {position:absolute; display:block; height:25px; right:500px; background:transparent; cursor:default; z-index:100; text-align:right; text-decoration:none; color:#6C5A42; font-style:normal; cursor:pointer;} #hoverpage ul#outer li.p1 i {top:30px;} #hoverpage ul#outer li.p22 i {top:55px;} #hoverpage ul#outer li.p3 i {top:80px;} #hoverpage ul#outer li.p4 i {top:105px;} #hoverpage ul#outer li.p5 i {top:145px;} #hoverpage ul#outer li.p6 i {top:180px;}/* every 25 */ #hoverpage ul#outer li.p7 i {top:205px;} #hoverpage ul#outer li.p8 i {top:230px;} #hoverpage ul#outer li.p9 i {top:260px;} #hoverpage ul#outer li.p10 i {top:300px;} #hoverpage ul#outer li.p11 i {top:325px;} #hoverpage ul#outer li.page div {display:block; width:600px; height:400px; padding:25px; font-weight:normal; color:#444;} #hoverpage ul#outer li.p1 div {background:#fff url(images/page3_back.jpg);} #hoverpage ul#outer li.p22 div {background:#fff url(images/page3_back.jpg);} #hoverpage ul#outer li.p3 div {background:#fff url(images/page3_back.jpg);} #hoverpage ul#outer li.p4 div {background:#fff url(images/page3_back.jpg);} #hoverpage ul#outer li.p5 div {background:#fff url(images/page3_back.jpg);} #hoverpage ul#outer li.p6 div {background:#fff url(images/page3_back.jpg);} #hoverpage ul#outer li.p7 div {background:#fff url(images/page3_back.jpg);} #hoverpage ul#outer li.p8 div {background:#fff url(images/page3_back.jpg);} #hoverpage ul#outer li.p9 div {background:#fff url(images/page3_back.jpg);} #hoverpage ul#outer li.p10 div {background:#fff url(images/page3_back.jpg);} #hoverpage ul#outer li.p11 div {background:#fff url(images/page3_back.jpg);} #hoverpage ul#outer li div img { float:right; margin:0 10px 5px 0;} #hoverpage ul#outer li div p.big {line-height:1em; color:#004; font-size:1.5em;} #hoverpage ul#outer li div a {color:#00c; text-decoration:underline;} #hoverpage ul#outer li div em {display:block; width:190px; height:350px; float:left; background:transparent url(images/current.gif) no-repeat; margin-right:10px;} #hoverpage ul#outer li.p1 div em {background-position: 21px 0;} #hoverpage ul#outer li.p22 div em {background-position: 21px 25px;} #hoverpage ul#outer li.p3 div em {background-position: 21px 50px;} #hoverpage ul#outer li.p4 div em {background-position: 21px 75px;} #hoverpage ul#outer li.p5 div em {background-position: 21px 125px;} #hoverpage ul#outer li.p6 div em {background-position: 21px 150px;} #hoverpage ul#outer li.p7 div em {background-position: 21px 175px;} #hoverpage ul#outer li.p8 div em {background-position: 21px 200px;} #hoverpage ul#outer li.p9 div em {background-position: 21px 235px;} #hoverpage ul#outer li.p10 div em {background-position: 21px 270px;} #hoverpage ul#outer li.p11 div em {background-position: 21px 300px;} #hoverpage ul#outer li.page div a:hover {text-decoration:none;} #hoverpage ul#outer li.page a:hover {white-space:normal;} /* for IE6 */ #hoverpage ul#outer :hover div {position:absolute; left:0; top:0;} #hoverpage ul#outer a:hover i {color:#66a; font-weight:bold;} /* for IE6 */ #hoverpage ul#outer :hover a i {color:#66a; font-weight:bold;} #hoverpage ul#outer div ul li {line-height:20px; font-size:0.9em; color:#256; list-style-type:disc;} #hoverpage ul#outer div ul li a {line-height:20px; font-size:1.1em; color:#c00;} #hoverpage ul#outer div dl dd {line-height:20px; font-size:1.1em; color:#448;} #hoverpage ul#outer div dl dt {line-height:30px; font-size:1.3em; color:#333;} /* kitchen products menu - end \*/