body {

margin:0; padding:0; font-family:verdana, arial, sans-serif; font-size:80%; color:#666666; text-align:center;

background-color:#DDDDDD;}



p {

margin:0.2em 0 1.2em 0; padding:0.3em;}



h1 {

padding:0; margin:0;font-size:250%; font-weight:normal; font-style:italic; 

color:#8CD749; font-family:"Trebuchet MS", verdana, arial, sans-serif;}



h2 {

background-color:#DDDDDD; color:#3B4471; font-size:100%; font-weight:normal; margin:0.2em; padding:0; 

font-style:italic; font-family:"Trebuchet MS", verdana, arial, sans-serif;}



div {

margin:0; padding:0; display:block;}



a:link, a:visited {

color:#8CD749; text-decoration:underline;}

a:hover {

color:#3B4471; text-decoration:none;}

a:active {

color:#8CD749; text-decoration:underline;}







.container {

background-color:#FFFFFF; margin:0 auto 0 auto; padding:0; width:900px;}



.titleblock {

padding:2em; margin:0; text-align:left;

background-image:url(img/logo.jpg); background-repeat:no-repeat; background-position:right center;}



.titleblock p {

text-indent:4em; color:#3B4471;}







ul.navbar {

list-style-type:none; float:left; display:block; width:100%; line-height:1.5em; 

clear:both; margin:0; padding:0; background-color:#bbb5a9; clear:right;}



ul.navbar li {

display:inline;}



a.nav:link, a.nav:visited {

display:inline; float:left; width:25%; padding:1.2em 0 1.2em 0; margin:0; 

text-decoration:none; background-color:#bbb5a9; color:#FFFFFF;}



a.nav:hover {

display:inline; float:left; width:25%; padding:1.2em 0 1.2em 0; margin:0; 

text-decoration:none; background-color:#8CD749; color:#FFFFFF;}



a.nav:active {

display:inline; float:left; width:25%; padding:1.2em 0 1.2em 0; margin:0; 

text-decoration:none; background-color:#bbb5a9; color:#FFFFFF;}







.rightcontainer {

float:right; clear:both; width:13em; margin:1em 0 0 0; padding:0;}



.rightbox {

margin:0.5em; padding:0.3em; border:1px solid #999999; text-align:center;}



.rightcontainer h2 {

text-align:left; padding:0 0 0 1.5em;}





.content {

clear:left; text-align:left; margin:1.2em 13.5em 0 0; padding:1em 1ex 1em 1.5ex;}



.content h2 {text-indent:3em;}




.productcontent {

clear:left; text-align:left; padding:10px 30px;}


.productcontent h2 {text-indent:3em;}

ul.products {list-style-type:none; display:inline; width:100%; text-indent:0;}

ul.products li {

text-align: center; width: 400px; height: 200px; padding: 20px 10px; 
	float:left;display:inline;} 


.prodimg {

max-height: 150px; max-width: 380px; margin: 0 0 10px 0; clear: right; overflow:scroll;

}

.prodtitle {font-size: larger; font-weight: bold;}

.blah {

width: expression(Math.min(parseInt(this.offsetWidth), 380 ) + "px");
height: expression(Math.min(parseInt(this.offsetHeight), 100 ) + "px");
width: expression(Math.min(parseInt(this.offsetWidth), 860 ) + "px");
}



	

.productcontent_large { clear:left; background-color:#FFFFFF; text-align:center; padding:10px 20px; margin: 0;}

.productcontent_large h2 {text-indent:3em;}

.productcontent_large .prodimg_large {

max-width: 840px; margin: 0; clear: right;
}




.productcontent_large .name { width:40%; text-align:left; font-size:large; font-weight:bold; float:left;}

.productcontent_large .price { width:40%; text-align:right; font-size:x-large; font-weight:bold; color:#8CD749; float:right;}





.footer {

color:#999999; font-size:75%; margin:2.5em 0.2em 0.5em 0.5em; padding:0.8em; 

border-top:1px solid #999999; text-align:left; clear:both;}

.footer .right {

float:right; clear:right; text-align:right;}



.footer p {margin:0;}