/* Some style elements have been added for use with the STS template
  system in osCommerce. Your original style elements have been left so
  that no changes need to be made to your existing pages. */

html {
  padding:0px;
  margin:0px;
}

body {
  font-family: Verdana;
  font-size: medium;
  padding: 0px 0px;
  margin: 0px;
}

#background {
  position: absolute;
  top: 0px;
  left: 10px;
  width: 3356px;
  overflow: auto;
  padding: 0px;
}

#menu1 {
  position: absolute;
  left:  340px;
  top: 90px;
  margin-left: 0px;
  width: 100px;
  font-size: medium;
  line-height: 1.5;
}
#menu2 {
  left: 440px;
  position: absolute;
  top: 90px;
  margin-left: 0px;
  width: 200px;
  font-size: medium;
  line-height: 1.5;
}
#menu3 {
  left: 595px;
  position: absolute;
  top: 90px;
  margin-left: 0px;
  width: 125px;
  font-size: medium;
  line-height: 1.5;
}
#menu4 {
  left: 720px;
  position: absolute;
  top: 90px;
  margin-left: 0px;
  width: 160px;
  font-size: medium;
  line-height: 1.5;
}
#menu5 {
  left: 880px;
  position: absolute;
  top: 90px;
  margin-left: 0px;
  width: 150px;
  font-size: medium;
  line-height: 1.5;
}


a:link {color: #000099;  text-decoration:none;}
a:visited {color:  #800080;  text-decoration:none;}
a:active {color:  #FF0000;  text-decoration:none;}
a:hover {color:  #FFFFFF; background-color:  #000099;  text-decoration:none;}


#content {
  position: absolute;
  top: 350px;
  margin-left: 5%;
  margin-right: 5%;
  width: 900px;
  overflow: auto;
  padding: 0px;
  font-size: small;
}

h1 {
  font-family: Times New Roman;
  font-size: xx-large;
  padding-top: 0px;
  text-align: center;
}

h2 {
  font-size:large;
  padding-top: 0px;
  text-align: center;
}  

#column-L {
  width: 430px;
  float:  left;
}

#column-R {
  float:  right;
}
  
/* New styles added for STS in osCommerce */
/* 1. I adjusted the layout so that the header,footer, and sidebar all 
remain fixed while the catalog pages can be scrolled within their DIV 
block. */
/* 2. The positioning is very close to your original layout. I reduced
the width of the sidebar in an effort to reduce the need for a 
horizontal scrollbar for the catalog. */
/* If you wanted to use these styles for all of your pages, here is the
equivalencies list:
	New					Original
	---					--------
	DIV#header			none
	DIV#footer			none
	DIV#sidebar			#menu
	DIV#sidebar a		#menu a
	DIV#store			none
	DIV#content			content
*/

  DIV#header { position: absolute;
  	top: 0;
  	left: 15%;
  	right: 0;
  	}

  DIV#footer { width: 100% }

  DIV#store { position: absolute;
  	top: 310px;
  	bottom: 0;
  	left: 10px;
  	right: 0;
  	margin-left: 0;
  	padding: 0;
  	overflow: auto;
  	background: white;
  	}