/*
General-use tags go here.
*/
body,html {
  margin: 0px;
  padding: 0px;
  background-color: white;
  /*START CHANGE MADE HERE BY SAL*/
  font: normal 11px/19px Verdana,sans-serif;
  /*END CHANGE MADE HERE BY SAL*/
  
}
h1 {
  /*background-image: url(../images/h1_bgr.gif);*/
  font: bold 16px/31px futura,franklin gothic,franklin gothic medium,sans-serif;
  font-style: normal;
  letter-spacing: 1px;
  padding-left: 8px;
  padding-top: 0px;
  margin: 0px;
  height: 31px;
  /*text-transform: uppercase;*/
}
h1.products {
  position: relative;
  width: 700px;
}
h2 {
  /*background-image: url(../images/h1_bgr.gif);*/
  font: bold 12px/31px futura,franklin gothic medium,sans-serif;
  font-style: normal;
  letter-spacing: 0.8px;
  padding-left: 8px;
  padding-top: 0px;
  margin: 0px;
  height: 31px;
  /*text-transform: uppercase;*/
  border-top: solid 1px #a6a6a6;
  border-bottom: solid 1px #a6a6a6;
}
h2 a {
  color: black;
  text-decoration: none;
}
h3 {
  font: bold 11px/12px Verdana,sans-serif;
  margin: 0px;
  padding-bottom: 4px;
  padding-top: 8px;
  color: #125862;
  /*text-transform: uppercase;*/
}
h3 a {
  color: #125862;
  text-decoration: none;
}
h3 a:hover {
  color: black;
  text-decoration: underline;
}
h3.acct {
  text-transform: none;
  border-bottom: solid 1px #c5c5c5;
  padding-top: 0px;
  margin-bottom: 10px;
}
h4 {
  font: bold 11px/12px Verdana,sans-serif;
  margin: 0px;
  padding-bottom: 4px;
  padding-top: 8px;
  color: #125862;
}
p,input,li,option,select,dt {
  font: normal 11px/19px Verdana,sans-serif;
}
input,select {
  line-height: 12px;
}
.required {
  color: red;
}
.onsale {
  color: #a33345;
}
cite.khl {
  font-weight: bold;
  font-style: normal;
}
/*
Presentation tags go here.
*/

/* First, the nameplate */
div.topbar {
  width: 760px;
  height: 99px;
  background-image: url(../images/topbar.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}
div.topbar form {
  margin: 0px;
  padding: 0px;
}
div.topbar input {
  position: absolute;
  padding: 0px;
  margin: 0px;
}
input.username,input.password,input.productsearch {
  top: 10px;
  height: 16px;
  font: normal 11px/11px Verdana,sans-serif;
  color: #105d63;
  border: solid 1px #96bfa4;
}
div.tb_username {
  position: absolute;
  top: 15px;
  left: 10px;
  width: 72px;
  height: 7px;
  overflow: hidden;
}
input.username {
  left: 86px;
  width: 93px;
}
input.password {
  left: 240px;
  width: 130px;
}
input.login {
  top: 15px;
  left: 333px;
}
input.productsearch {
  left: 493px;
  width: 218px;
}
input.search {
  top: 15px;
  left: 663px;
}
div.tb_passwd {
  position: absolute;
  top: 15px;
  left: 183px;
  width: 53px;
  height: 7px;
  overflow: hidden;
}








div.tb_prodsrch {
  position: absolute;
  top: 15px;
  left: 404px;
  width: 84px;
  height: 7px;
  overflow: hidden;
}
div.tb_advsrch {
  position: absolute;
  top: 33px;
  left: 550px;
  width: 90px;
  height: 7px;
  overflow: hidden;
}
div.tb_advsrch img {
  border: none;
}
div.logo {
  position: absolute;
  top: 45px;
  left: 8px;
  width: 187px;
  height: 49px;
  z-index: 1;
}
div.logo a img {
  border: none;
}
div.mainnav {
	position: absolute;
	top: 60px;
	left: 390px;
	z-index: 1;
	width: 390;
}
div.logout {
  position: absolute;
  top: 68px;
  left: 377px;
  z-index: 1;
}
div.mainnav span,div.mainnav a,div.logout span,div.logout a {
  float: left;
}
div.mainnav span,div.logout span {
  margin-left: 5px;
  margin-right: 5px;
}
div.mainnav a img,div.logout a img {
  border: none;
}
/*
Then the mid-page links and promos
*/
div.midpage {
  position: relative;
  width: 760px;
}
div.greenbox {
  position: absolute;
  left: 439px;
  top: 79px;
  width: 336px;
  height: 212px;
  z-index: 1;
}
div.gbbackground {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 336px;
  height: 212px;
  z-index: -1;
}
div.gbtitle {
  margin-left: 8px;
}
div.gbitem {
  margin-left: 4px;
  margin-top: 14px;
}
div.gbitem a {
  display: block;
}
a.gbimage {
  display: block;
  padding: 2px;
  border: solid 1px #5c8888;
}
a.gbimage img {
  border: none;
}
a.p1boxes,a.p1bags,a.p1cushioning {
  margin-top: 5px;
  margin-left: 3px;
}
a.p1boxes img,a.p1bags img,a.p1cushioning img {
  border: none;
}
div.productlist {
  position: relative;
}
div.productlist div.pcol1,div.productlist div.pcol2,div.productlist div.pcol3 {
  float: left;
  width: 152px;
  height: 153px;
}

/* Without this, IE will PREPEND a line break to the images. The other solution would be
   to leave the display inline, but to APPEND an explicit <br /> to each image.  */
div.pcol1 img, div.pcol2 img, div.pcol3 img {
  display: block;
}
div.pcol1,div.pcol3 {
  background-color: #e9e9e9;
  background-image: url(../images/pcol1_bottom.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
}
div.pcol2 {
  background-color: #f2f2f2;
  background-image: url(../images/pcol2_bottom.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
}
div.productlist p {
  font-weight: bold;
  font-size: 10px;
  line-height: 16px;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 8px;
  padding-right: 16px;
}
div.productlist p a {
  text-decoration: none;
  color: #4696a1;
}
div.productlist p a:hover {
  color: black;
}

/*
Now the page bottom body content.
*/
div.pagebottom {
  clear: both;
  position: relative;
  width: 779px;
  background-image: url(../images/pagebottom.gif);
  background-position: 1px 0px;
  background-repeat: repeat-y;
}
div.seal {
  position: relative;
  top: -23px;
  left: 565px;
  width: 190px;
  height: 49px;
  z-index: 1;
}
div.bodycontent {
  float: left;
  width: 559px;
  background-image: url(../images/contentbg.gif);
  background-position: 0px 31px;
  background-repeat: repeat-x;
}
div.innercontent {
  padding-left: 8px;
  padding-right: 16px;
}
div.offerbar {
  float: right;
}

div.offerbar h2 {
  margin-left: 1px;
  margin-right: 19px;
}

/*
Okay, it's a trick. I can't make the span a block-level element. But the image inside won't
obey the margin unless it is. So we get a weird displacement. I am a Bad Man and I will pay for
my transgressions in the afterlife.
*/
span.cartimg img {
  visibility: hidden;
}
span.cartimg {
  background-image: url(../images/cart.png);
  width: 17px;
  height: 15px;
  margin-top: 4px;
  margin-left: 6px;
}
div.expander {
  clear: both;
}
div.quickorder {
  position: relative;
  margin-top: 4px;
  left: -5px;
  width: 219px;
  background-image: url(../images/qo_middle.png);
}
div.qotop {
  background-image: url(../images/qo_top.png);
  width: 219px;
  height: 20px;
  background-repeat: no-repeat;
}
div.qotop p {
  border-bottom: solid 1px black;
  padding-top: 8px;
}
div.qobottom {
  width: 219px;
  height: 27px;
  background-image: url(../images/qo_bottom.png);
  background-position: bottom left;
  background-repeat: no-repeat;
}
div.qobottom p {
  border-top: solid 1px black;
  padding-top: 3px;
  text-align: center;
}
div.quickorder p,div.quickorder p a {
  line-height: 12px;
  font-size: 10px;
  font-weight: bold;
  /*text-transform: uppercase;*/
  margin: 0px;
  color: #105d63;
}
div.quickorder p {
  position: relative;
  left: 8px;
  width: 195px;
}
div.quickorder input {
  background-color: white;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 14px;
  font-size: 10px;
  font-weight: bold;
  height: 18px;
  border: solid 1px #b5b5b5;
  color: #105d63;
  float: left;
}
div.quickorder form {
  margin-left: 8px;
  margin-right: 16px;
  margin-top: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
}
div.quickorder form div {
  clear: both;
}
div.livechat {
  padding-top: 18px;
  height: 115px;
  width: 200px;
}
div.livechat p {
  font-weight: bold;
  font-size: 11px;
  letter-spacing: -1px;
  padding-left: 88px;
  padding-bottom: 0px;
  margin: 0px;
  /*text-transform: uppercase;*/
  position: relative;
}
div.livechat p a {
  text-decoration: none;
  color: #105d63;
}
div.livechat p a:hover {
  color: black;
}
div.epilogue {
  position: relative;
  top: -49px;
  left: 0px;
  width: 760px;
  border-top: solid 1px #a6a6a6;
}
div.epilogue p {
  color: #a4a4a4;
  font-size: 10px;
  line-height: 18px;
  margin-left: 8px;
  margin-top: 0px;
  padding-top: 0px;
}
div.epilogue p a {
  color: #a4a4a4;
}
div.epilogue p a:hover {
  color: black;
}

/*
Styles for Catalog page display
*/
div.catchooser {
  position: absolute;
  top: -10px;
  left: 449px;
  width: 321px;
  height: 53px;
  z-index: 2
}
div.ccbg {
  position: absolute;
  z-index: -1;
}
div.catchooser select {
  float: right;
  text-transform: none;
  margin-right: 10px;
  margin-top: 15px;
}
div.catchooser p {
  margin-left: 10px;
  margin-top: 0px;
  padding-top: 20px;
  /*text-transform: uppercase;*/
  font-weight: bold;
  line-height: 12px;
}
div.catitem {
  border: solid 1px #e3e3e3;
  position: relative;
  clear: left;
}

div.catitem:hover {
  background-color: #ebebeb;
}
div.catitem img {
  float: left;
  margin: 12px;
}
div.catitem p {
  padding-right: 12px;
  margin-top: 0px;
  padding-top: 0px;
}
div.catitem h3 {
  padding-top: 12px;
}
div.catitem p a {
  /*text-transform: uppercase;*/
  font-weight: bold;
  color: #125862;
  text-decoration: none;
}
div.catitemtext {
  margin-left: 100px;
  position: relative;
}
div.catintro {
  background-color: #efefef;
  border: solid 1px #e3e3e3;
  margin-bottom: 20px;
  /* This ridiculous attribute combats the "peekaboo" bug to which
     we have fallen victim */
  line-height: 15px;
}
div.catintro div.knockout {
  position: absolute;
  left: 0px;
  margin-top: 5px;
}
div.catintro div.knockout_Bags {
  position: absolute;
  left: 0px;
  margin-top: 5px;
}
div.catintro div.knockout_Boxes {
  position: absolute;
  left: 0px;
  margin-top: 5px;
}
div.catintro div.knockout_Bubble {
  position: absolute;
  left: 0px;
  margin-top: 5px;
}
div.catintro div.knockout_Edge {
  position: absolute;
  left: 0px;
  margin-top: 5px;
}
div.catintro div.knockout_Envelopes {
  position: absolute;
  left: 0px;
  margin-top: 5px;
}
div.catintro div.knockout_Labels {
  position: absolute;
  left: 0px;
  margin-top: 5px;
}
div.catintro div.knockout_Strapping {
  position: absolute;
  left: 0px;
  margin-top: 5px;
}
div.catintro div.knockout_Film {
  position: absolute;
  left: 0px;
  margin-top: 5px;
}
div.catintro div.knockout_Tapes {
  position: absolute;
  left: 0px;
  margin-top: 5px;
}
div.catintro div.knockout_Tubes {
  position: absolute;
  left: 0px;
  margin-top: 5px;
}
div.catintro h3 {
  margin-left: 8px;
  margin-right: 8px;
  border-bottom: solid 1px #a8a8a8;
}
div.catintro p {
  margin: 0px 30px 0px 0px;
  padding: 0px 0px 0px 95px;
}
div.catintro div.looknow {
  padding: 4px 0px;
  margin-top: 4px;
  background-color: #e6e6e6;
}
div.catintro .left {
  margin-top: 8px;
  margin-left: 8px;
  border: solid 1px #8d8d8d;
  float: left;
}
div.catintro div.moreinfo {
  width: 340px;
  float: right;
  padding: 0px;
}



div.moreinfo ul {
  margin: 8px 30px 0px 20px;
  padding: 0px;
}
div.promobox {
  position: relative;
  z-index: 1;
  height: 156px;
}
div.promobox_lp {
  position: relative;
  z-index: 1;
  height: 100px;
}
div.promoboxbg_lp {
  position: absolute;
  top: 0px;
  left: -4px;
}
div.promoboxbg {
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: -1;
}
table.totals {
  border: none;
  border-spacing: 0px;
  border-collapse: collapse;
  float: right;
}
table.totals td {
  font: normal 12px/12px Arial,sans-serif;
  padding: 3px 6px;
  text-align: right;
}
table.ccinfo td {
  font: normal 12px/12px Arial,sans-serif;
  padding: 6px;
  text-align: right;
}
table.totals td.money {
  font-weight: bold;
}
table.ccinfo td.answer {
  text-align: left;
}
table.shoppingcart {
  width: 535px;
  border-color: #d7d7d7;
  border-spacing: 0px;
  border-collapse: collapse;
}
table.shoppingcart th {
  font: normal 10px/12px Arial,sans-serif;
  background-color: #dfdfdf;
  text-align: left;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
}
table.shoppingcart td {
  font: normal 12px/12px Arial,sans-serif;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: right;
}
table.shoppingcart caption {
  font: bold 12px/15px Arial,sans-serif;
  vertical-align: top;
  text-align: left;
}
table.shoppingcart caption em,table.shoppingcart caption a {
  color: #105d63;
}
table.shoppingcart td.size,table.shoppingcart td.size a,table.shoppingcart td.description, table.shoppingcart td.description a {
  color: #105d63;
  text-align: left;
  text-decoration: none;
}
table.shoppingcart td.description {
  font-weight: bold;
}

table.shoppingcart td.odate,table.shoppingcart td.ostat {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: left;
  white-space: nowrap;
}
table.shoppingcart td.ostat {
  /*text-transform: uppercase;*/
  font-weight: bold;
}
table.shoppingcart .um,table.shoppingcart .delete,table.shoppingcart .qty {
  text-align: center;
}
table.shoppingcart td.qty input {
  text-align: right;
}
div.acctbanner {
  background-color: #f0f0f0;
  border: solid 1px #cacaca;
  margin-bottom: 20px;
  height: 80px;
  width: 530px;
}
a.orderhistory,a.trackorders,a.changepwd,a.myprofile,a.addressbook,a.requestquote,a.shipbill,a.delivery,a.revieworder,a.payment {
  display: block;
  float: left;
  background-color: #f0f0f0;
}
a.orderhistory,a.trackorders,a.changepwd,a.myprofile,a.addressbook,a.shipbill,a.delivery,a.revieworder {
  border-right: solid 1px #c0c0c0;
}
a.orderhistory:hover img,a.trackorders:hover img,a.changepwd:hover img,a.myprofile:hover img,a.addressbook:hover img,a.requestquote:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
}
a.orderhistory img,a.trackorders img,a.changepwd img,a.myprofile img,a.addressbook img,a.requestquote img {
  border: none;
  margin-top: 15px;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 7px;
  opacity: 0.4; /* standard css2--understood by newest safari, konqueror, and soon, the WORLD! Ba ha ha ha! */
  filter: alpha(style=0,opacity=40); /* pre-standard MS */
  -moz-opacity: 0.4; /* pre-standard mozilla */
  -khtml-opacity: 0.4; /* pre-standard safari */
}
div.chkoutbanner {
  background-color: #f0f0f0;
  border: solid 1px #cacaca;
  margin-bottom: 20px;
  height: 80px;
  width: 530px;
}
div.chkoutbanner a img {
  border: none;
  margin-top: 15px;
  margin-left: 25px;
  margin-right: 25px;
  margin-bottom: 7px;
  opacity: 0.4; /* standard css2--understood by newest safari, konqueror, and soon, the WORLD! Ba ha ha ha! */
  filter: alpha(style=0,opacity=40); /* pre-standard MS */
  -moz-opacity: 0.4; /* pre-standard mozilla */
  -khtml-opacity: 0.4; /* pre-standard safari */
}
div.chkoutbanner a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
}
p.ohnav {
  border-top: solid 1px #c5c5c5;
  padding-top: 10px;
  text-align: right;
	border-left-width: 12px;

}
p.cartnav {
  padding-top: 10px;
  margin: 0px;
}
p.ohnav a,p.ohnav input,p.cartnav a,p.cartnav input,p.promotioncode input {
  color: #105d63;
  /*text-transform: uppercase;*/
  text-decoration: none;
  font-size: 9px;
  line-height: 9px;
  font-weight: bold;
  border: solid 1px #ababab;
  padding: 2px 6px;
  margin: 0px;
  background-color: #f5f5f5;
}
p.cartnav a,p.cartnav input {
  padding: 2px;
}
div.cartbottom {
  margin-top: 8px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: solid 1px #989898;
}
div.cartbottom p,div.cartbottom p.cartnav {
  margin: 0px;
  padding: 0px;
}
p.carttotal {
  font-weight: bold;
  float: right;
  margin: 0px;
  padding: 0px 20px 0px 10px;
}
p.ohnav a:hover,p.ohnav input:hover,p.cartnav a:hover,p.cartnav input:hover {
  background-color: white;
}
div.helpbanner {
  background-color: #f0f0f0;
  border: solid 1px #cacaca;
  height: 103px;
  overflow: hidden;
  margin-bottom: 20px;
}
div.helpbanner p {
  margin: 0px;
  padding: 0px;
}
div.helpbanner p.assistance {
  color: #105d63;
  font: bold 18px/24px Verdana,sans-serif;
  padding-top: 8px;
  padding-bottom: 12px;
}
div.helpbanner p a {
  color: #105d63;
  background-color: #f5f5f5;
  border: solid 1px #adadad;
  font: bold 11px/18px verdana,sans-serif;
  /*text-transform: uppercase;*/
  letter-spacing: -1px;
  height: 18px;
  text-decoration: none;
  padding-left: 8px;
  padding-right: 8px;
}
div.helpbanner p a:hover {
  background-color: white;
}
/* qpair controls the form layout on the My Profile and Address Book pages */
div.qpair {
  position: relative;
  margin: 6px 0px;
  padding: 0px;
}
div.qpair p {
  margin: 0px;
  padding: 0px;
}
p.qleft {
  width: 265px;
  text-align: right;
}
p.qright {
  position: absolute;
  top: 0px;
  left: 266px;
  width: 265px;
  text-align: right;
}
p.promotioncode {
  font-weight: bold;
  color: #105d63;
  float: left;
}
div.crosshairs {
  position: relative;
  border-bottom: solid 1px #b5b5b5;
  padding-bottom: 0px;
  margin-bottom: 1em;
}
div.crosshairs table {
  margin-left: 5px;
  margin-bottom: 1em;
}
div.crosshairs td {
  padding: 0px 2px;
  font: normal 11px/14px Verdana,sans-serif;
}
div.crosshairleft {
  border-right: solid 1px #b5b5b5;
  width: 270px;
}
div.crosshairright {
  position: absolute;
  top: 0px;
  left: 270px;
  width: 265px;
}
div.crosshairs h3 {
  text-transform: none;
  border-bottom: solid 1px #c5c5c5;
  padding-top: 0px;
  margin-bottom: 10px;
}
div.crosshairright h3,div.crosshairright p {
  padding-left: 5px;
}
table.proddetail {
  width: 530px;
  border-collapse: collapse;
}
table.proddetail th,table.proddetail td {
  padding: 5px;
  margin: 0px;
  border: solid 1px #c9c9c9;
  line-height: 12px;
  font-family: Arial,sans-serif;
}
table.proddetail th {
  background-color: #dfdfdf;
  font-weight: normal;
  text-align: left;
  font-size: 10px;
}
table.proddetail tr.info td,table.proddetail tr.info td a {
  background-color: #f6f6f6;
  color: #105d63;
  font-weight: bold;
  /*text-transform: uppercase;*/
  font-size: 12px;
  text-decoration: none;
}
table.proddetail td.description,table.proddetail td.description a {
  background-color: #f6f6f6;
  color: #105d63;
  font-weight: bold;
  /*text-transform: uppercase;*/
  font-size: 12px;
  text-decoration: none;
}

table.proddetail tr.info td img {

  border: none;
}
table.proddetail tr.prices td {
  /*background-color: #f2f2f2;*/
  font-size: 12px;
  text-align: center;
}
table.proddetail tr.prices td.uom {
  color: #105d63;
  font-size: 11px;
  font-weight: bold;
}
table.proddetail tr.info td input {
  background-color: white;

  border: solid 1px #c9c9c9;
}
table.proddetail tr.itemseparator td {
  height: 8px;
}
p.pager {
  text-align: right;
  word-spacing: 5px;
  line-height: 20px;
  font-family: Arial,sans-serif;
  font-weight: bold;
  font-variant: small-caps;
  color: #105d63;
}
p.pager span {
  border: solid 1px #ccc;
  padding: 2px 4px;
}
p.pager a {
  font-weight: normal;
  text-decoration: none;
  color: #105d63;
}
div.csabanner {
  background-color: #f0f0f0;
  #background-image: url(../images/thirds.gif);
  background-repeat: repeat-y;
  background-position: 177px 0px;
  border: solid 1px #cacaca;
  margin-bottom: 20px;
  width: 530px;
  padding: 10px 0px 12px 0px;
}
div.thirds {
  float: left;
  width: 175px;
}
div.thirds p {
  margin: 0px;
  padding: 4px 8px 4px 16px;
  text-indent: -8px;
  line-height: 12px;
  font-weight: bold;
}
div.thirds p a {
  text-decoration: none;
  color: #105d63;
}
div.thirds p a:hover {
  text-decoration: underline;
}
div.hellogoodbye {
  position: absolute;
  top: 12px;
  left: 10px;
  font: bold 9px/10px Tahoma,sans-serif;
  /*text-transform: uppercase;*/
  color: white;
}
div.hellogoodbye a {
  color: white;
  font-size: 9.61px;
  text-decoration: none;
}
ol.faquestions ul {
  margin: 0px 1.5em;
  padding: 0px;
  list-style-type: none;
}
ol.faquestions label {
  font-weight: bold;
}
/*
These definitions are for the Advanced Search elements
on the landing pages that use them.
*/
p.findit {
  color: #a00000;
  font: bold 15px/26px Verdana,sans-serif;
  letter-spacing: -0.5px;
  /*text-transform: uppercase;*/
  border-bottom: 1px solid #c0c0c0;
  padding: 0px;
}
p.searchtoggle {
  padding: 0px 30px 0px 0px;
  line-height: 26px;
  font-weight: bold;
  float: right;
}
p.searchtoggle a {
  text-decoration: none;
}
div#quickfinder {
  background-color: #e6e6e6;
  padding-bottom: 12px;
  border-bottom: 1px solid #c0c0c0;
}
div#quickfinder table {
  margin-left: 95px;
}
div#quickfinder table p {
  margin: 0px;
  padding: 0px;
}
div#quickfinder table tbody p {
  padding: 0px 4px;
}
div#quickfinder input {
  background-color: white;
  border: solid 1px #c0c0c0;
}
table.opts {
  margin-left: 95px;
}
table.opts p {
  padding: 0px 10px 0px 0px;
  margin: 0px;
  position: relative;
}
table.opts input {
  position: absolute;
  top: -2px;
  left: 0px;
}
table.opts label {
  margin: 0px 0px 0px 25px;
}
div#morecriteria {
  display: block;
}
div.controls,div.categories,div.attributes {
  border-bottom: 1px solid #c0c0c0;
  padding: 6px 0px;
}
div.attributes p {
  position: relative;
  padding: 0px;
}
div.attributes p select {
  margin: 2px 0px 2px 120px;
}
div.attributes label {
  position: absolute;
  top: 3px;
  left: 0px;
  text-align: right;
  width: 115px;
  line-height: 12px;
}
form#advancedsearch a {
  color: #125862;
}
div.catintro p.afterburner {
  margin-bottom: -10px;
  padding: 6px;
}
/*
Working with the Advanced Search and the checkboxes, I decided I wanted 
labels to have uniform cursor behavior, and that behavior should be the
same as form buttons, and that behavior is the default cursor.
*/
label {
  cursor: default;
}

/*
These classes support the Free Gift page.
*/
p.giftvalue {
  margin: 0px;
  padding: 3px 20px;
  background-color: #dfdfdf;
  color: #b60000;
  font: bold 12px/12px Verdana,sans-serif;
}
div.giftset {
  margin: 0px;
  padding: 0px;
  border: solid 1px #dfdfdf;
}
div.giftitem {
  border: solid 1px #cacaca;
  margin: 8px 18px;
  padding: 10px 0px 0px 0px;
}
div.giftchooser {
  margin: 0px 18px;
  padding: 0px 10px;
}
div.giftitem,div.giftchooser {
  float: left;
  /* 
     The "display: inline" addresses the Explorer "Doubletake" bug which doubles
     margins when the margin goes in the same direction as the float, AND is
     trapped between the container edge and the float. The "display: inline" is
     itself meaningless with respect to a floated element (floats are always
     coerced to "block"), but somehow fixes the problem.
  */
  display: inline;
}
div.giftitem p,div.giftchooser p {
  width: 68px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font: normal 10px/10px Verdana,sans-serif;
  /*text-transform: uppercase;*/
}
div.giftchooser p {
  color: #125862;
  font-weight: bold;
}
input.giftchooser {
  margin: 8px;
  font: bold 11px/11px Verdana,sans-serif;
  color: #105d63;
  border: solid 1px #c0c0c0;
}
div.giftitem p {
  text-align: center;
  height: 110px;
  width: 90px;
  overflow: hidden;
}
div.giftitem p img {
  margin-top: 0px;
  margin-bottom: 6px;
  padding: 0px;
  border: none;
}
div.giftitem p a {
  color: #125862;
  letter-spacing: -1px;
  text-decoration: none;
  font-weight: normal;
}
div.giftitem p a img {
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=0);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
}

div.giftchoice {
  text-align: center;
  border: 1px solid #f5f5f5;
  background-color: #dfdfdf
}
div.giftchoice a {
  color: #105d63;
  font: bold 10px/12px Arial,sans-serif;
  text-decoration: none;
}
div.partnerbox {
  float: left;
  padding: 10px;
  margin: 10px;
  border: solid 1px #a0a0a0;
}
div.seal {
}
table.tablecatdisp {
  width: 535px;
  border-color: #d7d7d7;
  border-spacing: 0px;
  border-collapse: collapse;
}
table.tablecatdisp th {
  font: normal 10px/12px Arial,sans-serif;
  background-color: #dfdfdf;
  text-align: left;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
}
table.tablecatdisp td {
  font: normal 12px/12px Arial,sans-serif;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: right;
}
table.tablecatdisp caption {
  font: bold 12px/15px Arial,sans-serif;
  vertical-align: top;
  text-align: left;
}
table.tablecatdisp caption em,table.tablecatdisp caption a {
  color: #105d63;
}
table.tablecatdisp td.productid,table.tablecatdisp td.productid a,table.tablecatdisp td.description, table.tablecatdisp td.description a {
  color: #105d63;
  text-align: left;
  text-decoration: none;
}
table.tablecatdisp td.description {
  font-weight: bold;
}
table.tablecatdisp td.productid {
	width: 30px;
}
table.tablecatdisp td.unitcost{
	width: 25px;
}
table.tablecatdisp td.quantity{
	width: 25px;
}
table.tablecatdisp td.description {
}
table.tablecatdisp td.odate,table.tablecatdisp td.ostat {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: left;
  white-space: nowrap;
}
table.tablecatdisp td.ostat {
  /*text-transform: uppercase;*/
  font-weight: bold;
}
table.tablecatdisp .um,table.tablecatdisp .delete,table.tablecatdisp .qty {
  text-align: center;
}
table.tablecatdisp td.qty input {
  text-align: right;
}
div.checkout1{
  text-align: left;
}
/* Jih's CSS Start*/
TABLE.newtable {
	WIDTH: 100%; BORDER-COLLAPSE: collapse
}
TABLE.newtable TH {
	BORDER-RIGHT: #c9c9c9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #c9c9c9 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #c9c9c9 1px solid; LINE-HEIGHT: 10px; PADDING-TOP: 2px; BORDER-BOTTOM: #c9c9c9 1px solid; FONT-FAMILY: Arial,sans-serif
}
TABLE.newtable TD {
	BORDER-RIGHT: #c9c9c9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #c9c9c9 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #c9c9c9 1px solid; LINE-HEIGHT: 10px; PADDING-TOP: 2px; BORDER-BOTTOM: #c9c9c9 1px solid; FONT-FAMILY: Arial,sans-serif
}
TABLE.newtable TH {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; BACKGROUND-COLOR: #dfdfdf; TEXT-ALIGN: left
}
TABLE.newtable TR.info TD {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #105d63; BACKGROUND-COLOR: #f6f6f6; TEXT-DECORATION: none
}
TABLE.newtable TR.info TD A {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #105d63; BACKGROUND-COLOR: #f6f6f6; TEXT-DECORATION: none
}
TABLE.newtable TD.description {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #105d63; BACKGROUND-COLOR: #f6f6f6; TEXT-DECORATION: none
}
TABLE.newtable TD.description A {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #105d63; BACKGROUND-COLOR: #f6f6f6; TEXT-DECORATION: none
}
TABLE.newtable TR.info TD IMG {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
TABLE.newtable TR.prices TD {
	FONT-SIZE: 10px; TEXT-ALIGN: center
}
TABLE.newtable TR.prices TD.uom {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #105d63
}
TABLE.newtable TR.info TD INPUT {
	BORDER-RIGHT: #c9c9c9 1px solid; BORDER-TOP: #c9c9c9 1px solid; BORDER-LEFT: #c9c9c9 1px solid; BORDER-BOTTOM: #c9c9c9 1px solid; BACKGROUND-COLOR: white
}
TABLE.newtable TR.itemseparator TD {
	HEIGHT: 8px
}
a.topnav:link, a.topnav:visited, a.topnav:active {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #105d63;
}
a.topnav:hover {
}

/* Jih's CSS End*/