body { margin: 0; background-color: #010408; background-image: url(img/mainbkg.gif); background-repeat: repeat-x; color: #333; font: 11px Tahoma, Verdana, sans-serif; }
#languagebar { height: 16px; color: #ffb57e; padding: 3px 0 0 0; text-align: right; font-size: 10px; font-family: Arial, sans-serif; }
#languageblock { background-image: url(img/languagesplitter.png); background-repeat: no-repeat; width: 79px; height: 36px; float: right; }
#header { height: 184px; background-image: url(img/tecoheader.png); background-repeat: no-repeat; }
#header-left { width: 600px; display: inline; float: left; height }
#header-right { width: 200px; display: inline; float: right; }
#header2 { clear: both; }
#menu { background-image: url(img/menubkg.png); background-repeat: no-repeat; height: 21px; padding: 8px 0 0 20px; font-size: 11px; font-weight: bold; color: #AAA; }
#menu a { color: #FFF; }
#menu a:visited { color: #FFF; }
#menu a:hover { color: #ffc272; }
#menu a:active { color: #F90; }
.langen { display: inline; float: left; width: 39px; background-image: url(img/langen.png); background-repeat: no-repeat; height: 36px; background-position: 0 -36px; }
.langen:hover { background-position: 0 -72px; }
.langen#currentlang { background-position: 0 0; }
.langit { display: inline; float: left; width: 40px; background-image: url(img/langit.png); background-repeat: no-repeat; height: 36px; background-position: 0 -36px; }
.langit:hover { background-position: 0 -72px; }
.langit#currentlang { background-position: 0 0; }

h1 { color: #252525; font-size: 19px; padding: 0 0 15px 0; margin: 0; letter-spacing: 1px; text-transform:uppercase }
h2 { color: #454545; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; }
img { border: none; }
.error { color: #FFF; background: #F00; padding: 6px; margin: 0 0 10px 0; }
.table-head { background: #222; padding: 6px; color: #FFF; font-weight: bold; background-image: url(img/theadbkg.gif); background-repeat: repeat-x; }
.table-list { background: #FFF; padding: 4px 6px; line-height: 140%; color: #444; }
.table-list-alt { background: #EEE; padding: 4px 6px; line-height: 140%; color: #444; }

.table-treats { padding: 4px 6px; background-color: #f5f5f5; background-image: url(img/theadbkg2.gif); background-repeat: repeat-x; color: #000; }
.table-sizesavail { padding: 6px; color: #FFF; font-size: 13px; font-weight: bold; background-color: #f5f5f5; background-image: url(img/theadbkg2.gif); background-repeat: repeat-x; color: #000; }
p { line-height: 150%; color: #252525; margin: 0 0 15px 0; padding: 0; }
.text { line-height: 150%; margin: 0 0 15px 0; color: #252525; }

ul { margin: 0 0 15px 30px; padding: 0; }
li { list-style: square; margin: 3px; color: #555; }

a, a:visited { color: #316ec3; text-decoration: none; outline: none; }
a:hover { color: #ffbe85; }
a:active { outline: none; }
#maincontainer { width: 858px; margin: 0 auto; }
#content { background-image: url(img/contentbkg.png); background-repeat: repeat-y; }
#content #left { width: 216px; display: inline; float: left; padding: 13px 0 13px 5px; }
#content #right { width: 601px; display: inline; float: right;  margin: 0 5px 0 0; padding: 15px 15px 20px 15px; }


.empty { background: #000; color: #F00; padding: 4px 6px; }
#footer { margin: 30px 0 50px 0; padding: 60px 0 0 20px; font-size: 10px; color: #AAA; height: 134px; background-image: url(img/footer.png); background-repeat: no-repeat; }
#footer a { color: #FFF; }
#footer a:visited { color: #FFF; }
#footer a:hover { color: #ffc272; }
#breadcrumbs { font-size: 10px; padding: 0 0 5px 0; margin: 0 0 20px 0; border-bottom: dashed 1px #CCC; color: #777; }
.form-txt { color: #333; background: #FFF; border: solid 1px #888; font-size: 11px; padding: 2px; }
.form-txt-100 { color: #333; background: #FFF; border: solid 1px #888; font-size: 11px; width: 99%; padding: 2px; }
.form-button { font-weight: bold; color: #000; font-size: 11px; }

.clear { clear: both; }
.clear5 { clear: both; height: 5px; }
.clear8 { clear: both; height: 8px; }
.clear10 { clear: both; height: 10px; }
.clear15 { clear: both; height: 15px; }
.clear20 { clear: both; height: 20px; }
.size10 { font-size: 10px; }
.size14 { font-size: 14px; }
.size15 { font-size: 15px; }
.size17 { font-size: 17px; }
.size20 { font-size: 20px; }

.medgray { color: #888; }
.iightgray { color: #555; }
.red { color: #F00; }

#homegraphic { margin: 0 0 15px 0; }

.iodine { width: 209px; height: 24px; background-image: url(img/menu/iodine.jpg); background-position: 0 0; background-repeat: no-repeat; }
.iodine:hover { background-position: 0 -24px; }
.iodine#currentproduct { background-position: 0 -48px; }
.liquid-magnesium { width: 209px; height: 24px; background-image: url(img/menu/liquid-magnesium.jpg); background-position: 0 0; background-repeat: no-repeat; }
.liquid-magnesium:hover { background-position: 0 -24px; }
.liquid-magnesium#currentproduct { background-position: 0 -48px; }
.marine-nitrifiers { width: 209px; height: 24px; background-image: url(img/menu/marine-nitrifiers.jpg); background-position: 0 0; background-repeat: no-repeat; }
.marine-nitrifiers:hover { background-position: 0 -24px; }
.marine-nitrifiers#currentproduct { background-position: 0 -48px; }
.liquid-calcium { width: 209px; height: 24px; background-image: url(img/menu/liquid-calcium.jpg); background-position: 0 0; background-repeat: no-repeat; }
.liquid-calcium:hover { background-position: 0 -24px; }
.liquid-calcium#currentproduct { background-position: 0 -48px; }
.strontium-and-molybdenum { width: 209px; height: 24px; background-image: url(img/menu/strontium-and-molybdenum.jpg); background-position: 0 0; background-repeat: no-repeat; }
.strontium-and-molybdenum:hover { background-position: 0 -24px; }
.strontium-and-molybdenum#currentproduct { background-position: 0 -48px; }
.trace-elements { width: 209px; height: 24px; background-image: url(img/menu/trace-elements.jpg); background-position: 0 0; background-repeat: no-repeat; }
.trace-elements:hover { background-position: 0 -24px; }
.trace-elements#currentproduct { background-position: 0 -48px; }
.liquid-buffer { width: 209px; height: 24px; background-image: url(img/menu/liquid-buffer.jpg); background-position: 0 0; background-repeat: no-repeat; }
.liquid-buffer:hover { background-position: 0 -24px; }
.liquid-buffer#currentproduct { background-position: 0 -48px; }
.dry-buffer { width: 209px; height: 24px; background-image: url(img/menu/dry-buffer.jpg); background-position: 0 0; background-repeat: no-repeat; }
.dry-buffer:hover { background-position: 0 -24px; }
.dry-buffer#currentproduct { background-position: 0 -48px; }
.marine-clean { width: 209px; height: 24px; background-image: url(img/menu/marine-clean.jpg); background-position: 0 0; background-repeat: no-repeat; }
.marine-clean:hover { background-position: 0 -24px; }
.marine-clean#currentproduct { background-position: 0 -48px; }
.water-conditioner { width: 209px; height: 24px; background-image: url(img/menu/water-conditioner.jpg); background-position: 0 0; background-repeat: no-repeat; }
.water-conditioner:hover { background-position: 0 -24px; }
.water-conditioner#currentproduct { background-position: 0 -48px; }
.marine-clarifier { width: 209px; height: 24px; background-image: url(img/menu/marine-clarifier.jpg); background-position: 0 0; background-repeat: no-repeat; }
.marine-clarifier:hover { background-position: 0 -24px; }
.marine-clarifier#currentproduct { background-position: 0 -48px; }
.phosphate-remover { width: 209px; height: 24px; background-image: url(img/menu/phosphate-remover.jpg); background-position: 0 0; background-repeat: no-repeat; }
.phosphate-remover:hover { background-position: 0 -24px; }
.phosphate-remover#currentproduct { background-position: 0 -48px; }
.pure-grade-reef-carbon { width: 209px; height: 24px; background-image: url(img/menu/pure-grade-reef-carbon.jpg); background-position: 0 0; background-repeat: no-repeat; }
.pure-grade-reef-carbon:hover { background-position: 0 -24px; }
.pure-grade-reef-carbon#currentproduct { background-position: 0 -48px; }
.reef-salt { width: 209px; height: 24px; background-image: url(img/menu/reef-salt.jpg); background-position: 0 0; background-repeat: no-repeat; }
.reef-salt:hover { background-position: 0 -24px; }
.reef-salt#currentproduct { background-position: 0 -48px; }
.sea-salt { width: 209px; height: 24px; background-image: url(img/menu/sea-salt.jpg); background-position: 0 0; background-repeat: no-repeat; }
.sea-salt:hover { background-position: 0 -24px; }
.sea-salt#currentproduct { background-position: 0 -48px; }
.pure-grade-seafood-salt { width: 209px; height: 24px; background-image: url(img/menu/pure-grade-seafood-salt.jpg); background-position: 0 0; background-repeat: no-repeat; }
.pure-grade-seafood-salt:hover { background-position: 0 -24px; }
.pure-grade-seafood-salt#currentproduct { background-position: 0 -48px; }