* {margin: 0; padding: 0} BODY {font-size: 0.8em; color: black; background: white url('d/bg.gif') repeat-x}
TABLE {border-collapse: collapse} TD {vertical-align: top} LI {list-style: none} IMG {border: 0}
A {color: black}

HTML {scrollbar-face-color: #CDBDA3; scrollbar-shadow-color: #795737; scrollbar-highlight-color: #ECE5DB}

#Logo SPAN, #Navi SPAN {display: none}

HTML, BODY, #Main, #Container, #Left {min-height: 100%; height: 100%}
HTML>BODY #Container {height: auto}
#Container {margin-bottom: -40px}


/****** Left ******/ 
#Left {position: absolute; top: 0; left: 12px; bottom: 3px; margin-top: -3px; padding-top: 3px; width: 195px; background: #ECE5DB url('d/bg-left.jpg') no-repeat 0 82px}

/**** Logo ****/ 
#Logo {position: relative; margin: 0 -12px; display: block; width: 222px; height: 79px; background: url('d/logo.gif')}

/**** Navi ****/ 
#Navi {position: absolute; bottom: 0; height: 29px}
#Navi LI {float: left}
#Navi A {display: block; width: 34px; height: 29px; background: url('d/navi.gif')}
#Navi #letter A {margin-left: 9px}
#Navi #write A {margin: 0 35px; background-position: -34px 0}
#Navi #phone A {background-position: -68px 0}


/****** Container ******/
#Main {position: relative; width: expression((documentElement.clientWidth || document.body.clientWidth) < 1024 ? '990px' : 'auto')}
#Container {padding: 0 0 0 210px}
#Content {width: 534px; padding-bottom: 40px}
#Content .content {height: 450px; overflow: auto; text-align: justify; padding-right: 4px;}
* HTML #Content .content {height: expression((document.body.clientHeight - 153) +'px')}
.catalog #Content .line {border-left: 1px solid #795737; padding-left: 12px}
H1, H2, H3, H4, H5, STRONG {color: #795737}
H2 {font: bold 1.85em 'Arial', sans-serif}
H4 {font-size: 1.1em}
P {margin: 0 0 1em}
IMG.right {float: right; margin: 0 0 1em 1em}
.center {text-align: center}

/**** Products ****/
.products, .products H3 {border-bottom: 1px solid #795737}
.products {clear: both; width: 100%; overflow: hidden; margin: 1em 0 0; padding: 0 0 2px}
.products .product {float: left; width: 30%; text-align: center}
.products .first, .products .last {width: 20% !important}
.products .first {text-align: left}
.products .last {text-align: right}
.products .image {height: 80px}
.products STRONG {font-size: 1.2em; color: #795737}

/* Press */
.quote {clear: both; padding: 1em 0 0}
.quote IMG {float: left}
.quote DIV {margin-left: 166px}
.quote .source {font-weight: bold; text-align: right}

/* Awards */
.award {clear: both; padding: 1em 0 0;}
.award DIV {margin-left: 125px;}
.award IMG {float: left}
.awards .right DIV {margin: 0 125px 0 0; text-align: right}
.awards .right IMG {float: right}

/* Geography */
.addresses {width: 100%}
.addresses P {float: left; width: 48%; padding: 0 0 0 2%}
.addresses .first {padding: 0 2% 0 0}

.products H3 {background: no-repeat 100% 100%}
#PeeledSunflowerSeeds H3 {background-image: url('c/peeled-sunflower-seeds/title-bg.gif')}
#RoastedSunflowerSeeds H3 {background-image: url('c/roasted-sunflower-seeds/title-bg.gif')}
#PumpkinSeeds H3 {background-image: url('c/pumpkin-seeds/title-bg.gif')}

/**** Menu ****/
.products, #Menu, #BottomMenu {font-family: 'Arial', sans-serif}
#Menu LI {text-align: left; margin: 2em 0 0; padding-left: 11px}
#Menu .active {background: url('d/bullet.gif') no-repeat 0 0.5em}
.catalog #BottomMenu {text-align: left}

/**** BottomMenu ****/
#Menu A, #BottomMenu, #BottomMenu A, #BottomMenu A {font-weight: bold; color: #795737; text-decoration: none}
#BottomMenu {clear: both; font-size: 0.85em; padding: 1em 0 0; text-align: center}
#BottomMenu A.active {color: #CDBDA3}
#Menu A:hover {text-decoration: underline}

/**** Banners ****/
#LeftBanner, #RightBanner, #Menu {padding: 83px 0 4px; text-align: center} #Menu {padding: 100px 4px 4px}
#LeftBanner, #Menu {width: 45%}
#RightBanner {width: 55%}

/****** Footer ******/
#Footer {height: 37px; border-bottom: 3px solid #795737; background: url('d/seeds.jpg') no-repeat}
#Toy {position: absolute; bottom: 3px; right: 0; width: 132px; height: 111px; background: url('d/geroy.gif')}