body { margin: 0; text-align: center; background: #E7E7E7 url(background.gif) center top repeat-y; }
#container { margin: 0 auto;	text-align: left; width: 754px; background-color: #FFFFFF; padding: 20px 4px 16px 6px; }

#main { margin:  0 0 30px 0;  }

#left { width: 430px; float: left; margin-bottom: 30px; }
#right { width: 289px; float: right; margin-bottom: 20px; padding-left: 32px; overflow: hidden; }

#sub { width: 200px; margin-bottom: 30px; padding-top: 6px; float: left; }
#content { width: 519px; float: right; margin-bottom: 30px; }

#offer { position: relative; left: -32px; top: -13px; }


/************ Header *************/

#header { position: relative; height: 124px; }

#logo { position: absolute; left: 0; top: 4px; width: 346px; }

/* Buttons */

#buttons {
  position: absolute; left: 374px; top: 16px;
  width: 230px; height: 40px;
  background-image: url(buttons.gif);
  overflow: hidden;
  }
#buttons ul {	padding: 0;	margin: 0; list-style: none; line-height: 1; }
#buttons ul li { float: left; width: 110px; height: 17px; line-height: 1; padding: 0; }

#buttons ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -999em;
	text-decoration: none;
}

#buttons01 a:hover, #buttons01 a:active { background: url(buttons.gif) 0 -40px no-repeat; }
#buttons02 a:hover, #buttons02 a:active { background: url(buttons.gif) -110px -40px no-repeat; }
#buttons03 a:hover, #buttons03 a:active { background: url(buttons.gif) 0 -57px no-repeat; }
#buttons04 a:hover, #buttons04 a:active { background: url(buttons.gif) -110px -57px no-repeat; }

/* Menu */

#menu { position: absolute; left: 0; top: 71px; width: 760px; z-index: 10; background: url(tabs.gif) 0 0 no-repeat; }

#menu ul { padding: 0; margin: 0; list-style: none; line-height: 1; }
#menu li { padding: 0; line-height: 1; }
#menu a {	display: block;	width: 100%; height: 100%; }

#menu ul li {	float: left; width: 230px; height: 28px; padding-right: 3px; }
#menu ul li ul {
  display: none;
  border-bottom: solid 2px #BBBBBB;
  padding: 14px 0;
  background-color: #EAEAEA;
  width: 230px;
  height: 110px;
  }
#menu ul li ul li { padding-left: 17px; width: 200px; height: 18px; }

#menu ul li a { text-indent: -999em; text-decoration: none; }
#menu ul li ul li a { color: #333333; text-indent: 0; background-image: none; }
#menu ul li ul li a:hover { color: #2C6BB1; text-decoration: underline; }

#menu li.sfhover ul { background-color: #F0F0F0; }

#menu ul #menu03, #menu ul #menu03 ul { width: 288px; padding-right: 0; }


/* Expanded state */

#header.expanded #menu ul li ul { display: block; }
#header.expanded { height: 260px; }

#header.expanded #pencils {
  position: absolute; top: 0; left: 600px;
  width: 147px; height: 239px;
  background-image: url(pencils.gif);
  z-index: 12;
  }
  
/* Misc screen only effects */

a.addbutton {
	display: block;
	width: 128px;
	height: 23px;
	text-indent: -9999px;
	text-decoration: none;
}
a.addbutton:link, a.addbutton:visited  { background: url(addtobasket.gif) 0 0 no-repeat; }
a.addbutton:hover, a.addbutton:active  { background: url(addtobasket.gif) 0 -24px no-repeat; }

a.addtext:link, a.addtext:visited  { color: #71A532; font-weight: bold; }
a.addtext:hover, a.addtext:active  { color: #7CB636; font-weight: bold; }
  
  
/* Enhanced image display */

table.prodlist a:link img, table.prodlist a:visited img { opacity: 1.0; -moz-opacity: 1.0; -khtml-opacity: 1.0; filter: alpha(opacity=100); }
table.prodlist a:hover img, table.prodlist a:active img { opacity: 0.70; -moz-opacity: 0.70; -khtml-opacity: 0.70; filter: alpha(opacity=70); }

table.catblock a:link img, table.catblock a:visited img { opacity: 1.0; -moz-opacity: 1.0; -khtml-opacity: 1.0; filter: alpha(opacity=100); }
table.catblock a:hover img, table.catblock a:active img { opacity: 0.85; -moz-opacity: 0.85; -khtml-opacity: 0.85; filter: alpha(opacity=85); }
  
  
/* Order form wizard */

#wizard { width: 200px; background: url(wizard.gif) left top no-repeat; margin-top: -5px; margin-bottom: 40px; }
#wizard ul { padding: 0;	margin: 0; list-style: none; }
#wizard ul li { width: 200px; height: 40px; padding: 0; margin: 0; text-indent: -999em; }

#wizard ul.wizard01 #wizard01 { background: url(wizard.gif) -200px 0 no-repeat; }
#wizard ul.wizard02 #wizard02 { background: url(wizard.gif) -200px -40px no-repeat; }
#wizard ul.wizard03 #wizard03 { background: url(wizard.gif) -200px -80px no-repeat; }
#wizard ul.wizard04 #wizard04 { background: url(wizard.gif) -200px -120px no-repeat; }


/********* Standard sIFR styles **********/

.sIFR-flash {	visibility: visible !important;	margin: 0; }
.sIFR-replaced { visibility: visible !important; }

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Decoy styles*/

.sIFR-hasFlash h1 {	visibility: hidden; font-size: 22px; }
.sIFR-hasFlash h2 {	visibility: hidden; font-size: 19px; }
.sIFR-hasFlash h3 {	visibility: hidden; font-size: 17px; letter-spacing: -1px; }