html * {border: 0; margin: 0; padding: 0; font-size: 11px;}
body {background: url(../gfx/background.jpg) no-repeat center 2px #72ab0e; border-top: 2px solid #8bd50d; font-family: Tahoma;}

.left {float: left;}
.right {float: right;}
.floatWrapper {overflow: hidden;}
.hidden {visibility: hidden;}

a {text-decoration: none;}
a:HOVER {text-decoration: underline;}
h1 {background: url(../gfx/punctor.gif) no-repeat 3px 2px; clear: both; color: #ec6726; font-size: 12px; height: 16px; line-height: 16px; padding-left: 25px; font-style: italic;}
address {color: #9b9fa2; font-style: normal; margin-left: 20px; width: 200px;}
address a {color: #7ab611;}


#container {margin: 0 auto; width: 806px;}

#top {height: 90px;}
#top img {margin: 10px 0 0 30px;}
#top img.hp {margin-left: 10px;}
#top ul a {display: block; height: 20px;}
#top ul {display: inline; list-style-type: none; margin: 10px 25px 0 0; width: 40px;}
#top ul li {background: url(../gfx/languages.png) no-repeat; float: left; height: 19px; width: 20px;}
#top ul span {display: none;}
#top ul #de {background-position: -20px 0;}

#menu ul {height: 15px; list-style-type: none;}
#menu ul li {float: left;}
#menu ul li a {display: block; height: 15px;}
#menu ul li a span {display: none;}
	#menu ul.left {margin-left: 25px;}
	#menu ul.left a {background: url(../gfx/menuLeft.png);}
	#menu ul.left li {width: 53px;}
	#menu ul.right {margin-right: 30px;}
	#menu ul.right a {background: url(../gfx/menuRight.png);}
	#menu #company a {background-position: 0 0;}
	#menu #company a:HOVER, #menu #company a.active {background-position: 0 -15px;}
	#menu #contact a {background-position: -53px 0;}
	#menu #contact a:HOVER, #menu #contact a.active {background-position: -53px -15px;}
	#menu #gallery a {background-position: -106px 0; width: 59px;}
	#menu #gallery a:HOVER, #menu #gallery a.active {background-position: -106px -15px;}
	#menu #lamps a {background-position: 0 0; width: 47px;}
	#menu #lamps a:HOVER, #menu #lamps a.active {background-position: 0 -15px;}
	#menu #pomps a {background-position: -47px 0; width: 54px;}
	#menu #pomps a:HOVER, #menu #pomps a.active {background-position: -47px -15px;}
	#menu #tables a {background-position: -101px 0; width: 43px;}
	#menu #tables a:HOVER, #menu #tables a.active {background-position: -101px -15px;}
	#menu #banks a {background-position: -144px 0; width: 49px;}
	#menu #banks a:HOVER, #menu #banks a.active {background-position: -144px -15px;}
	#menu #wash-basins a {background-position: -193px 0; width: 71px;}
	#menu #wash-basins a:HOVER, #menu #wash-basins a.active {background-position: -193px -15px;}
	#menu #columns a {background-position: -264px 0; width: 50px;}
	#menu #columns a:HOVER, #menu #columns a.active {background-position: -264px -15px;}
	#menu #varia a {background-position: -314px 0; width: 43px;}
	#menu #varia a:HOVER, #menu #varia a.active {background-position: -314px -15px;}

#contentWrapper {margin-top: 5px;}
#contentWrapper .identity {background: url(../gfx/contentTopGradient.gif) top repeat-x; height: 198px; margin-left: 4px; text-align: center; width: 795px; position: relative;}
#contentWrapper .identity img {position: absolute; left: 10px;}
#contentWrapper .top {background: url(../gfx/contentTop.png); height: 11px;}
#contentWrapper .bottom {background: url(../gfx/contentBottom.png); height: 10px;}
#contentWrapper .content {background: url(../gfx/contentMiddle.png) repeat-y; position: relative;}
#contentWrapper .body {background: url(../gfx/contentBottomGradient.gif) bottom repeat-x; margin-left: 4px; padding: 0 10px 5px 10px; width: 775px;}

#contentWrapper .body .genericLeft {float: left; width: 290px;}
#contentWrapper .body .genericLeft h1 {margin: 20px 0 10px 15px;}
#contentWrapper .body .genericLeft .gallery {background: url(../gfx/galleryBackground.gif); height: 184px; margin-left: 3px; width: 271px;}
#contentWrapper .body .genericLeft .gallery img {margin: 13px 0 0 9px;}
#contentWrapper .body .genericLeft #map {border: 1px solid #c6c3bd; height: 237px; overflow: hidden; margin-left: 13px; width: 257px;}
#contentWrapper .body .genericRight {background: url(../gfx/verticalSeparator.gif) left repeat-y; float: right; padding: 20px 20px 20px 25px ; width: 440px;}
#contentWrapper .body .genericRight div {color: #706b69; line-height: 16px; margin-top: 15px;}
#contentWrapper .body .genericRight div.text p {margin: 10px 0;}

form.contact {width: 217px;}
form.contact p {margin-bottom: 10px;}
form.contact input, form.contact textarea {background: #fafafa; border-top: 1px solid #78909a; border-left: 1px solid #78909a; color: #9b9fa2; font-family: Tahoma; padding: 4px 8px; width: 200px;}
form.contact input.submit {border: 0; float: right; height: 22px; padding: 0; width: 66px;}
form.contact textarea {height: 75px; overflow: auto;}
div.formMessage {height: 30px;}

#contentWrapper .lamps h1 {margin: 10px 0 10px 30px;}
#contentWrapper .lamps h1 a {color: #ec6726; font-size: 12px;}
#contentWrapper .lamps .lamp {background: url(../gfx/verticalSeparator.gif) right repeat-y; float: left; width: 192px;}
#contentWrapper .lamps .last {background: none;}

#contentWrapper .gallery h1 {margin: 20px 0 10px 15px;}
#contentWrapper .gallery #gallery {text-align: center;}
#contentWrapper .gallery #gallery a {font-size: 0;}
#contentWrapper .gallery #gallery a img {border: 1px solid #c6c3bd; margin: 10px;}

#sitePath {list-style-type: none; margin: 13px 0 13px 13px;}
#sitePath li {background: url(../gfx/sitePathSeparator.gif) right 5px no-repeat; color: #808080; float: left; margin-right: 7px; padding-right: 10px;}
#sitePath li.noSeparator {background: none; padding: 0;}
#sitePath li a {color: #ec6726; text-decoration: underline;}

.productsGroup h1 {margin: 15px 0 13px 10px;}
#productView {float: left; height: 400px; margin-left: 2px; width: 270px;}
#productView .image {background: url(../gfx/productViewBackground.gif) no-repeat; height: 396px; overflow: hidden; text-align: center; width: 250px;}
#productView .image img {margin-top: 5px;} 
#productDetails {float: right; width: 500px;}
#productDetails #sitePath {margin: 0 0 0 5px; height: 30px;}
#productView, #productDetails {margin-top: 10px;}
#productDetails div.hr {background: url(../gfx/horizontalSeparator.gif) repeat-x; font-size: 0; height: 1px; margin: 10px 0; width: 100%;}
#productDetails #ask {color: #808080;}
#productDetails #ask a {color: #7ab611;}

#lampParams {list-style-type: none;}
#lampParams * {color: #9d9d9d;}
#lampParams li {float: left; margin-right: 20px;}
.productOption {color: #ec6726; font-weight: bold; margin-bottom: 10px;}
.productOptionImages a {border: 1px solid #b9b9b9; display: block; float: left; margin: 0 9px 9px 0;}
.productOptionImages a:LAST-CHILD, .productOptionImages a.last_child {margin-right: 0;}
.productOptionImages a:HOVER, .productOptionImages a.active {border: 1px solid #ec6726;}

#specification {list-style-type: none; margin-left: 10px;}
#specification li {background: url(../gfx/sitePathSeparator.gif) no-repeat left 5px; color: #808080; height: 20px; padding-left: 12px;}

#listingContainer .navLeft, #listingContainer .navRight {width: 50px;}
#listingContainer .navLeft a, #listingContainer .navRight a {display: block; height: 200px;}
#listingContainer .navRight {background: url(../gfx/listingNavigationRight.gif) no-repeat 50% 50%;}
#listingContainer .navLeft {background: url(../gfx/listingNavigationLeft.gif) no-repeat 50% 50%;}
#listingContainer .navLeft, #listingContainer .navRight, #listingContainer #listing {float: left;}
#listing {overflow: hidden; width: 670px; position: relative; height: 280px;}
#listing #itemsWrapper {position: absolute;}
#listing .listingItem {float: left; margin: 0 10px; width: 115px;}
#listing .listingItem a {color: #ec6726; display: block;}
#listing .listingItem img {border: 1px solid #ec6726;}
#listing .listingItem .name {background: url(../gfx/sitePathSeparator.gif) 5px 8px no-repeat; height: 20px; line-height: 20px; padding-left: 15px; }
#listing .lampsLow {width: 810px;}
#listing .lampsMedium {width: 1620px;}
#listing .lampsHigh {width: 2565px;}
#listing .lampsWall {width: 1620px;}
#listing .pompsListing {width: 945px;}
#listing .banksListing {width: 675px;}
#listing .columnsListing {width: 1350px;}


#footer {display: inline; margin: 0 30px 10px 0;}
#footer a {color: #bff264; font-size: 11px; text-decoration: none;}
#footer a:HOVER {color: #a8da4f;}