html { /*background: url(../images/grass-tile.jpg) top center repeat-y;*/ }
* { margin: 0; padding: 0; }

/*content styles*/
h1 { font-size: 20px; margin: 12px 0 12px 0; color: #3A3A3A; font-weight: bold; }
h2 { font-size: 16px; margin: 12px 0 12px 0; color: #3A3A3A; font-weight: bold; }
#content h2 { background: #999999; color: #ffffff; padding: 4px 19px; text-transform: lowercase; margin: 0 0 12px 0; }
#maincontent h2 { font-size: 16px; margin: 12px 0 12px 0; color: #3A3A3A; font-weight: bold; padding: 0; background: transparent; }
h3 { font-size: 14px; margin: 12px 0 12px 0; color: #3A3A3A; font-weight: bold; }
h4, h5, h6 { font-size: 13px; margin: 12px 0 12px 0; color: #3A3A3A; font-weight: bold; }

#content p { margin: 0 0 8px 0; }

/*strong { color: #00ADEF; }*/

a { color: #00ADEF; text-decoration: none; }
a:hover { color: #666666; text-decoration: none; }

#content ol { margin: 12px 0 12px 0px; padding: 0 0 0 16px; }
#content ul { margin: 12px 0 12px 0px; padding: 0 0 0 14px; }
#content dl { margin: 8px 0 8px 0; padding: 0 0 0 10px; }
#content dl dd { margin: 0; padding: 0 0 0 20px; }
#content dl dt { margin: 0; padding: 0; font-weight: bold; }

#content code, #content samp { font: 10px 'lucida console', 'andale mono', 'courier new', courier; margin: 0 0 12px 0; }
#content kbd { font: 13px 'courier new', courier, 'lucida console', 'andale mono'; }
#content var { font-style: normal; font: 12px 'lucida console', 'andale mono', 'courier new', courier; font-weight: bold; }
#content pre { font-size: 13px; margin: 0 0 0px 0; padding: 0 0 0 0; }
#content blockquote { margin: 20px 0px; padding: 0px; font-style: italic; }
#content blockquote p { padding: 0; margin: 0; }

div.info { float: left; width: 330px; }
div.info2 { float: right; width: 370px; padding: 0 0 0 10px; margin: 0 0 0 0; border-left: 1px solid #cccccc; }
div.standout { padding: 6px; border: 1px solid #cccccc; }
/*div.contactinfo { margin: 0 24px; }*/

div.leftcontent { float: left; width: 355px; }
div.rightcontent { floaT: right; width: 355px; }

table { font-size: 12px; border: 1px solid #EDEDED; margin: 6px 0 18px; text-align: left; clear: both; }
tr th { font-size: 12px; font-weight: bold; text-align: left; padding: 4px; border: 1px solid #EDEDED; vertical-align: middle; background: #ededed; }
table tr td { padding: 4px; font-size: 12px; border: 1px solid #EDEDED; vertical-align: top; }
table tr td p { font-size: 12px; vertical-align: top; margin: 0; padding: 0; }

body { font: 12px 'century gothic', 'avante garde', arial, verdana, helvetica, sans-serif; color: #666666; background: url(../images/bg2.jpg) top center no-repeat; }
a img { border: 0; }
div#container { width: 976px; margin: 10px auto; position: relative; }

div#headers { clear: both; height: 172px; background: url(../images/headers.png) top center no-repeat; padding: 12px 12px 0 12px; }
div#pageimage { float: left; width: 174px; height: 166px; margin: 2px 0 0 2px; }
div#banner { float: left; border: 1px solid #cccccc; height: 154px; width: 362px; /*width: 438px;*/ padding: 5px; margin: 2px 2px 0px 6px; overflow: hidden; background: #ffffff; }
a#sitetitle { float: right; width: 284px; height: 0; padding-top: 152px; display: block; overflow: hidden; margin: 16px 20px 0 0; background: url(../images/logo.gif) top left no-repeat; }

div#main { clear: both; background: url(../images/content.png) top center repeat-y; padding: 0 14px; }
div#content { float: right; width: 768px; position: relative; }
div#maincontent { clear: both; width: 730px; margin: 0 auto; }

/*div#footers { clear: both; height: 96px; background: url(../content/footers-shadow/footers.png) bottom center no-repeat; }*/
div#footers { clear: both; height: 96px; background: url(../content/footers-shadow/footers_office.png) bottom center no-repeat; }

hr.clear { clear: both; height: 0; border: 0; visibility: hidden; }

#menu { float: left; width: 174px; }

#menu ul { background: #e9e9e9; width: 174px; list-style: none; margin-bottom: 2px; padding-top: 32px; min-height: 218px; }
#menu ul ul { padding: 0; min-height: 0; }
#menu ul li { margin: 0 0 8px 0; }
#menu ul li li { margin: 0 0 0 0; }
#menu ul li a { 
  display: block;
  padding: 2px 0px 2px 16px;
  border-bottom: 2px solid #e9e9e9;
  text-decoration: none;
  text-transform: lowercase;
  color: #0060a0;
  font-size: 14px;
}
#menu ul li.on1, #menu ul li.on1:hover,
#menu ul li.on10, #menu ul li.on10:hover,
#menu ul li.on20, #menu ul li.on20:hover,
#menu ul li.on30, #menu ul li.on30:hover,
#menu ul li.on40, #menu ul li.on40:hover,
#menu ul li.on50, #menu ul li.on50:hover,
#menu ul li.on60, #menu ul li.on60:hover {
  background: url(/images/menu/menuon.gif);
  color: #ffffff;
}
#menu ul li.chid1:hover, #menu ul li.release1:hover {
  background: url(/images/menu/menugrow.gif);
  color: #ffffff;
}
#menu ul li.chid10:hover, #menu ul li.release10:hover {
  background: url(/images/menu/menugrow10.gif);
  color: #ffffff;
}
#menu ul li.chid20:hover, #menu ul li.release20:hover {
  background: url(/images/menu/menugrow20.gif);
  color: #ffffff;
}
#menu ul li.chid30:hover, #menu ul li.release30:hover {
  background: url(/images/menu/menugrow30.gif);
  color: #ffffff;
}
#menu ul li.chid40:hover, #menu ul li.release40:hover {
  background: url(/images/menu/menugrow40.gif);
  color: #ffffff;
}
#menu ul li.chid50:hover, #menu ul li.release50:hover {
  background: url(/images/menu/menugrow50.gif);
  color: #ffffff;
}
#menu ul li.chid60:hover, #menu ul li.release60:hover {
  background: url(/images/menu/menugrow60.gif);
  color: #ffffff;
}
#menu ul li.release1 {
  background: url(/images/menu/menushrink.gif);
  color: #0060a0;
}
#menu ul li.release10 {
  background: url(/images/menu/menushrink10.gif);
  color: #0060a0;
}
#menu ul li.release20 {
  background: url(/images/menu/menushrink20.gif);
  color: #0060a0;
}
#menu ul li.release30 {
  background: url(/images/menu/menushrink30.gif);
  color: #0060a0;
}
#menu ul li.release40 {
  background: url(/images/menu/menushrink40.gif);
  color: #0060a0;
}
#menu ul li.release50 {
  background: url(/images/menu/menushrink50.gif);
  color: #0060a0;
}
#menu ul li.release60 {
  background: url(/images/menu/menushrink60.gif);
  color: #0060a0;
}
#menu ul li.on1 a, #menu ul li.release1:hover a, #menu ul li.chid1:hover a,
#menu ul li.on10 a, #menu ul li.release10:hover a, #menu ul li.chid10:hover a,
#menu ul li.on20 a, #menu ul li.release20:hover a, #menu ul li.chid20:hover a,
#menu ul li.on30 a, #menu ul li.release30:hover a, #menu ul li.chid30:hover a,
#menu ul li.on40 a, #menu ul li.release40:hover a, #menu ul li.chid40:hover a,
#menu ul li.on50 a, #menu ul li.release50:hover a, #menu ul li.chid50:hover a,
#menu ul li.on60 a, #menu ul li.release60:hover a, #menu ul li.chid60:hover a {
  color: #ffffff;
}
/*
#menu ul li.release a {
  color: #0060a0;
}
*/
#menu ul li ul {
  display: none;
  margin-bottom: 0;
  border-top: 1px white solid;
}

#menu ul li.on40 ul {
  display: block;
}

#menu ul li ul li {
  background: #b3b3b3;
  border-bottom: #b3b3b3 4px solid;
}
#menu ul li ul li a {
  display: block;
  padding: 2px 0px 2px 16px;
  border: 0;
  text-decoration: none;
  text-transform: lowercase;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
}
#menu ul li ul li.on, #menu ul li ul li.on a {
  color: #ffffff;
  /*border-bottom: 0;*/
}

#menu ul li ul li a.cid1 {  background: #b3b3b3 url(/images/menu/blueoff.gif);  }
#menu ul li ul li a.cid1:hover, #menu ul li ul li a.cid1.release:hover, #menu ul li ul li a.cid1.on {  background: #b3b3b3 url(/images/menu/bluegrow.gif); }
#menu ul li ul li.on a.cid1 {  background: #b3b3b3 url(/images/menu/blueon.gif);  }
#menu ul li ul li a.cid1.release {  background: #b3b3b3 url(/images/menu/blueshrink.gif);  }

#menu ul li ul li a.cid2 {  background: #b3b3b3 url(/images/menu/purpleoff.gif);  }
#menu ul li ul li a.cid2:hover, #menu ul li ul li a.cid2.release:hover, #menu ul li ul li a.cid2.on {  background: #b3b3b3 url(/images/menu/purplegrow.gif); }
#menu ul li ul li.on a.cid2 {  background: #b3b3b3 url(/images/menu/purpleon.gif);  }
#menu ul li ul li a.cid2.release {  background: #b3b3b3 url(/images/menu/purpleshrink.gif);  }

#menu ul li ul li a.cid3 {  background: #b3b3b3 url(/images/menu/orangeoff.gif);  }
#menu ul li ul li a.cid3:hover, #menu ul li ul li a.cid3.release:hover, #menu ul li ul li a.cid3.on {  background: #b3b3b3 url(/images/menu/orangegrow.gif); }
#menu ul li ul li.on a.cid3 {  background: #b3b3b3 url(/images/menu/orangeon.gif);  }
#menu ul li ul li a.cid3.release {  background: #b3b3b3 url(/images/menu/orangeshrink.gif);  }

#menu ul li ul li a.cid4 {  background: #b3b3b3 url(/images/menu/greenoff.gif);  }
#menu ul li ul li a.cid4:hover, #menu ul li ul li a.cid4.release:hover, #menu ul li ul li a.cid4.on {  background: #b3b3b3 url(/images/menu/greengrow.gif); }
#menu ul li ul li.on a.cid4 {  background: #b3b3b3 url(/images/menu/greenon.gif);  }
#menu ul li ul li a.cid4.release {  background: #b3b3b3 url(/images/menu/greenshrink.gif);  }

#menu ul li ul li a.cid5 {  background: #b3b3b3 url(/images/menu/cyanoff.gif);  }
#menu ul li ul li a.cid5:hover, #menu ul li ul li a.cid5.release:hover, #menu ul li ul li a.cid5.on {  background: #b3b3b3 url(/images/menu/cyangrow.gif); }
#menu ul li ul li.on a.cid5 {  background: #b3b3b3 url(/images/menu/cyanon.gif);  }
#menu ul li ul li a.cid5.release {  background: #b3b3b3 url(/images/menu/cyanshrink.gif);  }

#menu ul li ul li a.cid6 {  background: #b3b3b3 url(/images/menu/lightgreyoff.gif);  }
#menu ul li ul li a.cid6:hover, #menu ul li ul li a.cid6.release:hover, #menu ul li ul li a.cid6.on {  background: #b3b3b3 url(/images/menu/lightgreygrow.gif); }
#menu ul li ul li.on a.cid6 {  background: #b3b3b3 url(/images/menu/lightgreyon.gif);  }
#menu ul li ul li a.cid6.release {  background: #b3b3b3 url(/images/menu/lightgreyshrink.gif);  }

#menu ul li ul li a.cid7 {  background: #b3b3b3 url(/images/menu/midgreyoff.gif);  }
#menu ul li ul li a.cid7:hover, #menu ul li ul li a.cid7.release:hover, #menu ul li ul li a.cid7.on {  background: #b3b3b3 url(/images/menu/midgreygrow.gif); }
#menu ul li ul li.on a.cid7 {  background: #b3b3b3 url(/images/menu/midgreyon.gif);  }
#menu ul li ul li a.cid7.release {  background: #b3b3b3 url(/images/menu/midgreyshrink.gif);  }

#menu ul li ul li a.cid8 {  background: #b3b3b3 url(/images/menu/redoff.gif);  }
#menu ul li ul li a.cid8:hover, #menu ul li ul li a.cid8.release:hover, #menu ul li ul li a.cid8.on {  background: #b3b3b3 url(/images/menu/redgrow.gif); }
#menu ul li ul li.on a.cid8 {  background: #b3b3b3 url(/images/menu/redon.gif);  }
#menu ul li ul li a.cid8.release {  background: #b3b3b3 url(/images/menu/redshrink.gif);  }

#menu ul li ul li a.cid9 {  background: #b3b3b3 url(/images/menu/steelblueoff.gif);  }
#menu ul li ul li a.cid9:hover, #menu ul li ul li a.cid9.release:hover, #menu ul li ul li a.cid9.on {  background: #b3b3b3 url(/images/menu/steelbluegrow.gif); }
#menu ul li ul li.on a.cid9 {  background: #b3b3b3 url(/images/menu/steelblueon.gif);  }
#menu ul li ul li a.cid9.release {  background: #b3b3b3 url(/images/menu/steelblueshrink.gif);  }

#menu ul li ul li a.cid10 {  background: #b3b3b3 url(/images/menu/khakioff.gif);  }
#menu ul li ul li a.cid10:hover, #menu ul li ul li a.cid10.release:hover, #menu ul li ul li a.cid10.on {  background: #b3b3b3 url(/images/menu/khakigrow.gif); }
#menu ul li ul li.on a.cid10 {  background: #b3b3b3 url(/images/menu/khakion.gif);  }
#menu ul li ul li a.cid10.release {  background: #b3b3b3 url(/images/menu/khakishrink.gif);  }

#menu ul li ul li a.cid11 {  background: #b3b3b3 url(/images/menu/aquaoff.gif);  }
#menu ul li ul li a.cid11:hover, #menu ul li ul li a.cid11.release:hover, #menu ul li ul li a.cid11.on {  background: #b3b3b3 url(/images/menu/aquagrow.gif); }
#menu ul li ul li.on a.cid11 {  background: #b3b3b3 url(/images/menu/aquaon.gif);  }
#menu ul li ul li a.cid11.release {  background: #b3b3b3 url(/images/menu/aquashrink.gif);  }

#menu ul li ul li a.cid19 {  background: #b3b3b3 url(/images/menu/green2off.gif);  }
#menu ul li ul li a.cid19:hover, #menu ul li ul li a.cid19.release:hover, #menu ul li ul li a.cid19.on {  background: #b3b3b3 url(/images/menu/green2grow.gif); }
#menu ul li ul li.on a.cid19 {  background: #b3b3b3 url(/images/menu/green2on.gif);  }
#menu ul li ul li a.cid19.release {  background: #b3b3b3 url(/images/menu/green2shrink.gif);  }

#menu ul li ul li a.cid20 {  background: #b3b3b3 url(/images/menu/blackoff.gif);  }
#menu ul li ul li a.cid20:hover, #menu ul li ul li a.cid20.release:hover, #menu ul li ul li a.cid20.on {  background: #b3b3b3 url(/images/menu/blackgrow.gif); }
#menu ul li ul li.on a.cid20 {  background: #b3b3b3 url(/images/menu/blackon.gif);  }
#menu ul li ul li a.cid20.release {  background: #b3b3b3 url(/images/menu/blackshrink.gif);  }

/*producthome*/

/*p#producthometext { height: 0; padding-top: 425px; width: 677px; background: url(../images/productpic.png) top left no-repeat; display: block; overflow: hidden; position: absolute; right: 0px; }*/
p#producthometext { height: 0; padding-top: 425px; width: 677px; background: url(../images/productpic.png) top left no-repeat; display: block; overflow: hidden; position: relative; float: right; right: 0px; }

#hero {
  position: absolute;
  right: 0px;
}

/*ul#menuthumbs {
  float: left;
  list-style: none;
  margin: 0; padding: 0;
}*/

ul#menuthumbs {
  position: absolute;
  list-style: none;
  margin: 0; padding: 0;
}

ul#menuthumbs .thumb a {
  display: block;
  background: #e0e0e0;
  border: 1px white solid;
  border-width: 0px 4px 4px 0px;
  width: 82px;
  padding-top: 82px;
  height: 0px;
  overflow: hidden; 
}
ul#menuthumbs .blank div {
  display: block;
  background: #e0e0e0 url(/images/menuthumbs/corner.png);
  border: 1px white solid;
  border-width: 0px 0px 4px 0px;
  width: 79px;
  padding-top: 82px;
  height: 0px;
  overflow: hidden; 
}
ul#menuthumbs .horizontal {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul#menuthumbs .horizontal li {
  float: left;
}

#menuthumbs #tpage1 a {  background: url(/images/menuthumbs/officesupplies_off.jpg);  }
#menuthumbs #tpage1 a:hover, #menuthumbs #tpage1 a.on {  background: url(/images/menuthumbs/officesupplies_on.jpg);  }

#menuthumbs #tpage2 a {  background: url(/images/menuthumbs/environment_off.jpg);  }
#menuthumbs #tpage2 a:hover, #menuthumbs #tpage2 a.on {  background: url(/images/menuthumbs/environment_on.jpg);  }

#menuthumbs #tpage3 a {  background: url(/images/menuthumbs/itsupplies_off.jpg);  }
#menuthumbs #tpage3 a:hover, #menuthumbs #tpage3 a.on {  background: url(/images/menuthumbs/itsupplies_on.jpg);  }

#menuthumbs #tpage4 a {  background: url(/images/menuthumbs/facilitiesmanagement_off.jpg);  }
#menuthumbs #tpage4 a:hover, #menuthumbs #tpage4 a.on {  background: url(/images/menuthumbs/facilitiesmanagement_on.jpg);  }

#menuthumbs #tpage5 a {  background: url(/images/menuthumbs/businessmachines_off.jpg);  }
#menuthumbs #tpage5 a:hover, #menuthumbs #tpage5 a.on {  background: url(/images/menuthumbs/businessmachines_on.jpg);  }

#menuthumbs #tpage6 a {  background: url(/images/menuthumbs/design&print_off.jpg);  }
#menuthumbs #tpage6 a:hover, #menuthumbs #tpage6 a.on {  background: url(/images/menuthumbs/design&print_on.jpg);  }

#menuthumbs #tpage7 a {  background: url(/images/menuthumbs/webdesign_off.jpg);  }
#menuthumbs #tpage7 a:hover, #menuthumbs #tpage7 a.on {  background: url(/images/menuthumbs/webdesign_on.jpg);  }

#menuthumbs #tpage8 a {  background: url(/images/menuthumbs/telecommunications_off.jpg);  }
#menuthumbs #tpage8 a:hover, #menuthumbs #tpage8 a.on {  background: url(/images/menuthumbs/telecommunications_on.jpg);  }

#menuthumbs #tpage9 a {  background: url(/images/menuthumbs/art_off.jpg);  }
#menuthumbs #tpage9 a:hover, #menuthumbs #tpage9 a.on {  background: url(/images/menuthumbs/art_on.jpg);  }

#menuthumbs #tpage10 a {  background: url(/images/menuthumbs/corporateclothing_off.jpg);  }
#menuthumbs #tpage10 a:hover, #menuthumbs #tpage10 a.on {  background: url(/images/menuthumbs/corporateclothing_on.jpg);  }

#menuthumbs #tpage11 a {  background: url(/images/menuthumbs/businessgifts_off.jpg);  }
#menuthumbs #tpage11 a:hover, #menuthumbs #tpage11 a.on {  background: url(/images/menuthumbs/businessgifts_on.jpg);  }

#menuthumbs #tpage19 a {  background: url(/images/menuthumbs/recycle_off.jpg);  }
#menuthumbs #tpage19 a:hover, #menuthumbs #tpage19 a.on {  background: url(/images/menuthumbs/recycle_on.jpg);  }

#menuthumbs #tpage20 a {  background: url(/images/menuthumbs/rubberstamps_off.jpg);  }
#menuthumbs #tpage20 a:hover, #menuthumbs #tpage20 a.on {  background: url(/images/menuthumbs/rubberstamps_on.jpg);  }



/*special offers*/
div#specials { width: 716px; background: url(../images/special-bg.png) top left no-repeat; /*height: 464px;*/ margin: 0 auto; height: 584px; }
div#specials img { margin: 0 auto; width: 208px; height: 160px; }
div#specials div { width: 208px; float: left; height: 260px; margin: 0 16px 12px 0; padding: 10px 10px 0 10px; }
div#specials div.last { margin: 0 0 12px 0; }
div#specials p { height: 92px; overflow: hidden; margin: 0 0 4px 0; }

div#flash { border: 1px solid #cccccc; padding: 5px; margin: 0 0 6px 0; height: 240px; }
div#flash img { height: 756px; height: 240px; }


/*contact*/
form#contact { margin: 0 0 24px 0; }
form select { color: #666666; }
fieldset#maininfo, fieldset#secondaryinfo, fieldset#tertiaryinfo { border: 0; }
fieldset#maininfo { float: left; width: 400px; }
fieldset#secondaryinfo { float: right; width: 300px; margin: 0 0 24px 0; }
fieldset#tertiaryinfo { float: left; margin: 24px 0 24px 0; }
fieldset#maininfo div, fieldset#secondaryinfo div, fieldset#tertiaryinfo div { clear: both; margin: 0 0 4px 0; }
fieldset#maininfo div, fieldset#secondaryinfo div, fieldset#tertiaryinfo div { clear: both; }
fieldset#maininfo div label { width: 160px; display: block; float: left; margin: 0 0 4px 0; }
fieldset#secondaryinfo div label, fieldset#tertiaryinfo div label { margin: 0 0 4px 0; }
fieldset#secondaryinfo p { clear: both; margin: 0 0 16px 0; }
fieldset#secondaryinfo div { margin: 0 0 8px 0; }
fieldset#maininfo input[type=text], fieldset#tertiaryinfo input[type=text] { width: 200px; margin: 0 0 4px 0; border: 1px solid #666666; }
fieldset#maininfo textarea { width: 200px; height: 80px; margin: 0 0 4px 0; border: 1px solid #666666; }
fieldset#maininfo select, fieldset#secondaryinfo select, fieldset#tertiaryinfo select { margin: 0 0 4px 0; }
form input#submit { border: 1px solid #666666; background: #ffffff; padding: 2px 4px; color: #666666; margin: 0 0 0 0; }
fieldset#formend { clear: both; margin: 12px 0 12px 0; border: 0; }
.darkblue { color: #013796; }
.right { float: right; margin: 0 0 10px 10px; }


ul#homeprods { list-style: none; padding: 0; margin: 0; font-size: 10px; }
ul#homeprods li { float: left; text-align: center; margin: 0 3px 30px 0; }
ul#homeprods li.lastrow { margin: 0 3px 0 0; }
ul#homeprods li a { color: #666666; }
ul#homeprods li a:hover { color: #00ADEF; }

#greenbox { background: url(../images/green-box.jpg) top left no-repeat; height: 132px; padding: 10px; margin: 0; width: 325px; color: #ffffff; }
#onlineorderingbox { height: 242px; width: 315px; background: url(../images/online-ordering-box.png) top left no-repeat; padding: 20px; margin: 0 0 12px 0;}
#onlineorderingbox h2 { margin: 0 0 12px 0; }
#onlineorderingbox ul li { margin: 0 0 4px 0; }

#enviroimage { padding: 12px 0px 0px 0px; clear: both; }


/*product footers*/

/*#environ-footer ul { height: 0; overflow: hidden; }*/
/*#environ-footer, #office-footer, #facilities-footer, #machines-footer, #print-footer, #telecom-footer, #eco-footer, #promo-footer, #rubber-footer, #it-footer, #corp-footer, #web-design-footer { height: 0; overflow: hidden; display: block; width: 730px; float: left; clear: both; }

#environ-footer { padding-top: 77px; background: url(../content/product-footers/environments-footer.png) top left no-repeat; }
#office-footer { padding-top: 84px; background: url(../content/product-footers/officesupplies.png) top left no-repeat; margin: 130px 0 0 0; }
#facilities-footer { padding-top: 76px; background: url(../content/product-footers/facilities-management-foote.png) top left no-repeat; }
#machines-footer { padding-top: 76px; background: url(../content/product-footers/business-machines-footer.png) top left no-repeat; margin: 100px 0 0 0; }
#print-footer { padding-top: 76px; background: url(../content/product-footers/print-design-footer.png) top left no-repeat; }
#telecom-footer { padding-top: 76px; background: url(../content/product-footers/telecommunications-footer.png) top left no-repeat; }
#eco-footer { padding-top: 76px; background: url(../content/product-footers/eco-products-footer.png) top left no-repeat; }
#promo-footer { padding-top: 76px; background: url(../content/product-footers/promo-products-footer.png) top left no-repeat; margin: 110px 0 0 0; }
#rubber-footer { padding-top: 76px; background: url(../content/product-footers/rubber-stamps-footer.png) top left no-repeat; } 
#it-footer { padding-top: 76px; background: url(../content/product-footers/it-footer.png) top left no-repeat; margin: 24px 0 0 0; }
#corp-footer { padding-top: 76px; background: url(../content/product-footers/corp-clothing-footer.png) top left no-repeat; }
#web-design-footer { padding-top: 76px; background: url(../content/product-footers/web-design-footer.png) top left no-repeat; }*/


#art-footer, #environ-footer, #office-footer, #facilities-footer, #machines-footer, #print-footer, #telecom-footer, #eco-footer, #promo-footer, #rubber-footer, #it-footer, #corp-footer, #web-design-footer { height: 0; overflow: hidden; display: block; width: 730px; float: left; clear: both; padding-top: 86px; }

#environ-footer { background: url(../content/product-footers/environments.jpg) top left no-repeat; margin: 25px 0 0 0; }
#office-footer { background: url(../content/product-footers/officesupplies.png) top left no-repeat; margin: 130px 0 0 0; }
#facilities-footer { background: url(../content/product-footers/facilities.jpg) top left no-repeat; margin: 25px 0 0 0; }
#machines-footer { background: url(../content/product-footers/businessmachine.jpg) top left no-repeat; margin: 50px 0 0 0; }
#print-footer { background: url(../content/product-footers/printdesign.jpg) top left no-repeat; margin: 25px 0 0 0; }
#telecom-footer { background: url(../content/product-footers/telecommunications.jpg) top left no-repeat; margin: 25px 0 0 0; }
#eco-footer { background: url(../content/product-footers/eco.jpg) top left no-repeat; margin: 25px 0 0 0; }/**/
#promo-footer { background: url(../content/product-footers/promo.jpg) top left no-repeat; margin: 110px 0 0 0; }
#rubber-footer { background: url(../content/product-footers/rubber.jpg) top left no-repeat; margin: 25px 0 0 0; } 
#it-footer { background: url(../content/product-footers/it.jpg) top left no-repeat; margin: 25px 0 0 0; }
#corp-footer { background: url(../content/product-footers/clothing.jpg) top left no-repeat; margin: 25px 0 0 0; }/**/
#web-design-footer { background: url(../content/product-footers/webdesign.jpg) top left no-repeat; margin: 25px 0 0 0; }
#art-footer { background: url(../content/product-footers/art.jpg) top left no-repeat; margin: 25px 0 0 0; }


/**/
a#cataloguelink { height: 0; padding-top: 64px; width: 340px; background: url(../content/product-catalogue-button.jpg) top left no-repeat; overflow: hidden; display: block; }
a#environlink { height: 0; padding-top: 40px; width: 340px; background: url(../content/environ-policy-button.jpg) top left no-repeat; overflow: hidden; display: block; }

.greybox2 { background: #E9E9E9; padding: 5px 10px; margin: 0 0 4px 0; }
.greybox2.last { margin: 0; }*/

.greybox { margin: 0 0 4px 0; }
.greybox h3 { background: #B3B3B3; color: #ffffff; padding: 2px 10px; }
.greybox p { padding: 2px 10px; }
.greybox.last { margin: 0; }

.orderingstatement { background: url(../images/online-ordering-box-small.png) top left no-repeat; padding: 1px 10px; margin: 12px 0; height: 70px; width: 335px; }
.orderingstatement2 { background: url(../images/online-ordering-box-medium.png) top left no-repeat; padding: 10px 10px; margin: 12px 0; height: 170px; width: 335px; }
.orderingstatement3 { height: 242px; width: 315px; background: url(../images/online-ordering-box.png) top left no-repeat; padding: 20px; margin: 0 0 12px 0;}

h2#rubberstamped { height: 0; padding-top: 132px; width: 350px; background: url(../content/stamp.gif) top left no-repeat; overflow: hidden; display: block; }