.buytab {
  position: fixed;
  right: 0;
  top: 150px;
  width: 34px;
  height: 135px;
  background: url(/graphics/sprite-my-add-to-cart-red.png) 0 0;
  border: 0;
  cursor: pointer;
}

.buytab:hover {
  background: url(/graphics/sprite-my-add-to-cart-red.png) -36px 0;
}


.buytabYELLOW {
  position: fixed;
  right: 0;
  top: 300px;
  width: 34px;
  height: 155px;
  background: url(/graphics/sprite-addtocart-yellow-tab-vertical.png) 0 0;
  border: 0;
  cursor: pointer;
}

.buytab:hoverYELLOW {
  background: url(/graphics/sprite-addtocart-yellow-tab-vertical.png) -34px 0;
}


.hanging100 {
  text-indent:-100px;
  padding-left:100px;
}

.searchform {
/*
     position: absolute;
     bottom: 57px;
     right: 25px;
*/
     background: url(/graphics/searchform.png) no-repeat;
     width: 170px;                    /* was 222 for original image */
     height: 27px;                    /* was  26 for original image */
     padding: 1px 0 1px;              /* was 5px 0 3 px */
}

.s {
     background: transparent;  /* #332483; */            /* was 332518 for original image */
     border: none;
     font: italic 110% Georgia, "Times New Roman", Times, serif;
     color: #ada8a3;
     width: 135px;                    /* was 168 for original image */
     padding: 2px 5px;
     margin-left: 30px;
}

.s:focus {
     outline: none;
     box-shadow: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
}


.promises {
  width: 85px;
  height: 100px;
  overflow: hidden;
position: absolute;
left: 550px;
top: 0;
/*  float:left; */
}

.promises a:hover img {
  margin-top: -100px;
}

.promises a img {
  margin-top: 0;
}


a.attention {
/*       display: block; */
       background: url(/graphics/sprite-attention-yellow-tab-vertical-left.png) no-repeat;
       height: 155px;
       width: 34px;
position: fixed;
left:0;
top:40px;
}

a:hover.attention {
       background-position: -34px 0;
}


a.whatsnew {
/*       display: block; */
       background: url(/graphics/sprite-whatsnew-blue-tab-vertical.png) no-repeat;
       height: 155px;
       width: 34px;
position: fixed;
left:0;
top:220px;
}

a:hover.whatsnew {
       background-position: -34px 0;
}


a.wepromise {
/*       display: block; */
       background: url(/graphics/sprite-wepromise-blue-tab-vertical.png) no-repeat;
       height: 155px;
       width: 34px;
position: fixed;
left:0;
top:400px;
}

a:hover.wepromise {
       background-position: -34px 0;
}



p.clear-it {
  clear:right;
  margin-bottom:2em;
}

.pay-paypal {
  width:150px;
  height:40px;
  overflow:hidden;
  float:left;
}

.pay-paypal a:hover img {
  margin-top: -40px;
}

.pay-paypal a img {
  margin-top: 0;
}

div#category {
  font-family: arial, verdana, sans-serif;
  text-align: center;
}

div#category h2 {
  font-size: 24px;
  color: #0000c0;                    /* was 4950c0 */
  border-bottom: 2px solid #21759b;
  border-left: 2px solid #21759b;
  border-right: 2px solid #21759b;
  border-radius: 0 0 30px 30px;
     -moz-border-radius: 0 0 30px 30px;
     -khtml-border-radius: 0 0 30px 30px;
     -webkit-border-radius: 0 0 30px 30px;
  background: #21759b url(gradient-blue-narrow.png) repeat-x left top;
  width: 400px;
  margin: 0 auto;
}

div#category p {
  color: #21759b;  /* dark cyan = 669999 */
  font-size: 16px;
  line-height: 27px;
  margin: 0 auto;
}

.slogan {
  margin: 0 0 0 25px;
  font-size: 16px;
  font-style: italic;
  font-family: times new roman, serif;
}

#fixed_right {
  position:fixed;
  right:100px;
  top: 90px;                      /* was 200 */
  z-index: 5;                    /* is this necessary? */
}

.noseve {display:none}

.aligncenter {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

input.btn{
  font-weight: bold;
  color: #393;         /* dark green */
  font-family: arial, helvetica, sans serif;
  font-size: 8pt;
  padding: 0;
/*  margin-top: 5px; */
}

.add2cart {
  background: lime url(/graphics/green2-gradient.png) center repeat-x;
  border:1px solid lime;
  color:#c04950;
  font-weight:bold;
  cursor: pointer;
  width:100px;
  border-radius: 11px;
     -moz-border-radius: 11px;
     -khtml-border-radius: 11px;
     -webkit-border-radius: 11px;
}

.add2cart:hover {
  background: lime url(/graphics/green2top-gradient.png) center repeat-x;
  border:1px solid green;
  color:#4950c0;
  font-weight:bold;
  font-style:italic;
}



.indent {margin-left: 40px}
.indent100 {margin-left: 100px; margin-top: -.2em}


#top-middle {
  width: 300px;        /* was 210 then 270 */
  float: right;
  padding-right: 20px;
  margin-top: 20px;
  font-family: arial, verdana, sans serif;
}

#top-middle a:link {
  text-decoration: none;
}

#top-middle a:visited {
  text-decoration: none;
  color: #800080;            /* default purple */
}

#top-middle a:hover {
  background: #0000ff;       /* blue */
  color: #fff;
  text-decoration: none;
}

.cloud { 
  background: url(/pieces/cloud-1-blue.png) no-repeat;
}

#top-container {
  background: #E4E7EC url(/graphics/gradient-blue-2.png) no-repeat;
  height: 150px;           /* was 280 then 220 for big */
  margin-bottom: -40px;    /* pulls the menu up into the background image */
  margin-top: 0;
  padding-top: 0px;
  padding-bottom: 0px;
/* overflow:hidden; */
border-radius: 15px 15px 0 0;
-moz-border-radius: 15px 15px 0 0;
-khtml-border-radius: 15px 15px 0 0;
-webkit-border-radius: 15px 15px 0 0;
}

#logo-box {
  width: 470px;
  float: left;
  margin-top: 10px;
  margin-left: 10px;    /* was 1px */
}

#logo-box li {
  color: #9999ff;        /* 0000ff;           blue */
  font-size: 20px;
  font-style: italic;
  margin: -4px 3px;
  display: inline;
  float: left;
  list-style: none;
}


/* MENU STUFF */

ul.menu {
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
  list-style:none;
  margin:0 0 0 10px;
  padding:0;
}

ul.menu * {
  margin:0;
  padding:0;
  z-index:1;
}

ul.menu a {
  display:block;
  color:#000;                     /* font color = black */
  text-decoration:none;
}

ul.menu li {
  position:relative;
  float:left;
  margin-right:2px;
}

ul.menu ul {
  position:absolute;
  top:26px;
  left:0;
  background: #E4E7EC;           /* was d1d1d1 grey */
  display:none;
  opacity:0;
  list-style:none;
}

ul.menu ul li {
  position:relative;
  border:1px solid #aaa;
  border-top:none;
  width:138px;          /* MENULINK WIDTH + PADDING */
  margin:0;
}

ul.menu ul li a {
  display:block;
  padding:3px 7px 5px;
  background-color: #E4E7EC;            /* was d1d1d1 grey */
}

ul.menu ul li a:hover {
  background-color:#c5c5c5;
}

ul.menu ul ul {
  left:138px;           /* MENULINK WIDTH + PADDING */
  top:-1px;
}

ul.menu .menulink {
  border:1px solid #aaa;
  padding:5px 7px 7px;
  font-weight:bold;
/*  REMOVED BACKGROUND GIF FOR CLEAR MENU CONTAINER */
  width:124px;          /* SEE TWO SAME COMMENTS ABOVE */
}

ul.menu .sub {
  background: #E4E7EC url(/graphics/arrow.gif) 126px 8px no-repeat;
                        /* big number above is two more than MENULINK width */
}

.topline {
  border-top:1px solid #aaa;
}


/* REMOVED background ITEM TO PRODUCE TRANSPARENT MAIN MENU BOXES */


/* FX.SLIDER CSS */

.slide-it {
     background: #99ff99;
     padding: 0;
/*     border: 5px solid #99ff99; */
}

div.marginbottom {
     /* Since the Fx.Slide element resets margins, we set a margin on the above element */
     margin-bottom: 10px;
}



#greyfeet { 
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 10px;
  color: #999999;       /* grey */
  text-align: center;
  margin: auto;
/* border: 1px dotted blue; */
}

#greyfeet a {
  color: #999;
  text-decoration: none;
}

#footer {
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 10px;
  color: #999999;       /* grey */
  text-align: center;
  clear: both;
  height: 0;
}

#footer a:link {
  color: #999;
  text-decoration: none;
}

body {
  background: #ffffff;
  margin: 0;
  padding: 0;
  text-align: center;
}

#pseudobody {
  text-align: left;
  margin: 10px auto;
  max-width: 1024px;
  width:expression(document.body.clientWidth > 1024? "1024px": "auto" );
  background: #ffffff;
  position: relative;
}

#wrapper {
  position: relative;
  padding-top:150px;       /* must match top-container height */
/*  top:0;    */           /* needed? -- seems not */
}

#nav-header {
  height: 150px;           /* must match top-container height */
  position: absolute;
  top: 0;
  clear: both;
  text-align: left;
  width: 100%;
}

#from-ps {
  text-align: center;
  margin: 0 auto;
  left: 48px;
  clear: both;
  width: 750px;                            /* had been 600 */
/* border: 1px dashed green; */
}



/*
use a relatively positioned wrapper, (pseudobody)
then a relatively positioned content wrapper as the 1st block, (wrapper)
then your absolute positioned header, (nav-header)
then the footer without any position declaration. (footer)

Because the header is absolutely positioned
the footer will ignore its position when rendering
    and will position itself based off the content wrapper instead.
*/


/* AN IE6 ISSUE:
it will take a box width literally
other explorers take state width PLUS left/right padding PLUS left/right margins
*/



/* LEFT FROM ORIGINAL FILE BEFORE RODSTAFF RAS-BOTH BROUGHT IN ABOVE ON 7/21/11 */

.new {
  background: orange url(/graphics/new06.gif) center right no-repeat;
  padding-right: 60px
}

#main-container {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
}