@font-face {
  font-family: AvenirProRegular;
  src: url("/tbm/i/tbm/AvenirProRegular.woff");
}

/* td { border: 1px dashed black; } */

TABLE.ts_hd_ban {
/* titlesearch head banner */
  width: 100%;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body.loading * {
  cursor: progress !important;
}

.main_footer {
  padding: 30px 0px 20px 0px;
  color: #ffffff;
  font-size: 10pt;
  background-color: #376674;
  opacity: 0;
}

.main_footer > table {
  margin: 0px auto;
}

.main_footer .poweredby {
  padding: 10px 0px 0px 0px;
  opacity: 0.6;
}

.main_footer a {
  color: #ffffff !important;
  text-decoration: none !important;
  outline: none !important;
}

.main_footer .poweredby span:first-child {
  font-size: 8px;
  font-style: italic;
}

.main_footer .poweredby span:last-child {
  font-size: 12px;
  font-weight: bold;
  font-family: AvenirProRegular;
}

.main_footer .contact_info svg:hover path {
  fill: #b6bf00;
}

.main_footer .follow_facebook svg:not(:hover) .facebook1 {
  fill: #ffffff;
}
.main_footer .follow_facebook svg:not(:hover) .facebook2 {
  fill: #376674;
}
.main_footer .follow_twitter svg:not(:hover) path {
  fill: #ffffff;
}

#main_navbar,
.main_navbar_spacer {
  top: 0;
  width: 100%;
}

#id_webstore_select {
  display: none;
}

#gateway_navigator {
  width: 7px;
  height: 35px;
  background-color: #ffffff;
  display: inline-block;
  vertical-align: middle;
}

#main_navbar_spacer {
  position: relative;
  height: 68px;
}

#main_navbar {
  background-color: #376674;
  z-index: 20;
  color: #ffffff;
  position: fixed;
  box-shadow: 0px -16px 13px 10px #000000;
  -webkit-box-shadow: 0px -16px 13px 10px #000000;
  -moz-box-shadow: 0px -16px 13px 10px #000000;
  white-space: nowrap;
  padding: 10px 0px;
  display: none;
}

#main_navbar > .navsubdiv > table {
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  padding-left: 0px;
  margin: 1px auto;
  min-height: 40px;
  height: 100%;
  border-collapse: collapse;
}

#main_navbar > .navsubdiv {
  display: table;
  vertical-align: middle;
  margin: 0px auto;
}

#main_navbar > .navsubdiv > table > tbody > tr > td:nth-child(1) a {
  color: #ffffff;
  text-decoration: none !important;
  font-weight: bold;
  font-size: 1.4em;
}

#main_navbar .store_name {
  display: inline-block;
  white-space: initial;
  max-width: 256px;
  vertical-align: middle;
  text-align: center;
}

.site_select {
  display: none !important;
}

#main_navbar > .navsubdiv > table > tbody > tr > td {
  height: 100%;
  vertical-align: middle;
  position: relative;
  padding: 0px 5px 0px 5px;
}

#main_navbar .navbar_item svg  {
  vertical-align: middle;
  height: 100%;
  display: inline-block;
  padding: 3px;
  margin: 2px;
  transition: all ease-out .3s;
}

#main_navbar .navbar_item:hover svg {
  background-color: #b6bf00;
}

#main_navbar .navbar_item svg path {
  fill: #ffffff;
  transition: all ease-in .1s;
}

#main_navbar .navbar_item svg polyline {
  stroke: #ffffff;
  fill: #ffffff;
  transition: all ease-in .2s;
}

#main_navbar .navbar_item:hover svg path {
  fill: #2f170b;
}

#main_navbar .navbar_item:hover svg polyline {
  fill: #2f170b;
  stroke: #2f170b;
}

#navchevron_left,
#navchevron_right {
  display: inline-block;
  vertical-align: middle;
  padding-left: 2px;
  padding-right: 2px;
}

#navchevron_left svg,
#navchevron_right svg {
  display: block;
  vertical-align: middle;
}
#navchevron_left svg path,
#navchevron_left svg polygon,
#navchevron_right svg path,
#navchevron_right svg polygon {
  stroke: #ffffff;
  fill: #ffffff;
}

.tbm_dd_menu_button.searchtype {
  padding-top: 0px;
  padding-bottom: 0px;
  padding: 0px 0px 0px 5px;
  background-color: #FFF;
  border: none;
  border-radius: 0px;
  display: table;
  height: 100%;
  font-size: 13pt;
  color: #999999;
}

.tbm_dd_menu_button.searchtype svg path {
  fill: #999999;
  stroke: #999999;
}

.tbm_dd_menu_button.searchtype > table {
  height : 100%;
}

.tbm_dd_menu_button.searchtype .height_handle{
  height: 28px;
}

.tbm_dd_menu_button.searchtype li:nth-child(2) {
  width: 64px;
}

.pageheader {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  font-size: 18.667px;
  margin-bottom: 4px;
  padding: .2em;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 3px;
  font-family: verdana;
  background-color: #4f2d1d;
  color: #ffffff;
}

.red:link {color: #ff0000 !important; font-style: normal;}
.red:active {color: #ff0000 !important; font-style: normal;}
.red:visited {color: #ff0000 !important; font-style: normal;}
.red:hover {color: #ff0000 !important; font-style: normal;}

A.linkcolorh:link { color: #ffffff; }
A.linkcolorh:active { color: #ffffff; }
A.linkcolorh:visited { color: #ffffff; }
A.linkcolorh:hover { color: #ffffff; }

A.linkcolorn:link { color: #2f170b; }
A.linkcolorn:active { color: #2f170b; }
A.linkcolorn:visited { color: #2f170b; }
A.linkcolorn:hover { color: #2f170b; }

.nodecor A:link    { text-decoration: none; }
.nodecor A:active  { text-decoration: none; }
.nodecor A:visited { text-decoration: none; }
.nodecor A:hover   { text-decoration: underline; }

A.red:link {color: #ff0000; font-style: normal;}
A.red:active {color: #ff0000; font-style: normal;}
A.red:visited {color: #ff0000; font-style: normal;}
A.red:hover {color: #ff0000; font-style: normal;}

.link_imitation,
A:link {color: #006699; font-style: normal; text-decoration: none; cursor: pointer;}
.link_imitation:active,
A:active {color: #006699; font-style: normal; text-decoration: none;}
A:visited {color: #006699; font-style: normal; text-decoration: none;}
.link_imitation:hover,
A:hover {color: #3ba4d9; font-style: normal; text-decoration: underline;}

SPAN.tl_tag {color: #3ba4d9; text-decoration: none; }
SPAN.tl_tag.selected {color: #006699; text-decoration: underline; }

div.interior_left { background: url('/i/interior-arrow-left.png'); }
div.interior_right { background: url(/i/interior-arrow-right.png); }

table.interior_images {
  padding: 0px 4px 24px 24px;
  background: #FFF;
  border: 1px solid #666;
  border: 1px solid #555;
  box-shadow: 2px 2px 40px #222;
}

#greyed_container {
  display: none;
  position: absolute;
  margin-top: 5%;
  margin-left: 5%;

  /* sjohnson (10feb2015): this z-index is arbitrary, later we can pick one that jives well with the rest on the site */
  z-index: 999999;

  top: 100px;
}

#greyed_bg_transparency {
  background: #000;
  opacity: 0.6;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  z-index: 100; /* qsmith (05may2015): Also needs to be set to ensure elements outside of the flow (ie, relative, fixed, absolute) are greyed out */
}

TD.btn_l {
  background: url('/i/btn-full.png') no-repeat top left;
  height: 20px;
  font-size: 12px; line-height: 20px; padding: 0px 0px 0px 8px;
  text-decoration: none;
}
TD.btn_r {
  width: 9px; height: 20px;
}

TD.bigbtn_l {
  background: url('/i/bigbtn-full.png') no-repeat top left;
  height: 40px;
  font-size: 20px; line-height: 40px; padding: 0px 0px 0px 8px;
  text-decoration: none;
}
TD.bigbtn_r {
  width: 9px; height: 40px;
}

A.black:link {color: #000000; font-style: normal; text-decoration: none;}
A.black:active {color: #000000; font-style: normal; text-decoration: none;}
A.black:visited {color: #000000; font-style: normal; text-decoration: none;}
A.black:hover {color: #000000; font-style: normal; text-decoration: underline;}

A.white:link {color: #ffffff; font-style: normal; text-decoration: none;}
A.white:active {color: #ffffff; font-style: normal; text-decoration: none;}
A.white:visited {color: #ffffff; font-style: normal; text-decoration: none;}
A.white:hover {color: #ffffff; font-style: normal; text-decoration: underline;}



DIV.cart_l {
 float: left;
 height: 20px;
 background-position: top left;
 background-repeat: no-repeat;
}
DIV.cart_m_del { background-image: url(/i/list-delete.png); width: 43px; cursor: pointer; cursor: hand; }
DIV.cart_cart_l { background-image: url(/i/cart-full.png); }
SPAN.cart_l_ind { font-size: 12px; font-weight: normal; line-height: 20px; padding: 0px 0px 0px 3px; }
DIV.cart_r {
 float: left;
 background-position: top right;
 background-repeat: no-repeat;
 width: 20px;
 height: 20px;
 cursor: pointer; cursor: hand;
}
DIV.cart_r_0 { background-image: url(/i/cart-right.png); }
DIV.cart_r_0:hover { background-image: url(/i/cart-right-hover.png); }





DIV.myl_l {
 float: left;
 height: 20px;
 background-position: top left;
 background-repeat: no-repeat;
}
DIV.myl_m { background-image: url(/i/list-middle.png); background-repeat: repeat-x; }
DIV.myl_m_del { background-image: url(/i/list-delete.png); width: 43px; cursor: pointer; cursor: hand; }
SPAN.myl_l_ind { font-size: 12px; line-height: 20px; padding: 0px 0px 0px 22px; }
SPAN.myl_l { font-size: 12px; line-height: 22px; padding: 0px 0px 0px 8px; }
SPAN.myl_m { font-size: 12px; line-height: 22px; }
DIV.myl_mylist_l { background-image: url(/i/list-full.png); }

DIV.myl_r {
 float: left;
 background-position: top right;
 background-repeat: no-repeat;
 width: 20px;
 height: 20px;
 cursor: pointer; cursor: hand;
}

DIV.myl_r_0 { background-image: url(/i/cart-right.png); }
DIV.myl_r_0:hover { background-image: url(/i/cart-right-hover.png); }

DIV.myl_plain_r {
 float: left;
 background-position: top right;
 background-repeat: no-repeat;
 width: 9px;
 height: 22px;
}




TD.ts_hd_ban {
  font-size: large;
}

TABLE.header {
  width: 100%;
}

TD.header {
  font-family: verdana;
}

TABLE.ts,
TABLE.ts_b,
TABLE.ts_b2 {
  font-family: helvetica;
  font-size: medium;
  table-layout: auto;
  width: 100%;
}

IMG.bj { vertical-align: bottom; }

TABLE.ts_b {
  table-layout: fixed;
  border-bottom: 1px solid gray;
}

TR.ts_b {
  border-bottom: 1px solid gray;
}

TD.header_logo {
  font-size: 24pt;
}

div.browse {display: none; margin-bottom: 15px;}
a.browse {margin: 0px 0px 0px 0px; width: auto; display: block;}
a:link.browse {color: #AAAAAA; font-family: verdana; font-weight: bold; font-size: 8.3pt; text-decoration: none;}
a:visited.browse {text-decoration: none; font-weight: bold; font-family: verdana; font-size: 8.3pt; color: #AAAAAA;}
a:active.browse {color: #AAAAAA; text-decoration: underline; font-family: verdana; font-size: 8.3pt;}
a:hover.browse {background-color: #683939; text-decoration: underline; color: #FFFFFF;}

a.news {margin: 0px 0px 0px 0px; width: auto; display: block; padding: 0px 0px 5px 0px; }
a:link.news {color: #AAAAAA; font-family: verdana; font-weight: bold; font-size: 7.6pt; text-decoration: none;}
a:visited.news {text-decoration: none; font-weight: bold; font-family: verdana; font-size: 7.6pt; color: #AAAAAA;}
a:active.news {color: #fff; text-decoration: underline; font-family: verdana; font-size: 7.6pt; color: #AAAAAA;}
a:hover.news {background-color: #683939; text-decoration: none; color: #FFFFFF;}

.news_article {width: 138px; background-color: #fff; color: #000; font-family: verdana; font-size: 7pt; border: 1px solid #999; margin: 0px 0px 10px 0px; padding: 2px;}
.news_article img {width: 100%;}

.showall {float: right; margin: 0px 5px 0px 0px;}
.showall a:link {font-family: verdana; font-weight: bold; font-size: 7.6pt; text-decoration: none; color: #AAAAAA;}
.showall a:hover {font-family: verdana; font-weight: bold; font-size: 7.6pt; text-decoration: underline; color: #FFFFFF;}

.r_left {
 margin: 2px 0px 2px 0px;
 /* width: 160px; */
 background-color: #620D0C;
 color: white;
 text-align: left;
}
.r_left DIV.rnd_t { background-image: url(/i/corner_tr.gif); background-position: top right; background-repeat: no-repeat; height: 5px; }
.r_left DIV.rnd_b { background-image: url(/i/corner_br.gif); background-position: bottom right; background-repeat: no-repeat; height: 5px; }

.r_in {
 margin: 0px;
 margin-left: 10px;
 font-family: verdana;
 font-size: 7.6pt;
 color: #FFFFFF;
}
.r_news {
 /*background-color: #C79D42;*/
 background-color: #FFF6D6;
 width: 155px;
 margin-left: -10px;
}
.r_news_in {
 width: 141px;
 padding: 0px 2px 0px 2px;
 color: #000;
 font-size: 7.6pt;
 font-family: verdana;
 margin-left: 8px;
}
p.header {color: #FFFFFF; font-family: verdana; font-size: 8.3pt; font-weight: bold; border-width: 0px 0px 1px; border-style: solid; border-color: #AAAAAA;}
p.menu {border: 0px 0px 1px; border-style: solid; border-width: 0px 0px 1px; color: #AAAAAA; font-family: verdana,arial; font-size: 12pt; margin: 1px 0px 1px 0px;}

.r_sample {
 margin: 0px;
 padding: 20px;
 width: 300px;
 background-color: #620D0C;
 color: #FFFFFF;
 font-family: verdana;
 font-size: 7.6pt;
}

.r_menu {
 width: 100%;
 margin-top: 2px;
 background-color: #cccccc;
 text-align: left;
}

.r_stock {
 margin: 2px 0px 2px 0px;
 width: 440px;
 background-color: #620D0C;
 color: #FFFFFF;
 font-family: verdana;
 font-size: 7.6pt;
}

.r_options {
 margin: 2px 0px 2px 0px;
 width: 240px;
 background-color: #620D0C;
 color: #FFFFFF;
 font-family: verdana;
 font-size: 7.6pt;
}

.r_directory {
 margin: 2px 0px 2px 0px;
 width: 603px;
 background-color: #620D0C;
 color: #FFFFFF;
 font-family: verdana;
 font-size: 7.6pt;
}

SPAN.sidebar_top, TD.sidebar_top {
  /* background-color: royalblue; */
  background-color: #4f2d1d;
  /* color: white; */
  padding-left: 5px;
  font-family: arial;
  font-weight: bold;
  font-size: 14px;
}



.sidebar_subjects {
  font-size: 7pt;
  font-family: verdana;
}

TD.sidebar_outer_r {
  vertical-align: TOP;
  font-size: 10px;
  padding: 0px 0px 0px 0px;
  border-left: 1px solid gray;
  background-color: #b6bf00;
}

TD.sidebar_outer {
  vertical-align: TOP;
  font-size: 10px;
  padding: 0px 0px 0px 0px;
  border-right: 1px solid gray;
  background-color: #b6bf00;
}

TABLE.sidebar_box {
  background-color: #b6bf00;
  /* background-color: white; */
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;

}

TD.sidebar_inside {
  padding: 5px 5px 5px 5px;
  margin: 0px 0px 0px 0px;
/*
  border-top: hide;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
*/
}


BODY.pubstock,
TR.ts {
  background-color: #e8f1ff;
  /* padding: 10px; */
}

hr {
  background-color: gray;
  height: 1px;
  border: none;
}

BODY.pubstock_alt,
TD.ts_hd,
TR.ts_alt {
  background-color: #b6bf00;
}

TABLE.ts_tit,.ched {
  background-color: #4f2d1d;
  border: 2px solid #b6bf00;
  color: #ffffff;
}
.ched a { color: #ffffff; }

.ccon {
  color: #2f170b;
  background-color: #b6bf00;
  /* border: 2px solid #4f2d1d; */
  font-size: small;
  font-family: verdana, arial;
}

.ched {
  padding: 2px;
  font-size: 14px;
  font-family: arial, verdana;
  font-weight: bold;
  text-align: center;
}

TABLE.ts_tit {
  font-size: x-small;
  font-family: verdana, arial;
}

TABLE.ts_tit2 {
  background-color: #b6bf00;
  border: 2px solid #4f2d1d;
  font-size: x-small;
  font-family: verdana, arial;
}

TR.pubstock_tit,
TR.ts_tit {
  background-color: #4f2d1d;
}

TD.ts_hd2,
TR.ts_tit {
  background-color: #4f2d1d;
}

TR.pubstock_tit2 {
  background-color: #4f2d1d;
  color: #ffffff;
}

TABLE.ts_hd {
  /* titlesearch header */
  width: 100%;
  /* border-right: 1px solid gray; */
  border-bottom: 1px solid gray;
}

TD.ts_hd {
  /* titlesearch header */
  padding-left: 5px;
  padding-right: 5px;
}

/* PUBSTOCK BANNER */
TABLE.pubstock_tit, TABLE.pubstock_tit2 {
  border-collapse: collapse;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

TR.pubstock_tit, TR.pubstock_tit2 {
  font-family: verdana;
}

/* TITLESEARCH BANNER */
TD.ts_tit {
  /* titlesearch cell properties for the header info, such as Title, Format, Action, etc. */
  /* vertical-align: center; */
  text-align: center;
  font-size: 14px;
  font-family: verdana, arial;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  padding: 2px 5px 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}

TD.ts_titx {
  /* titlesearch cell properties for the header info, such as Title, Format, Action, etc. */
  /* vertical-align: center; */
  text-align: center;
  font-size: x-small;
  font-family: verdana, arial;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  padding: 2px 2px 2px 2px;
  white-space: nowrap;
  overflow: hidden;
  color: #ffffff;
}



TD.ts {
  /* titlesearch cell properties */
  font-size: smaller;
  vertical-align: bottom;
  border-bottom: 0px solid gray;
  border-top: 0px solid gray;
  border-right: 1px solid gray;
  padding: 5px 5px 5px 5px;
}

TD.ts_bs {
  /* titlesearch bookstat properties */
  font-size: smaller;
  vertical-align: bottom;
  border-bottom: 0px solid gray;
  border-top: 0px solid gray;
  border-right: 1px solid gray;
  padding: 5px 5px 5px 5px;
  text-align: center;
  white-space: nowrap;
}


TD.ts_tn {
  /* titlesearch THUMBNAIL properties for cute pics */
  /* vertical-align: center; */
  text-align: left;
  border-right: 1px solid gray;
  padding: 3px 3px 3px 3px;
}

TD.ts_tno {
  /* titlesearch THUMBNAIL properties for cute pics */
  /* vertical-align: center; */
  text-align: left;
  border-right: 0px;
  padding: 3px 3px 3px 3px;
}


TD.ts_f {
  /* titlesearch BRIEF properties */
  font-size: small;
  border-right: 1px solid gray;
  /* padding: 6px 2px 6px 2px; */
  padding: 0px 2px 0px 2px;
  text-align: left;
  vertical-align: bottom;
  /* white-space: nowrap;
  overflow: hidden; */
}

TD.ts_m {
  /* titlesearch BRIEF properties */
  font-size: small;
  border-right: none;
  padding: 2px 2px 0px 2px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
}

TD.ts_b {
  /* titlesearch BRIEF properties */
  font-size: small;
  border-right: 1px solid gray;
  padding: 0px 2px 0px 2px;
  text-align: left;
  vertical-align: bottom;
  white-space: nowrap;
  overflow: hidden;
}

TD.ts_f2 {
  font-size: 8pt;
  border-right: none;
  padding: 0px 2px 0px 2px;
  text-align: right;
  vertical-align: bottom;
  white-space: nowrap;
  overflow: hidden;
  /* border-right: 0px; */
}

TD.ts_b2 {
  font-size: 8pt;
  border-right: 1px solid gray;
  padding: 0px 2px 0px 2px;
  text-align: right;
  vertical-align: bottom;
  white-space: nowrap;
  overflow: hidden;
  /* border-right: 0px; */
}

TD.ts_f4 {
  font-size: 8pt;
  border-right: none;
  padding: 0px 2px 0px 2px;
  vertical-align: bottom;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
}

TD.ts_f3 {
  font-size: 8pt;
  border-right: none;
  padding: 0px 2px 0px 2px;
  vertical-align: bottom;
  white-space: nowrap;
  overflow: hidden;
}

TD.ts_b3 {
  font-size: 8pt;
  border-right: 1px solid gray;
  padding: 0px 2px 0px 2px;
  vertical-align: bottom;
  white-space: nowrap;
  overflow: hidden;
}

TD.ts_b21 {
  font-size: 8pt;
  border-right: 1px solid gray;
  padding: 0px 2px 0px 2px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
}

TD.ts_b31 {
  font-size: 8pt;
  border-right: 1px solid gray;
  padding: 0px 2px 0px 2px;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
}

TD.tsbar {
  /* titlesearch BAR properties (the titlewave bar, not the Titlesearch engine or anything */
  /* background-color: royalblue; */
  background-color: #4f2d1d;
  color: black;
  border-bottom: 1px solid gray;
}

FORM.nopad {
  margin: 0px 0px 0px 0px; /* makes it so the form doesn't have any margins that screw up the look */
}

TABLE.tsbar {
  /* titlesearch BAR properties (the titlewave bar, not the Titlesearch engine or anything */
  margin: 3px 0px 3px 8px;
  border-collapse: collapse;
}

.tsvm {
  vertical-align: 50%;
}


BODY {
  background-color: white;
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-left: 0;
  margin-right: 0;
  margin: 0 0 0 0 ;
  padding-bottom: 0px;
}

ol {margin-left: 2.5em; padding-left: 0;}

BODY.popup {
  background-image: none;
}

.header {
  color: black;
  font-family: verdana, arial;
  /* font-weight: light; */
  font-size: 8pt;
  white-space: nowrap;

  border-style: solid;
  border-width: 0px;
  border-bottom-width: 1px;
  border-color: gray;
}

.footer {
  color: black;
  font-family: verdana, arial;
  /* font-weight: light; */
  font-size: 8pt;
  white-space: nowrap;
  margin: 20px;
}

#login_button {
  font-size: .8em;
  text-align: center;
  cursor: pointer;
  border: solid 2px #ffffff;
  color: #ffffff;
  padding: 3px 5px;
  margin: 2px 0px 0px 0px;
  vertical-align: middle;
  display: inline-block;
  transition: .2s ease-out all;
}

#login_button.hovering,
#login_button:hover {
  color: #2f170b;
  background-color: #b6bf00;
}

#login_button span:nth-child(1) {
  font-weight: bold;
  font-size: 1.2em;
}

#login_button span:nth-child(2) {
  font-style: italic;
}


#loginbox {
  background-color: #FFFFFF;
  padding: 10px;
  display: none;
  position: absolute;
  z-index: 22;
  box-shadow:	      0px 2px 2px 0px rgba(0,0,0, .3);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0, .3);
  -moz-box-shadow:    0px 2px 2px 0px rgba(0,0,0, .3);
  font-size: 16px;
}

#loginbox .tbm_dd_menu_button {
  padding: 6px 2px 6px 10px;
  border: none;
}

.login_misc {
  text-align: right;
  margin: 0px 0px 5px 0px;
}

.login_misc div {
  font-size: .8em;
  display: inline-block;
  vertical-align: middle;
  min-width: 15px;
}

#loginbox .creds span:not(:last-child) {
  outline: 1px solid #777777;
  display: block;
  border: none;
  border-left: 7px solid #AAAAAA;
  margin: 0px 0px 3px 0px;
  width: 240px;
}

#loginbox .creds span:not(:last-child) input {
  width: 208px;
  outline: none;
  padding: 0px;
  margin: 6px 0px;
}

#loginbox .creds .loginbox_submit:hover {
  background-color: #DDD;
  border-color: #DDD;
}

#loginbox .creds .loginbox_submit {
  cursor: pointer;
  font-weight: bold;
  background-color: #C0C0C0;
  border: 1px solid #C0C0C0;
  margin: 0px 0px 0px -1px;
  width: 100%;
  display: block;
  text-align: center;
  color: #000000;
  padding: 2px 0px;
}

#loginbox .creds svg {
  display: inline-block;
  vertical-align: middle;
  margin: 2px;
}

#loginbox .creds svg path {
  fill: #AAAAAA;
}

#loginbox .acctopts {
  text-align: right;
}

#loginbox .acctopts > span {
  display: block;
}

.loggedin .lb_row a.connectionid svg path {
  fill: #cdcdcd;
}

.loggedin a.connectionid {
  text-align: center;
  display: block;
  margin: 3px 0px 0px 0px;
  text-decoration: none;
  color: #000;
  padding: 2px 0px;
  outline: none;
  vertical-align: middle;
}

.loggedin a.connectionid  svg {
  vertical-align: middle;
}

.loggedin .acctopts > a {
  text-align: center;
  display: block;
  margin: 3px 0px 0px 0px;
  background-color: #dcdcdc;
  color: #000;
  text-decoration: none;
  padding: 4px 0px;
  outline: none;
}

.loggedin .acctopts {
  margin-top: 10px;
}

.loggedin .acctopts > a:hover {
  background-color: #e0e0e0;
}

.loggedin .acctopts > span {
  padding: 2px 6px 0px 0px;
}

#loginbox .lb_row {
  display: table-row;
  margin: 3px 0px;
}
#loginbox .lb_row > *:first-child {
  font-size: .8em;
}
#loginbox .lb_row > div,
#loginbox .lb_row > a {
  display: table-cell;
  vertical-align: middle;
  padding: 3px 3px 0px 3px;
}

.loggedin .nominjs a {
  vertical-align: middle;
}

.login {
  color: black;
  font-family: verdana, arial;
  /* font-weight: light; */
  font-size: 7pt;
  white-space: nowrap;
}

#loginbox_priv {
  background-color: #4f2d1d;
  color: #ffffff;
  width: 500px;
  border-radius: 25px;
}

.nav {
  color: black;
}

.nav,
A.nav {
  font-family: verdana, arial;
  font-size: 10pt;
  text-decoration: none;
}

.news, A.news {
  font-family: verdana, arial;
  text-decoration: none;
  font-size: 7pt;
}

.sj, A.sj {
  font-family: verdana, arial;
  text-decoration: none;
  font-size: 7pt;
  white-space: nowrap;
}

P.title {
  font-size: 14pt;
  /* font-weight: medium; */
  font-family: verdana, arial;
  color: black;

  margin: 10px;

  border-style: solid;
  border-width: 0px;
  border-bottom-width: 1px;
  border-color: gray;
}

P.title A {
 color: #333399;
}

.content {
  font-family: verdana, arial;
  font-size: 10pt;

  color: black;
}


P.content_nomargins {
/*  text-indent: 10px  LOOKS UGLY!; */
/*  margin-bottom: 4px;*/
}
P.content {
  margin: 20px;
  margin-top: 4px;
/*  text-indent: 10px  LOOKS UGLY!; */
/*  margin-bottom: 4px;*/
}


P.content A {
  color: #333399;
}

P.content IMG {
  margin: 30px;
}

.content TD, .content TH {
  font-family: verdana, arial;
  font-size: 10pt;
  color: black;
}

.news {
  font-family: verdana, arial;
  font-size: 8pt;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
}

P.news A, OL.news A {
 color: #333399;
}

P.news#title {
  font-size: 10pt;
}

P.news#content {
  /* text-indent: 5px;  LOOKS UGLY!; */
}

.defsuc {
  font-family: verdana;
  margin-left: 10px;
  font-size: 14pt;
  color: blue;
}

.deferr {
  font-family: verdana;
  margin-left: 10px;
  font-size: 14pt;
  color: red;
}

P.defvth,SPAN.defvth {
  font-family: verdana;
  font-size: 16pt;
  margin-left: 10px;
}

P.defth,SPAN.defth {
  font-family: verdana;
  font-size: large;
  margin-left: 10px;
  font-weight: bold;
}

P.defths,SPAN.defths {
  font-family: verdana;
  font-size: small;
  margin-left: 10px;
  font-weight: normal;
}

P.def,SPAN.def {
  font-family: verdana;
  font-size: small;
  margin-left: 10px;
}

.defnm {
  font-family: verdana;
  font-size: small;
}

TABLE.def {
  font-family: verdana;
  font-size: small;
}

P.defsm,SPAN.defsm {
  font-family: verdana;
  font-size: 8pt;
  margin-left: 10px;
}

TD.defsm {
  font-family: verdana;
  font-size: 8pt;
  margin-left: 10px;
}

TD.def {
  font-family: verdana;
  font-size: small;
}

.subtitle {
  font-family: verdana, arial;
  /* font-size: 16; */
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 10px;
}

P.subtitle A, OL.subtitle A {
 color: #333399;
}

P.subtitle#title {
  font-size: 10pt;
}


TABLE.standard, TABLE.compact {
  font-family: verdana, arial;
  font-size: 8pt;
  margin: 20px;
}

TABLE.standard A, TABLE.compact A {
  color: #333399;
}
TABLE.standard TD, TABLE.compact TD {
  background-color: #f4f4f4;
}

TABLE.compact TH {
  font-weight: bold;
  font-size: 7pt;
  background-color: #dddddd;
}

TABLE.standard TD#title, TABLE.standard TH {
  font-size: 10pt;
  font-weight: bold;
  background-color: #dddddd;
}

TABLE.compact TD {
  font-size: 8pt;
}

/* TABLE.standard TH, TABLE.compact TH {
#   font-size: 8pt;
# }*/

a.imglink img {
  border: none;
}

TABLE.layout {
  empty-cells: show;
  margin: 0px;
  width: 100%;
}

TD.layout_bar {
  height: 1px;
  width: 1px;
  border: 1px none;
  background-color: gray;
}

TD.client_tbl TD {
  background-color: blue;
}

TH.client_tb_col_header {
  padding-left: 3px;
  padding-right: 3px;
}

.defti {
        font-weight: bold;
        font-style: italic;
	font-family: Arial;
        color: #333333;
        font-size: 16px;
}


TABLE.boxborder {
  margin-left: 10px;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
  font-family: verdana;
  font-size: 9px;
}

div.menu  {
  position:absolute; visibility: hidden;
  width: 110px; left: 0; top: 0; z-index: 500;
  font-size: 12px;
  background-color: #e6e6e6; color: #000;
  border: 2px solid;
  border-color: #f7faff #99a #99a #f7faff;
  z-index: 500;
}

.mnu {
  background-color: #b6bf00;
  border: 2px solid #4f2d1d;
}

.mnu TD {
  font-family: arial;
  font-weight: bold;
  font-size: 14px;
  padding: 3px 3px 3px 3px;
}

SPAN.clmn {
  float: left;
  padding: 3px 3px 3px 3px;
}

.tbub { /* xxx */
padding: 3px;
background: #b6bf00;
border: 2px solid #4f2d1d;
font-family: verdana, arial, sans-serif;
font-size: x-small;
font-weight: normal;
/*line-height: 140%;*/
margin-bottom: 15px;
-moz-border-radius: 5px;
/*overflow: hidden;*/
}

.tbub2 { /* xxx */
padding: 3px;
background: #4f2d1d;
border: 2px solid #b6bf00;
font-family: verdana, arial, sans-serif;
font-size: x-small;
font-weight: normal;
/*line-height: 140%; */
margin-bottom: 15px;
-moz-border-radius: 5px;
/*overflow: hidden; */
}

BODY {
  font-family: verdana;
  font-size: small;
}



/* --------------------------- */

/* lets one tr class hide any trhideable objects under it */
.trhide .trhideable { display: none; }

TABLE.fixed {
  table-layout: fixed;
  width: 100%;
}
TABLE.fixed TD {
  white-space: nowrap;
  overflow: hidden;
  vertical-align: bottom;
}

TABLE.t1 TR {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}

TABLE.t1 {
  margin-top: 1px;
  font-family: helvetica;
  table-layout: fixed;
  width: 100%;
  background-color: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: left;
 /* border-top: 1px solid gray; */
 /* border-left: 1px solid gray; */
 /* border-bottom: 1px solid gray; */
  /* right border is specified by td cell */
}

/* pagination and other table info block */
TABLE.t1p {
  background-color: #b6bf00;
  width: 100%;
}

/* all cells style */
.t1 TD {
  font-size: 9pt;
  padding: 2px 2px 2px 4px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: bottom;
}

.tlde_section td {
  font-size: unset;
  padding: unset;
  white-space: unset;
  overflow: unset;
  vertical-align: unset;
}

TABLE.t1 TD.flow {
  overflow: visible;
}

TABLE.t1.storedata TD, .stoRedata {
  font-size: 9pt;
  font-family: helvetica;
}

/* sjohnson (22jan2009):  used to override the inheritence that cannot be stopped... */

TABLE.noinher TD {
  white-space: normal;
  border-width: 0px 0px 0px 0px;
}

TABLE.nodoctype {
  margin: 0 !important;
  padding: 0 !important;
  line-height: auto !important;
}
TABLE.nodoctype IMG { display: block !important; }
TABLE.nodoctype TR, TABLE.nodoctype TD { margin: 0; padding: 0; }

TR.t1hn#foot TD {
  background-color: white;
  color: black;
  border-radius: 0;
  padding: 4px 0px !important;
}
TR.t1hn#foot A { color: black; }

TR.t1hn#foot TD div.bottomline {
  margin: 0;
  padding: 0px;
  height: 3px;
  background-color: #4f2d1d;
}

DIV.centeredhr {
  width: 100%;
  border-top: 1px solid #e3e3e3;
}

TR.t1hn A:link { color: #ffffff; }
TR.t1hn A:active { color: #ffffff; }
TR.t1hn A:visited { color: #ffffff; }
TR.t1hn A:hover { color: #ffffff; }
TR.t1hn TD {
  border: none;
  vertical-align: top;
  font-family: verdana, arial;
  font-size: x-small;
  padding: 4px 5px;
  background-color: #4f2d1d;
  color: #ffffff;
  margin-top: 0;
}

TR.t1dots TD {
  border-top: 1px dotted #ffffff;
  padding-top: 5px;
}

TR.trul TD {
  border-bottom: 1px solid lightgray;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* header row and cells. */
TR.t1h {
  background-color: #4f2d1d;
  vertical-align: middle;
  text-align: center;
}
TR.t1h TD {
  font-family: verdana, arial;
  font-size: x-small;
  border-bottom: 1px solid gray;
  padding: 2px 3px 2px 3px;
  color: #ffffff;
}
TR.t1h A:link {color: #ffffff; }
TR.t1h A:active {color: #ffffff; }
TR.t1h A:visited {color: #ffffff; }
TR.t1h A:hover {color: #ffffff; }

/* row that has a bottom border. */
.t1b TD { border-bottom: 1px solid gray; }
.t1bb TD { border-bottom: 2px solid black; }

.t1bb1g TD { border-bottom: 1px solid lightgray; }
.t1nbr TD { border-right: 0px !important; }


.t1ub TD { border-top: 2px solid black; }

.ra { text-align: right; }
.rb { border-right: 1px solid gray; }
.ca { text-align: center; }
.la { text-align: left; }
TABLE TD.vt, TABLE TR.vt TD { vertical-align: top; } /* use 2 classes to match precedence for grids */
TABLE TD.lightgray { background-color: lightgray; } /* sjohnson (27jul2009) */
TABLE TD.lightred { background-color: #ffcfcf; } /* sjohnson (27jul2009) */
TABLE TR.altrowc { background-color: #e8ffe8; } /* used for alternating grid row color */
SPAN.lightgray { background-color: lightgray; }
TABLE TD.vm, TABLE TR.vm TD, IMG.vm { vertical-align: middle; }
TABLE TD.vb { vertical-align: bottom; }
TABLE TD.nbr { border-right: 0px; }
TABLE TD.abr { border-right: 1px solid gray; } /* add border right */
TABLE TD.npl { padding-left: 0px; }


/* brown, tiny */
.bt { font-size: 7pt; color: brown; }

H1 {
  margin: 0; padding: 0;
  font-family: verdana;
  font-size: 14pt;
  font-weight: normal;
}

H2 {
  margin: 0; padding: 0;
  font-family: verdana;
  font-size: 10pt;
  font-weight: normal;
}

H2.accteditheader {
  font-size: 10pt;
  font-weight: normal;
}

H2.accteditheader span {
  font-size: 14pt;
  font-weight: bold;
}

.t1 H2 {
  margin: 0; padding: 0;
  font-family: verdana,arial;
  font-size: 11pt;
  font-weight: normal;
}
.t1 h2 span.small {
  font-size: 8pt;
}

/* --------------------------- */

TABLE.df {
  border: none;
}

TABLE.df TD {
  border: none;
  white-space: normal;
  overflow: visible;
  padding: 2px 2px 2px 2px;
}

TABLE.df TR.dfvat TD {
  vertical-align: top;
}

TABLE.df TR.dfub TD {
  border-top: 1px solid lightgray;
  padding-top: 4px;
}

TABLE.df TR.dfbp TD {
  padding-bottom: 5px;
}

TABLE.dfs TD {
  font-size: 8pt;
  padding: 0px;

}
TABLE.dfb TR TD {
  font-weight: bold;
  font-size: 9pt;
  padding: 0px;
}

TABLE.df TD {
}

tr.rnsel input { color: grey; }
tr.rnsel select { color: grey; }
tr.rsel { background-color: #e7e7e7; }

TR.t2h TD {
  background-color: #4f2d1d;
  color: #ffffff;
}
TR.t2hl TD {
  background-color: #4f2d1d;
  color: #ffffff;
  border-bottom: 1px solid gray;
}
/*---------------------------------------------------------
-this is for Kaare's snazzy new tbm blurb markup 05/24/07--
---------------------------------------------------------*/
.blurb {
	margin: 0px;
	padding: 0px;
}
.blurb h1 ,h2 {
	font-size: 15px;
	font-weight: bold;
}
.blurb h2, p {
	margin: 0px;
	padding: 0px;
}
.blurb p {
	margin-bottom: 20px;
}

TABLE.ecart input { font-size: 8pt; }
TABLE.ecart select  { font-size: 8pt; }

TR.ecart_catalogue { background-color:#b0ffb0; }


DIV.filt { font-family: helvetica; font-size: 8pt; border: 1px solid black; overflow: auto; background-color: white; }
DIV.filt table { width: 100%; }
DIV.filt table TR TD:first-child { width: 10%; }
DIV.filt TR#sel { background-color: lightblue; }
DIV.filt TR { cursor: pointer; cursor: hand; }
DIV.filt TD { white-space: nowrap;
  border-left: 1px solid gray;
  padding: 0px 2px 0px 2px;
  overflow: hidden;
  color: black;
}

.olay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     text-align: center;
     z-index: 1000;
}

INPUT.sb { font-size: 8pt; }
input.error {border: 1px solid #ffcc66;}

.loginbox_form_content span {
  width: 100%;
  display: block;
  border: 1px solid #999999;
}


#loginbox .name,
#loginbox .password_fake,
#loginbox .password {
  background-color: #FFF;
  border: none;
  display: inline-block;
  vertical-align: middle;
  outline: none;
  padding: 5px;
  font-size: .9em;
}

#loginbox .name:not(.editing),
#loginbox .password_fake {
  font-style: italic;
  color: #AAA;
}

#loginbox .name.editing,
#loginbox .password.editing {
  font-weight: normal;
  color: #000;
}

#pucp_pass {
  height: 13px;
  outline: none;
  vertical-align: middle;
  border: 1px solid #AAA;
}

.submit {
        vertical-align: middle;
}

input.error {
        border: 1px solid #ffcc66;
}
span.error {
	background: url(/i/error.gif) center right no-repeat; padding-right: 12px; margin-right: 12px;
}

.warn { font-weight: bold; color: red; font-size: 12pt; }
.warn_blue { font-weight: bold; color: blue; font-size: 12pt; }

.bold { font-weight: bold; }
.small { font-size: 8pt; }

TABLE.fxd {
  font-family: helvetica;
  table-layout: fixed;
  width: 100%;
}

TABLE.fxd TD {
  white-space: nowrap;
  overflow: hidden;
}


/* S* are "Stock colours" */
/* SB* are "stock background colours" (inverted) */
/* SL* are colors used for labels only */
/* ST* are used in addition to S* */
.Strf, .Strf A { color: black; text-decoration: none; }
.Sadj, .Sadj A { color: mediumvioletred; text-decoration: none; }
.Sretn, .Sretn A { color: darkorchid; text-decoration: none; }
.Srcvd, .Srcvd A { color: forestgreen; text-decoration: none; }
.SsoldTot, .SsoldTot A { color: #666; text-decoration: none; }
.Ssold, .Ssold A { color: black; text-decoration: none; }
.Spend, .Spend A { font-weight: bold; color: forestgreen; text-decoration: none; }
.Sacto, .Sacto A { font-weight: bold; color: forestgreen; text-decoration: none; }
.Sheld, .Sheld A { text-decoration: none; font-weight: bold; color: black; }
.Scanc, .Scanc A { text-decoration: none; color: darkgray;  }
.Spendretn, .Spendretn A { font-weight: bold; color: darkorchid; text-decoration: none; }

.Strf A:hover, .Sadj A:hover, .Sretn A:hover, .Srcvd A:hover, .SsoldTot A:hover, .Ssold A:hover, .Spend A:hover, .Sacto A:hover, .Sheld A:hover, .Scanc A:hover, .Spendretn A:hover { color: blue; text-decoration: underline; }

.t1 TD.Stotal { font-size: 8pt; }
.t1 td .chkbx {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.STbackstock { color: #666666; }
.STbackso { color: black; }
.STnyrstock { color: darkblue; }
.STnyrso { color: blue; }

.SBheld { background-color:lightpink; color: black; }
.SLheld { color: red; }
.SBpendretn { background-color: #cac3d8; color: black; }
.SBsooo { background-color: #fff362; color: black; }
.SLsooo { color: orange; }
.SBavailoofc { background-color: #c6d2f6; }
.SBavailoo { background-color: #ffe8bf; }
.SLavailoo { color: #ff6600; }
.SBavailoh { background-color: #ccf2cc; }
.SLavailoh { color: green; }
.SBonhand { background-color: #33cc33; }
.SLonhand { color: darkgreen; }
.SBbackroomW { color: red; }
.SBbackroomO { background-color: #b2dcdc; }
.SLbackroom { color: darkcyan; }
.SBminohW { background-color: red; color: white; } /* warn */
.warn1 { color: red; font-weight: bold; }
.warn2 { color: purple; font-weight: bold; }
.SBminohO { color: black; } /* ok */

.Snyr { color: blue; }

/* sold row underline with corresponding padding */
TR.Soldul TD { padding-bottom: 4px; border-bottom: 1px solid lightgray; }
TR.Soldal TD { padding-top: 5px; }

/* MICHAEL BATCHELOR'S CSS */
.bigblue { font-size: 16pt; color: blue; }
.bigred { font-size: 16pt; color: red; }
.text { font-size: 12pt; }
.text6 { font-size: 6pt; }
.text7 { font-size: 7pt; }
.text8 { font-size: 8pt; }
.text9 { font-size: 9pt; }
.text10 { font-size: 10pt; }
.text11 { font-size: 11pt; }
.text12 { font-size: 12pt; }
.text14 { font-size: 14pt; }
.text16 { font-size: 16pt; }
.blue { color: blue; }
.red { color: red; }

INPUT.submit_go {
  background: url(/i/go_button.jpg) 0 0 no-repeat;
  height: 17px;
  width: 28px;
  margin: 0;
  padding: 0;
  border: 0px;
  line-height: 17px; /* same as height micah says */
  text-indent: -9999px; /* a hack used to not show the Submit Query text */
}

.dblspc LI {
  padding-top: 6px;
  padding-bottom: 6px;
}

.ptr { cursor: pointer; cursor: hand; }

a.fakelink { text-decoration: underline; color: blue; }

TD.spacer { font-size: 0pt; }

TD.left { text-align: left; }
TD.right { text-align: right; }
TD.center,div.center { text-align: center; }
TD.ul, TH.ul { text-decoration: underline; }

BUTTON.small { font-size: 7pt; }

a.nofrills { text-decoration: none; }

IMG.nodecor { border: none; }
IMG.article { float: left; padding: 3px 4px 4px 4px; } /* 3 px for top because it lines up with text flush */

P.graynotes {
  color: #666666;
  font-size: 12px;
  font-style: italic;
  margin-left: 10px;
}
span.graynotes {
  color: #666666;
  font-size: 12px;
  font-style: italic;
}

/* END OF MICHAEL BATCHELOR'S CSS */


/* general reset for things under contact card */
.contact_card p, .contact_card h1, .contact_card h2, .contact_card input,
.contact_card textarea, .contact_card button, .contact_card dt, .contact_card dl,
.contact_card dd, .contact_card caption, .contact_card table {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.contact_card {
  border: 1px solid black;
  background-color: #DDDDDD;
  padding: .5em;
  overflow: auto;
  white-space: normal;
  min-width: 83em;
}

.contact_card a { text-decoration: none; }
.contact_card a:visited, .contact_card a { color: black }
.contact_card a:hover { color: blue }

/* .contact_card .head dt, .contact_card .head dd, */

.contact_card .head dl, .contact_card .head dl * {
  display: inline;
}

.contact_card .head dl {
  float: right;
}

.contact_card .head dt {
  font-weight: bold;
  margin: 0 .2em 0 .2em;
}

.contact_card .icon {
  margin-bottom: -4px;
}

.contact_card .shipto {
  font-size: 8pt;
}

.contact_card .shipto, .contact_card .icon {
  padding-left: .2em;
}

.contact_card div.notes {
  background-color: #ee9;
  width: 19em;
  margin: .2em 0 .2em;
}

.contact_card div.notes p {
  padding: .6em;
  font-size: .9em;
}

.contact_card.short h1 {
  font-size: 10pt;
  font-family: verdana;
  margin-bottom: .3em;
  margin-left: -.3em;
}

.contact_card input, .contact_card textarea, .contact_card button {
  font-family: verdana;
  font-size: 8pt;
  font-weight: normal;
  border: 1px solid black;
  width: 20em;
}

.contact_card input[disabled='disabled'], .contact_card textarea[disabled='disabled'] {
  color: black;
}

.contact_card button {
  width: auto;
  padding: .3em;
  margin-left: .2em;
  background: white;
  cursor: hand;
}

.contact_card.edit label span {
  width: 8em;
  display: block;
  float: left;
  text-align: right;
  font-weight: bold;
  padding-right: .5em;
  margin-top: 3px;
}

.contact_card.edit .field.buttons, .contact_card.edit form h1 {
  display: none;
}

.contact_card.edit .field {
  padding: .2em;
}

.contact_card.edit input, .contact_card.edit textarea {
  padding: .2em;
}

.contact_card.edit input.short {
  width: 4em;
}

.contact_card.edit input.medium {
  width: 15em;
}

.contact_card .name {
  border: 0; /* need to add this, global name class sets a border */
  font-size: 10pt;
  text-decoration: underline;
}

.contact_card .attn {
  font-weight: bold;
}

.contact_card.short .column {
  width: 26em;
  padding-left: 1.5em;
}

.contact_card .column.narrow {
  width: 20em;
}

.contact_card dl.vertical dt {
  width: 8em;
  float: left;
  font-weight: bold;
}

.contact_card dl.vertical dt {
  min-width: 10em;
}

.contact_card .column {
  width: 30em;
  float: left;
}

.contact_card .tablewrapper {
  padding: .5em .5em 1em 0;
}

.contact_card table {
  border: 1px solid black;
  width: 10em;
}

.contact_card table caption {
  text-align: left;
  font-weight: bold;
}

.contact_card table th {
  font-weight: bold;
  text-decoration: underline;
}

.contact_card table.vertical th {
  text-align: left;
}

.contact_card table td {
  border-right: 0 none;
}

/* general reset for common storedata headers */
/* I'm using sdheader instead of .storedata.header for brevity */
.sdheader p, .sdheader h1, .sdheader h2, .sdheader input,
.sdheader textarea, .sdheader button, .sdheader dt, .sdheader dl,
.sdheader dd, .sdheader caption, .sdheader table {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.sdheader {
  border: 1px solid black;
  background-color: #DDDDDD;
  color: black;
  padding: .5em;
  overflow: auto;
  white-space: normal;
  min-width: 83em;
}

.sdheader .column.narrower {
  width: 3em;
}

.sdheader .column.narrow {
  width: 20em;
}

.sdheader .column {
  width: 26em;
  padding-left: 1.5em;
  float: left;
}

.sdheader dl.vertical dt {
  width: 8em;
  float: left;
  font-weight: bold;
}

.sdheader dl.vertical dt {
  min-width: 10em;
}

.sdheader p.notes {
  display: inline;
}

.sdheader .head {
  overflow: auto;}

.sdheader .head dl dt, .sdheader .head dl dd {
  float: left;
  display: inline;

}

.sdheader .head dt {
  font-weight: bold;
  margin: 0 .2em 0 .2em;
}

.sdheader .head dl.dates {
  float: right;
}

.sdheader .foot {
  padding-top: .5em;
  clear: both;
}

.sdheader a:visited, .sdheader a {
  color: black;
}

.sdheader a {
  text-decoration: none;
}

.supplier .name, .contact .name {
  border: 0 none;
  font-size: 10pt;
  text-decoration: underline;
  height: auto;
  width: auto;
}

.supplier h1, .contact h1 {
  font-family: verdana;
  font-size: 10pt;
  margin-bottom: 0.3em;
  margin-left: -0.3em;
}

.supplier .code, .contact .shipto {
  font-size: 8pt;
}

div.supplier > div {
  overflow: auto;
  width: 100%;
  padding: .5em 0 .5em 0;
}

.supplier .label {
  font-weight: bold;
}

.gridheader, .gridfooter {
  background: #620D0C;
  overflow: auto;
  width: 100%;
  color: white;
}

.gridheader .popout {
  float: right;
}

.gridheader .popout a, .gridheader .popout a:visited {
  color: white;
}

.gridheader h2 {
  display: inline;
  margin-left: 6px;
}

.gridheader .close {
  float: left;
}

.gridfooter .pagination div, .gridheader .pagination div {
  float: right;
}

.pagination, .pagination a, .pagination a:visited {
  color: white;
  font-family: verdana;
  font-size: x-small;
}

.gridheader .headerbar, .gridheader .pagination, .gridfooter .pagination {
  padding: 2px 3px 2px 3px;
}

/* boxes */

div.preie8 {
  padding: 10px 10px 10px 70px;
  font-size: 10pt;
  background: #f0c5b6 url(/i/upgrade_warning.jpg) no-repeat 15px 15px;
  border: 2px solid #e59d83;
  color: black;
  margin: 5px 0px 5px 0px;
}

div.ie8 {
  padding: 2px 2px 2px 2px;
  font-size: 10pt;
  background: lightblue;
  border: 2px solid dodgerblue;
  color: black;
  margin: 5px 0px 5px 0px;
}

/* news item for mosaic */

ul.news-items h2, ul.news-items h3 {
  margin: 0;
  padding: 0;
}

ul.news-items h3 {
  font-size: .8em;
  font-weight: normal;
  clear: both;
}

div.news-content {
  padding-top: .5em;
  padding-bottom: .5em;
}

div.news-content img.framed {
  border: 1px solid black;
  padding: 3px;
  margin: .5em;
}

ul.news-items li {
  padding: .5em .5em 1em .5em;
  border-bottom: 1px solid #ffffff;
  overflow: auto;
}

ul.news-items {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tbm_headertitle {
  font-size: 18px;
  font-weight: bold;
  color: #3f2010;
}
.tbm_backgroundcolour {
  background-color: #e0ecef;
}

.tbm_browntext12 {
  color: #3F2010;
  font-size: 12px;
}

.tbm_browntext14bold {
  color: #3F2010;
  font-weight: bold;
  font-size: 14px;
}

a.tbm_link { color: #779AAE; }
a.tbm_link:hover { color: #868F56; }

.fb-circle { margin: 0; padding: 0; font-size: 1px; display: block; border: 0; text-indent: -9999px; text-decoration: none; background: url(/i/fb-circle.png) 0 0 no-repeat; width: 35px; height: 35px; line-height: 35px; }
.fb-circle:hover { background-position: bottom }

.twitter-circle { margin: 0; padding: 0; font-size: 1px; display: block; border: 0; text-indent: -9999px; text-decoration: none; background: url(/i/twitter2-circle.png) 0 0 no-repeat; width: 35px; height: 35px; line-height: 35px; }
.twitter-circle:hover { background-position: bottom }

.info-circle { margin: 0; padding: 0; font-size: 1px; display: block; border: 0; text-indent: -9999px; text-decoration: none; background: url(/i/info-circle.png) 0 0 no-repeat; width: 35px; height: 35px; line-height: 35px; }
.info-circle:hover { background-position: bottom }

.footer_links { text-decoration: none; }
.footer_links:visited { color: #ffffff; }
.footer_links:link { color: #ffffff; }
.footer_links:hover {
  color: #ffffff;
  text-decoration: underline;
}

span.sep { color: #999; }

.cart { margin: 0; padding: 0; font-size: 1px; display: block; border: 0; text-indent: -9999px; text-decoration: none; background: url(/i/cart.png) 0 0 no-repeat; width: 18px; height: 15px; line-height: 15px; }
/* .cart:hover { background: url(/i/cart-hover.png) } */

.psbutton { margin: 0; padding: 0; font-size: 1px; display: block; border: 0; text-indent: -9999px; text-decoration: none; background: url(/i/pubstock.png) 0 0 no-repeat; width: 77px; height: 20px; line-height: 20px; }
.psbutton:hover { background-image: url(/i/pubstock-hover.png); }

.fbbutton { margin: 0; padding: 0; font-size: 1px; display: block; border: 0; text-indent: -9999px; text-decoration: none; background: url(/i/facebook.png) 0 0 no-repeat; width: 18px; height: 18px; line-height: 18px; }
.fbbutton:hover { background-image: url(/i/fbbutton-hover.png); }

.twbutton { margin: 0; padding: 0; font-size: 1px; display: block; border: 0; text-indent: -9999px; text-decoration: none; background: url(/i/twitter.png) 0 0 no-repeat; width: 18px; height: 18px; line-height: 18px; }
.twbutton:hover { background-image: url(/i/twitter-hover.png); }

.edbutton { margin: 0; padding: 0; font-size: 1px; display: inline-block; border: 0; text-indent: -9999px; text-decoration: none; background: url(/i/edit.png) 0 0 no-repeat; width: 18px; height: 18px; line-height: 18px; }
.edbutton:hover { background-image: url(/i/edit-hover.png); }

.commentbutton { margin: 0; padding: 0; font-size: 1px; display: inline-block; border: 0; text-indent: -9999px; text-decoration: none; width: 29px; height: 18px; line-height: 18px; }

TR.gradientbar { height: 18px; background: url(/i/bar-middle.png) 0 0 repeat-x; }
TD.gradientbar_l { height: 18px; background: url(/i/bar-left.png) 0 0 no-repeat; }
TD.gradientbar_r { height: 18px; background: url(/i/bar-right.png) right top no-repeat; }

TABLE.salestable TD {
  padding: 2px 2px 2px 1px;
}

.salestable TR.peer {
  color: #A52A2A;
}

.salestable .clickable {
  cursor: pointer;
  cursor: hand;
}

.salestable TR.highlight:hover {
  background-color: rgb(231, 231, 231);
}

.salestable .SLavailoh,
.salestable .SLavailoo,
.salestable .Snyr,
.salestable .SLheld,
.salestable .SLsooo,
.salestable .SLonhand,
.salestable .SLbackroom {
  background-color: white;
}

.salestable .borderleft.light,
.salestable .borderright.light {
  border-right-color: #dcdcdc;
  border-left-color: #dcdcdc;
}

.salestable .borderleft {
  border-left: 1px solid gray;
}

.salestable .borderright {
  border-right: 1px solid gray;
}

.salestable SMALL {
  font-size: 7pt;
}

.salestable SUP {
  vertical-align: super;
}

.salestable I {
  font-style: italic;
}

.carttable TD.highlight:hover {
  background-color: #ddf;
}

.retailer_icon {
  width: 16px;
  height: 16px;
}

.salesstock .SBavailoh {background: none;}

.salesstock .onhand,
.salesstock .onorder {
  font-size: 10pt;
}

.salesstock .onhand {
  color: green;
}

.salesstock .onorder.high_rank {
  color: blue;
}

.salesstock .onorder {
  color: orange;
}

/* style copied from the old TBM Admin pages, with a new name */
TR.listgray { background-color: lightgray; }
TR.listblue { background-color: #ececec; }
.buyerstoolbox,
div.sbf { width: 181px; margin-right: 2px; color: #555; white-space: nowrap; font-size: 9pt; overflow: hidden; }
div.sbf .sb_section { padding: 2px 2px 2px 2px; }
div.sbf a { color: #555; }
div.sbf a.headerlink { font-size: 8pt; }
div.sbf div.heading { font-weight: bold; font-family: verdana; font-size: small; }
/*
div.sbf div.heading {  background-color: #4f2d1d; color: #ffffff; border-radius: 5px; text-align: center; padding-top: 6px; padding-bottom: 6px; margin-top: 1px; margin-bottom: 1px; } /* background-color: #BF0413; color: white; */
div.sbf div.heading.collapsed {  background-color: #b6bf00; color: #2f170b; } /* background-color: #4E5252; */
*/
div.sbf span#title { font-size: 13pt; }
div.sbf span#bigbutton { font-size: 11pt; }
div.sbf span#showhide { font-size: 7pt; }
div.sbf span#count { font-size: 7pt; }
div.sbf div#suppcodecol { width: 45px; overflow: hidden; float: left; }
div.sbf div#suppnamecol { width: 85px; overflow: hidden; float: left; }
div.sbf a.notmysupp { font-size: 7pt; }
div.sbf div#namecol { padding-left: 5px; width: 130px; overflow: hidden; float: left; }
div.sbf div#namecol_l2 { padding-left: 18px; width: 120px; overflow: hidden; float: left; }
div.sbf div#countcol { text-align: right; padding-left: 4px; width:35px; overflow: hidden; float: left; }
div.sbf div#countcol_l2 { text-align: right; padding-left: 4px; width: 32px; overflow: hidden; float: left; }
div.sbf a#chk { color: #006699; font-weight: bold; }
div.sbf a#nchk { color: darkred; text-decoration: line-through; }
div.sbf div#level2 { font-size: 7.5pt; } /* fractional pt sizes even work in IE 6! */

div.in_tviewer div.sidebar_mainmenu { width: 181px; margin: 1px 2px 2px 0px; }
div.sbf { border: 1px solid #DDD; }
div.sidebar_mainmenu .sub { padding-left: 10px; font-weight: normal; color: #006699; }
div.sidebar_mainmenu .sub:hover { color: #444444; }

div.sidebar_mainmenu .menuitem {
  color: #ffffff;
  cursor: pointer;
  background-color: #4f2d1d;
  padding: 0px;
  margin-bottom: 1px;
  width: 100%;
  font-size: 1.2em;
  transition: all .7s ease;
}

div.sidebar_mainmenu .menuitem tbody {
  width: 100%;
  margin: 0px;
  padding-right: 4px;
}

div.sidebar_mainmenu .menuitem > * {
  display: inline-table;
  vertical-align: middle;
}

div.sidebar_mainmenu .menuitem td:not([name=chevron]) svg path,
div.sidebar_mainmenu .menuitem td:not([name=chevron]) svg polyline {
  fill: #ffffff;
  stroke: #ffffff;
  transition: all .7s ease;
}

div.sidebar_mainmenu .menuitem td[name=chevron] svg { float: right; }
div.sidebar_mainmenu .menuitem td[name=chevron] svg path,
div.sidebar_mainmenu .menuitem td[name=chevron] svg polyline {
  stroke: #4f2d1d;
  fill: #4f2d1d;
  transition: all .7s ease;
}

div.sidebar_mainmenu .menuitem:hover {
  color: #b6bf00;
  transition: all .7s ease;
}

div.sidebar_mainmenu .menuitem:hover td svg path,
div.sidebar_mainmenu .menuitem:hover td svg polyline {
  fill: #b6bf00;
  stroke: #b6bf00;
  transition: all .7s ease;
}

div.sidebar_mainmenu .menuitem.selected td svg path,
div.sidebar_mainmenu .menuitem.selected td svg polyline {
  fill: #4f2d1d;
  stroke: #4f2d1d;
}

div.sidebar_mainmenu .menuitem:last-child { border-bottom: none; }

div.sidebar_mainmenu .menuitem.selected {
  color: #4f2d1d;
  background-color:  #b6bf00;
}
div.sidebar_mainmenu .menuitem:hover .chevron, div.sidebar_mainmenu .menuitem.selected .chevron { background-position: 0 -13px; }

div.sbf div.subheading {
  color: #444444;
  font-weight: bold;
}


/* quick catalogues list on front page */
div.qcat .lists td { font-size: 11px; color: #444444; }
div.qcat tr.colnames td { font-weight: bold; }
div.qcat tr td { vertical-align: top; }
div.qcat .unread td.listname { font-weight: bold; }
div.qcat .bullet { color: #006699; }
div.qcat { background: white; margin-bottom: 7px; }

.pricing_popup_dock:not(:empty),
.tbmpopup {
  background-color: #FFFFFF;
  border: solid 2px #4f2d1d;
  box-shadow: 0px 5px 10px -5px #000;
  padding: 5px;
}

#popupdiv .header,
.tbmpopup-wrapper .header {
  font-size: 11pt;
  background-color: #4f2d1d;
  color: #ffffff;
  padding-left: 5px;
}

.modal_popup_bg {
  background: url("/i/tbmpopup_bg.png") repeat;
  opacity: .5;
}

#flashMessage {
  margin: .5em;
  padding: 1.5em;
  background-color: #FFC730;
  border-radius: 5px;
  line-height: 1.5em;
}

#flashMessage h2 {
  margin-bottom: .3em;
}

.maintenance {
  margin: .25em;
  padding: .75em;
  background-color: #ffe0e0;
  color: red;
  border-radius: 5px;
  line-height: .75em;
}

#order h2 {
  font-weight: normal;
  font-family: verdana;
  font-size: 1.4em;
  margin-left: 10px;
}

#order p {
  margin: 1em;
}

#payment_preferences h1 {
  margin: 1em 1em 1em 0;
}

#payment_preferences .checkbox input {
  float: left;
  width: 1em;
}

#payment_preferences .checkbox label {
  float: none;
}

#payment_preferences label {
  padding-top: 3px;
}

#payment_preferences .graynotes {
  clear: both;
  padding-bottom: .7em;
}

input.greyed {
  color: gray;
  font-style: italic;
}

.tbmdropdown.keyword > table {
  height: 30px !important;
  border: 1px #D1D1D1 solid !important;
  border-right: 0 !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

#i_qs_file,
#main_search {
  color: #444444;
  display: inline-table;
  vertical-align: middle;
  padding-left: 3px;
  padding-right: 0px;
  background-color: #FFFFFF;
  -moz-border-radius: 5px;
}

#main_search {
  height: 100%;
}

#i_qs_file {
  height: 38.3px;
}
#i_div_file_upload {
  background-color: #FFFFFF;
}

#main_search > table * {
  margin: 0;
  padding: 0;
  display: inline-table;
  vertical-align: middle;
}

.searchbutton {
  display: inline-table;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  position: relative;
  cursor: pointer;
}

input#i_qs {
  background-color: #FFFFFF;
  width: 100%;
  height: 20px;
  font-size: 13pt;
  border: none;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
}

input#i_qs.greyed {
  color: #999999;
  font-size: 13pt;
  font-style: normal !important;
  font-weight: bold;
}


.dropshadow {
  /* modified from http://unverse.net/drop-shadow */
  -moz-box-shadow: 0px 2px 5px black; /* Firefox */
  -webkit-box-shadow: 0px 2px 10px black; /* Safari/Chrome */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; /* IE 8 */
  : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */
}

.btn_createnewlist {
  height: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: bold;
}

.btn_createnewlist: hover {
  background-color: #7dd042;
}

.btn_createnewlistsmall { margin: 0; padding: 0; font-size: 1px; display: inline-block; border: 0; text-indent: -9999px; text-decoration: none; background: url(/i/btn_createnewlist-small.png) 0 0 no-repeat; width: 114px; height: 19px; line-height: 19px; }
.btn_createnewlistsmall:hover { background-position: bottom; }

.btn_lru { margin: 0; padding: 0; font-size: 1px; display: inline-block; border: 0; text-indent: -9999px; text-decoration: none; background: url(/i/redo_lru.png) 0 0 no-repeat; width: 17px; height: 15px; line-height: 15px; }
.btn_lru:hover { background-position: bottom; }

.horizontal .tltag { float: left; padding-right: 1px; }

.tltag { margin: 0; padding: 0; font-size: 1px; display: block; border: 0; text-indent: -9999px; text-decoration: none; background: url(/i/blank.gif) 0 0 no-repeat; width: 15px; height: 15px; line-height: 15px; }
.tltag.selected { background-position: 0 -15px; }
.tltag.selected_alt { background-position: 0 -30px; }

.dmbutton {
  width: 25px;
  height: 25px;
  padding: 0;
  vertical-align: middle;
  display: inline-block;
  float: none;
  border: solid #000000 2px;
  background-color: #FFFFFF;
}

.dmbutton.selected {
  border: 2px solid #0084ff;
}

.banbutton { display: inline-block; margin: 0; padding: 0; font-size: 1px; border: 0; text-indent: -9999px; text-decoration: none; background: url(/i/bansymbol.png) 0 0 no-repeat; width: 16px; height: 16px; line-height: 16px; }
.banbutton.selected { background-position: 0 -16px; }

DIV.treeselector_column { border: 1px solid black; }
.treeselector_column .selected { background:lightblue; }
.treeselector_column { font-size: 9px; }


.was_read { background-color:lightgreen; }

TD.fpsidebar {
  font-family: helvetica;
  font-size: 9pt;
  text-align: center;
}

.spinnerbg { background: url(/i/loading.gif); background-repeat: no-repeat !important; background-position: 50% 50%; }

/* see http: //stackoverflow.com/questions/7940196/css-and-nested-tables */
/* sgb stands for:  simple gra border */

table.sgb {
  border-collapse: collapse;
}

TR.builtin, TR.special_tldef {
  background-color: #D6ECF2;
}

table.turnreportheader input[type=checkbox], table.turnreportheader input[type=radio] {
  vertical-align: bottom; margin: 0px 3px 0px 3px;
}
table.turnreportheader td {
  vertical-align: bottom;
}
table.turnreportheader td,table.turnreportheader input,table.turnreportheader select {
  font-size: 11px;
}
table.turnreportheader a {
  text-decoration: underline;
}

table.turnreport td {
  padding: 0;
}
table.turnreport table.trlabels td {
  vertical-align: middle; height: 26px;
}
table.turnreport table.trlabels td span.sub {
  font-size: 9px;
}
div.turnreport_row { border-bottom: 1px solid lightgray; }
div.turnreport_row .trmenu { visibility: hidden; padding: 4px 0px 4px 0px; }
div.turnreport_row .trmenu a { padding-right: 6px; }
div.turnreport_row:hover .trmenu { visibility:visible; }

table.sgb > thead > tr > td,
table.sgb > tbody > tr > td,
table.sgb > tfoot > tr > td,
table.sgb > tr > td {
  border: 1px solid gray;
  padding: 3px;
}

@media print {
  .noPrint { display: none; }
}

.listsort_drops {
  padding: 10px 10px 10px 10px; background: white; border: 1px solid black;
}
.listsort_drops.hover {
  background: #3ba4d9;
}

/* turnreport popup */
table.trep td {
  font-size: 12px;
  text-align: right;
  padding: 2px 2px 2px 15px;
}
table.trep td.br {
  border-right: 1px solid black;
}
table.trep tr.bbot td {
  border-bottom: 1px solid black;
}
table.trep td.label {
  text-align: left;
  padding: 2px 2px 2px 2px;
}
table.trep td.neg {
  color: red;
}

table.trep td.sales { font-weight: bold; color: blue; }
table.trep td.sales.now { color: blue; }
table.trep td.profit.now { font-weight: bold; color: green; }
table.trep td.profitpm.now { font-weight: bold; color: green; }

p.jswarning {
  position: fixed;
  width: 100%;
  left: 0%;
  border-bottom: #000000 .3em solid;
  background-color: #cd2356;
  z-index: 5;
  color: #ffffff;
  text-align: center;
  font-size: 1.4em;
  top: 0%;
}

h1.warn_checkout {
  text-align: center;
  background-color: red;
  color: white;
}

div.promo_green_bg {
  padding: 10px 5px 10px 5px;
  background-color: #77BF41;
  color: white;
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
}

div.coupon {
  /* taken and modified from: http://www.cssnewbie.com/example/borders/ */
  width: 225px;
  padding: 10px;
  border: 3px dashed #ccc;
}

img.coverimage {
  box-shadow: 4px 8px 4px -2px #777777;
}

.moreinfo {
  text-decoration: none !important;
  display: table;
  padding: 0px 15px;
  text-align: center;
  font-size: .9em;
  border: solid #e1e1e1 .2em;
  background-color: #F0F0F0;
  cursor: pointer;
  cursor: hand;
  font-family: helvetica;
  outline: none;
  color: #000000 !important;
}

.moreimages {
  border: solid #e1e1e1 .2em;
  background-color: #FFFFFF;
  cursor: pointer;
  cursor: hand;
  font-family: helvetica;
  outline: none;
  display: block;
  text-align: center;
  padding: 2px;
  font-size: .9em;
}

.moreimages img {
  vertical-align: middle;
  display: inline-block;
}

.moreimages span {
  color: #0870a4;
  text-decoration: none;
  vertical-align: middle;
  padding-left: 2px;
  font-weight: bold;
}

.exportxlsmenu {
  font-size: 1em;
  max-width: 26em;
  max-height: 20em;
  overflow-y: auto;
  padding-left: 0;
  list-style-type: none;
  background-color: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0;
}

.exportxlsmenu li {
  height: 2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.exportxlsmenu li.a {
  background-color: #F8F8F8;
}

.exportxlsmenu li.b {
  background-color: #F0F0F0;
}

.exportxlsmenu li:hover {
  background-color: #E0E0E0;
}

.exportxlsmenu li label {
  display: inline;
  vertical-align: middle;
}

.exportxlsmenu li input {
  display: inline;
  vertical-align: middle;
}

.exportxlsmenu li input:hover {
  cursor: pointer;
  cursor: hand;
}

span.exportxlsinfo {
  color: #000000;
  font-size: 12px;
  display: inline-block;
  margin: 5px;
}

table#maintable {
  padding: 5px;
  background-color: #FFF;
  font-family: Verdana;
}

#maintable table tr td.curved {
  padding: 5px;
  padding-left: 10px;
  padding-bottom: 6px;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.mylist_sel table * {
  margin: 0;
  padding: 0;
}

#a_cart_items {
  position: absolute;
  top: 3px;
  left: 20px;
  text-align: center;
  color: #FFFFFF;
  background-color: #78C042;
  border-radius: 6px;
  -moz-border-radius: 6px;
  font-weight: bold;
  font-size: 11px;
  padding-left: .5em;
  padding-right: .5em;
  box-shadow: -2px 4px 8px -4px #000000;
  -webkit-box-shadow: -2px 4px 8px -4px #000000;
}

p.mb_notice {
  color: red;
  font-size: 12pt;
  padding-top: 10px;
  padding-bottom: 10px;
}

.addcardbutton:active,
.addcardbutton:visited,
.addcardbutton:link,
.addcardbutton {
  margin: 10px;
  font-size: 10px;
  background-color: #777777;
  color: #FFFFFF;
  border-radius: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 4px;
  padding-right: 4px;
  cursor: pointer;
  cursor: hand;
}

.addcardbutton:hover {
  background-color: #808785;
  text-decoration: none;
}

.deletebutton:active,
.deletebutton:visited,
.deletebutton:link,
.deletebutton {
  margin: 10px;
  font-size: 10px;
  background-color: #CD0000;
  color: #FFFFFF;
  border-radius: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 4px;
  padding-right: 4px;
  cursor: pointer;
  cursor: hand;
}

.deletebutton:hover {
  background-color: #EF0000;
  text-decoration: none;
}

div.tabber {
  width: 100%;
}

#tabbed {
  padding: 3px;
  width: 100%;
}

#tabbed > tbody > tr:first-child td {
  background-color: #4f2d1d;
  padding: 0px;
}

#tabbed > tbody > tr:first-child td ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#tabbed > tbody > tr:first-child td ul li {
  display: inline-block;
  min-width: 12%;
  text-align: center;
  color: #ffffff;
  padding: 5px 10px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#tabbed > tbody > tr:first-child td ul li.selected {
  background-color: #b6bf00;
  color: #2f170b;
}

#tabbed > tbody > tr:first-child td ul li:hover {
  background-color: #ffffff;
  color: #4f2d1d;
}

#tabbed > tbody > tr:first-child td:first-child {
  width: 5px;
}

#tabbed > tbody > tr:first-child td:last-child {
  width: 5px;
}

.selected_indicator,
.selected_indicator * {
  margin: 0;
  padding: 0 !important;
  vertical-align: bottom;
}

.slider {
  padding: 0;
  height: 20px;
  display: inline-table;
  vertical-align: middle;
}

#touch_slider_value {
  position: absolute;
  background-color: #cdcdcd;
  color: #000000;
  border-radius: 3px;
  font-size: 18px;
  z-index: 0;
  padding-right: 5px;
  padding-left: 5px;
}

.slider > div {
  padding: 0;
  margin: 2px;
  display: inline-block;
}

.slider > div:first-child {
  height: 12px;
  vertical-align: middle;
  margin-right: 2px;
  background-color: #cfcfcf;
  border-radius: 5px;
}

.slider > div:nth-child(2) {
  vertical-align: middle;
  display: inline-block;
}

.slider > div > .slider_handle {
  min-width: 10%;
  height: 160%;
  top: -30%;
  background-color: #777777;
  border-radius: 5px;
  z-index: 0;
  position: relative;
}

.slider > div > .slider_input {
  font-size: 12px;
  text-align: right;
  border: 1px #cfcfcf solid;
  margin: 2;
  padding: 0;
  border-radius: 3px;
  display: inline-block;
}

svg[name=slider_chevron] {
  cursor: pointer;
  vertical-align: middle;
}

#foot svg[name=slider_chevron] path {
  stroke: #4f2d1d;
  fill: #4f2d1d;
}

.search_box {
  display: inline-table;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 3px;
  padding-right: 2px;
  background-color: #FFFFFF;
  border: 1px solid #AAAAAA;
}

.search_box li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
}

.search_box img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.search_box input {
  background-color: #FFFFFF;
  border: none;
  outline: none;
}

#subsearch_sidebar {
  position: relative;
  width: 181px;
  padding: 7px;
  background-color: #4f2d1d;
  color: #ffffff;
  margin-right: 1px;
}

#subsearch_sidebar label {
  font-size: 10px;
  color: #ffffff;
}

#sub_searchbar td {
  float: left;
}

#sub_searchbar {
  z-index: 0;
  position: relative;
  margin-top: -2px;
}

#sub_searchbar table.searchfield {
  background-color: #ffffff;
  border: 1px solid #d1d1d1;
  padding: 3px;
  display: inline-block;
  vertical-align: middle;
}

#sub_searchbar table.searchfield input {
  outline: none;
  border: none;
  font-family: verdana;
  color: #000000;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  width: 370px;
}

#sub_searchbar img {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  height: 16px;
}

#subsearch_sidebar .filt td {
  padding-top: 1px;
  padding-bottom: 2px;
}

#subsearch_sidebar .readme,
#subsearch_sidebar .todo {
  background-color: #dddddd;
  border-color: 1px solid #bfbfbf;
  font-size: 12px;
  border-radius: 3px;
  padding-left: .5em;
  padding-right: .5em;
  float: right;
  margin-left: 5px;
  cursor: pointer;
}

#subsearch_sidebar .todo { color: #CC0000; }
#subsearch_sidebar .readme { color: #000060; }

.tbmnews_content div {
  font-size: 14px;
}

.tbmnews_content img {
  max-width: 100%;
}
div[name=news] #tl_dd .tbpad {
  padding-bottom: 25px;
}
/* QS at request of MN, prevent the bar which normally contain the page slider from shrinking when there is only one page */
.constant_tl_ph #tl_dd #tl_ph {
  min-height: 48px;
  height: 48px;
  margin-top: 0px !important;
}
.company_info {
  font-family: verdana;
  font-size: 14px;
}

.company_info .econtact_tag {
  text-align: right;
  border: 0px;
}

.company_info .econtact_info {
  text-align: left;
  border: 0px;
  font-weight: bold;
}

.company_info .contact_tag {
  text-align: right;
  border: 0px;
}

.company_info .contact_info {
  text-align: left;
  border: 0px;
  font-weight: bold;
}

.company_info .categories {
  text-align: right;
  border: 0px;
}

.company_info .description {
  vertical-align: top;
  white-space: normal;
  height: 100%;
}

.company_info .contact_div {
  display: inline-block;
  white-space: nowrap;
  padding: 2px;
  padding-top: 0;
  background-color: #ffffff;
  border: solid 1px #999999;
  border-top: none;
  vertical-align: top;
  margin-left: 3px;
}

.company_info span.changes {
  color: #CC0000;
  font-style: italic;
}

.company_info .name_display {
  width: 100%;
  padding: 3px 0px 3px 5px;
  background-color: #4f2d1d;
  color: #ffffff;
}

.empty_cart_button,
.nonempty_cart_button {
  -moz-border-radius: 5px;
  margin: 0;
  border-radius: 5px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 3px;
  padding-bottom: 4px;
  width: 62px;
  color: #ffffff;
  text-align: center;
  font-family: helvetica;
  font-size: 10px;
  cursor: pointer;
  cursor:hand;
}

.nonempty_cart_button {
  background-color: #78c042;
}

.empty_cart_button {
  background-color: #a1a1a1;
}

#tag_list_popup {
  position: absolute;
  z-index: 25;
  padding-top: 0;
  padding-bottom: 0;
}

#tag_list_popup ul {
  padding-left: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 0;
  margin-bottom: 0;
  background-color: #e5e5e5;
  border-radius: 5px;
  font-size: 18px;
  color: #aaaaaa;
  width: 100%;
}

#tag_list_popup li {
  padding-left: 1em;
  padding-right: 1em;
  list-style-type: none;
}

#tag_list_popup li:hover,
#tag_list_popup .selected {
  background-color: #cccccc;
}

.titlelist_tag_space {
  border-radius: 5px;
  white-space: normal;
  vertical-align: bottom;
  float: left;
  padding: 4px;
  padding-right: 1px;
}

.titlelist_tag_space input {
  display: inline-block;
  vertical-align: top;
  outline: none;
  width: 100px;
  color: #aaaaaa;
  font-style: italic;
  float: left;
}

.titlelist_tag {
  display: inline-block;
  background-color: #cdcdcd;
  border-radius: 5px;
  margin-right: 3px;
  padding-bottom: 2px;
}

.titlelist_tag > tbody > tr > td {
  height: 100%;
  max-width: 10em;
  text-overflow: ellipsis;
}

.titlelist_tag span,
.titlelist_tag svg {
  vertical-align: middle;
  margin-right: 3px;
}

#tb_presets {
  display: block;
}

#tb_presets .blue_button {
  transition: ease all .1s;
  position: relative;
}

.buyerstoolbox {
  border: 1px solid #DDD;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.buyerstoolbox .heading {
  font-weight: 700;
  font-size: 13px;
}

.buyerstoolbox > div {
  text-align: center;
  padding: 2px;
}

.buyerstoolbox svg[name="del"] {
  position: absolute;
  display: inline-block;
  right: 5px;
}

.buyerstoolbox > div div svg circle {
  fill: #dd0000;
}

.buyerstoolbox > div div {
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

.bookmark_toggle {
  display: inline-block;
  position: relative;
  left: 0;
  width: 10px;
  height: 20px;
  background-image: url('/i/BookMark-ca.png');
  background-position: 0px 0px;
  cursor: pointer;
}

.bookmark_toggle:hover {
  background-image: url('/i/BookMark-77.png');
}

.bookmark_toggle.enabled {
  background-image: url('/i/BookMark-orange.png');
}

.bookmarkicon_ph {
  width: 10px;
  height: 20px;
  padding: 0px;
  margin: 0px;
  margin-right: 2px;
  display: inline-block;
  vertical-align: middle;
}

.bookmark_popup {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: relative;
  white-space: nowrap;
}

.bookmark_popup a {
  margin-right: 20px;
}

.bookmark_popup span.x {
  top: 0px;
}

#list_save_complete .important {
  font-size: 1.3em;
}

.salesrepcheck.checked {
  background-color: #78C042;
  color: #ffffff;
}

.refreshbutton {
  background-color: #cdcdcd;
  border-radius: 3px;
  padding: 2px;
  padding-left: 4px;
  padding-right: 4px;
  color: #000000;
  cursor: pointer;
}

.refreshbutton:hover {
  background-color: #dcdcdc;
}

.newacct_form {
  border-radius: 5px;
  padding: 10px;
}

.newacct_form td {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
}

input.gv_kw_filt {
  min-width: 15em;
}

table.client_count_d_table {
  margin-top: 1px;
  width: 100%;
  border-radius: 5px;
  padding: 3px;
  background-color: #4f2d1d;
  color: #ffffff;
}

.bigemailinput {
  outline: #ffffff;
  border: solid #ffffff 1px;
  display: inline-table;
  vertical-align: middle;
  font-size: 18px;
  background-color: #f0f0fe;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  width: 100%;
}

#signmeup,
#manageclients_button {
  cursor: pointer;
  padding: 15px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 20px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
}

#signmeup:hover { background-color: #88d052; }
#signmeup:active { background-color: #58b032; }
#signmeup {
  background-color: #78C042;
  color: #ffffff;
  vertical-align: middle;
}

#manageclients_button {
  background-color: #005080;
  color: #FFFFFF;
  margin-bottom: 15px;
  float: right;
}
.blue_button:hover,
#manageclients_button:hover { background-color: #106090; }
.blue_button:active,
#manageclients_button:active { background-color: #003060; }

.site_button,
.blue_button,
.grey_button,
.grey_button_2,
.green_button,
.tlde_section_header span,
.tlde_section_button,
.red_button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  border-radius: 3px;
  padding: .2em;
  padding-left: .5em;
  padding-right: .5em;
  border: none;
  outline: none;
  text-decoration: none !important;
}
.blue_button {
  color: #FFFFFF !important;
  background-color: #005080;
}

.red_button {
  color: #FFFFFF !important;
  background-color: #dd0000;
}
.red_button:hover { background-color: #ee0000; }
.red_button:active { background-color: #cc0000; }

.green_button {
  color: #FFFFFF !important;
  background-color: #78C042;
}
.green_button:hover { background-color: #88d052; }
.green_button:active { background-color: #68b032; }

.tlde_section_header span,
.tlde_section_button {
  color: #FFFFFF !important;
  background-color: #78C042;
}
.tlde_section_button:hover { background-color: #88d052; }
.tlde_section_button:active { background-color: #68b032; }

.grey_button {
  color: #FFFFFF !important;
  background-color: #9da0a4;
}
.grey_button:hover { background-color: #bdbdbd; }
.grey_button:active { background-color: #9d9d9d; }

.grey_button_2 {
  color: #444444 !important;
  background-color: #e6e6e6;
}
.grey_button_2:hover { background-color: #f6f6f6; }
.grey_button_2:active { background-color: #d6d6d6; }

.site_button:active,
.site_button {
  color: #ffffff !important;
  background-color: #4f2d1d;
}
.site_button:hover {
  color: #2f170b !important;
  background-color: #b6bf00;
}

.tab_option {
  margin-bottom: 0px;
  cursor: pointer;
  position: relative;
  display: block;
}
.tab_option:not(:first-child) .tab_text { margin-left: -7px; }

/*
2098   color: #ffffff;
2100   background-color: #4f2d1d;
*/

.tab_option .tab_text {
  color: #ffffff;
  background-color: #836c60;
  padding-left: 7px;
  padding-right: 2px;
  padding-top: 5px;
  border-top-left-radius: 7px;
  float: left;
  margin-right: 0px;
  display: inline-block;
  position: relative;
  z-index: 1;
}

.tab_option .tab_flare {
  left: 0px;
  margin-left: -1px;
  float: left;
  display: inline-block;
  position: relative;
  fill: #836c60;
  z-index: 0;
}

.tab_option:hover .tab_flare {
  fill: #82760e;
  transition: all .2s ease;
}

.tab_option:hover .tab_text {
  background-color: #82760e;
  transition: all .2s ease;
  color: #2f170b;
}

.tab_option.selected { z-index: 20; }

.tab_option.selected .tab_flare {
  fill: #4f2d1d;
}

.tab_option.selected .tab_text {
  background-color: #4f2d1d;
  color: #ffffff;
}

span.tldef_attr {
  font-size:11px;
  background-color:#ccc;
  color:#444;
  padding:0px 2px;
}

.display_bar {
  background-color: #4f2d1d;
  width: 100%;
  padding: 3px;
  color: #ffffff;
}

.alt_grey { background-color: #c0c0c0; }
.alt_grey tr:nth-child(even) { background-color: #e0e0e0; }
.alt_grey tr:nth-child(odd) { background-color: #d0d0d0; }

/* title list definition edit */
div.tlde_all .green_button, div.tlde_all .grey_button, div.tlde_all .red_button, div.tlde_all .tlde_section_button, div.tlde_section_header span {
  font-size:18px;
}
div.tlde_contents {
  border:1px solid black; border-radius:5px; padding:20px 13px 13px 13px;
}
div.tlde_section.tlde_disabled {
  height:30px;
}
div.tlde_section.tlde_disabled div.tlde_contents {
  display:none;
}

div.tlde_section_header {
  position:absolute;
}
div.tlde_section_header span { cursor: default; }
div.tlde_section_header span,
div.tlde_section_header .tlde_section_button {
  position:relative;
  left:15px;
}
div.tlde_section.tlde_disabled .tlde_section_button { background-color: #9da0a4; }
div.tlde_section.tlde_disabled .tlde_section_button:hover { background-color: #88d052; }
div.tlde_section.tlde_disabled .tlde_section_button:active { background-color: #68b032; }
div.tlde_contents .tlde_help {
  color:dimgray;
  font-size:14px;
  padding:0px 25px 0px 25px;
  font-style:italic;
  white-space: pre-wrap;
}
div.tlde_section_spacer {
  height:13px;
}

/*
  background-color: #78C042;
}
.green_button:hover { background-color: #88d052; }
.green_button:active { background-color: #68b032; }

.tlde_section_button {
  color: #FFFFFF !important;
  background-color: #9da0a4;
*/

table.t_vt td {
  vertical-align: top;
}

/*
.custpageedit_top {
  width: 100%;
  height: 25px;
  background-color: #4f2d1d;
  border-radius: 5px;
  border-top-left-radius: 0px;
}
*/

tr.border_top td {
  border-top:1px solid black;
}

tr.horizontal_line td {
  background-image: url(/i/horizontal_line.gif);
}

.left_list_title {
  display: block;
  padding: 10px 15px 10px 15px;
  font-family: verdana;
  font-size: 16px;
  background-color: #4f2d1d;
  color: #ffffff;
}

.banner_content {
  margin-bottom: 0px;
}

.banner_content,
.front_center_list,
.front_event_list {
  width: 100%;
  display: table;
}

.front_center_list .list_blurb {
  padding-left: 10px;
  padding-right: 10px;
}

.front_left_list {
  background-color: #efefef;
  padding-bottom: 15px;
  width: 181px;
  padding-top: 0;
}

.front_event_list .list_title,
.front_center_list .list_title {
  font-size: 24px;
  color: #444444;
  margin-top: 20px;
  cursor: pointer;
}

.front_event_list .topspacer,
.front_center_list .topspacer {
  height: 10px;
}

.left_blurb,
.front_center_list .list_blurb {
  font-family: verdana;
  font-size: 14px;
  color: #444444;
  text-align: justify;
  text-justify: newspaper;
}

.event_title_image > div {
  background-color: rgb(239, 239, 239);
  font-size: 24px;
  text-align: center;
  width: 163px;
  height: 200px;
  border: 4px dashed rgb(119, 119, 119);
  color: rgb(119, 119, 119);
  position: relative;
}

.event_title_image > div div {
  margin-top: 38%;
}

.event_title_image > div div span {
  width: 100%;
  padding: 2px;
  display: block;
}

.event_title_image > div div span:nth-child(1) {
  font-size: 24px;
}

.event_title_image > div div span:nth-child(2) {
  font-size: .45em;
}

div.left_blurb {
  width: 181px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  font-size: 12px;
}

.permissionstable {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.permissionstable tr:nth-child(1) td {
  table-layout: fixed;
  width: 33%;
  height: 2.5em;
}

.permissionstable tr:nth-child(2) td {
  height: 350px;
}

.permissionstable tr:nth-child(2) select {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}

.warning_note {
  background-color: #ffff00;
  padding-right: 4px;
  margin-top: 3px;
}

.tbm_dialog {
  -webkit-box-shadow: 0px 10px 20px -15px #000000;
  -moz-box-shadow: 0px 10px 20px -15px #000000;
  box-shadow: 0px 10px 20px -15px #000000;
}

.tbm_dialog .ui-dialog-title {
  color: #ffffff;
  font-family: verdana;
  font-weight: normal;
  font-size: 14px;
}

.tbm_dialog:not(.show_exit) .ui-dialog-titlebar-close {
  display: none;
}

.tbm_dialog .ui-state-default,
.tbm_dialog .ui-state-hover {
  border: none;
}

.tbm_dialog .ui-widget-content {
  border: none;
  background: #FFFFFF none;
}

.tbm_dialog.ui-widget-content {
  border: 2px solid #4f2d1d;
  background: #FFFFFF none;
}

.tbm_dialog .ui-button-text {
  border-radius: 5px;
  color: #ffffff;
  background-color: #4f2d1d;
}

.tbm_dialog .ui-icon-closethick {
  color: #4f2d1d;
}

.tbm_dialog .ui-widget-header {
  border: none;
  background-color: #4f2d1d;
  background-image: none;
}

.tbm_dialog .ui-button-text {
  white-space: nowrap;
}

.wysiwyg_boundry {
  background: url('/i/ckeditor_bg.png') repeat fixed 0 0;
  display: table;
  border: 2px inset #777777;
  overflow: hidden;
}

.non_tll {
  min-width: 100%;
  border: none;
}

.wysiwyg_ruler {
  white-space: nowrap;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 2px;
  color: #777777;
  font-style: italic;
  border-left: 2px solid #777777;
  border-right: 2px solid #777777;
  border-bottom: 1px solid #777777;
  text-align: center;
}

select option {
  background-color: #e8e8e8;
  padding-top: 2px;
  padding-bottom: 2px;
}

select option:nth-child(odd) {
  background-color: #dcdcdc;
}

.rep_corp_list {
  width: 100%;
  padding-left: 0;
  margin-top: 2px;
  border-top: 1px solid #4f2d1d;
}
.rep_corp_list li {
  list-style: none;
  margin-left: 0;
  width: 100%;
  padding-left: 5px;
  padding-right : 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e0e0e0;
}

td.repshare {
  vertical-align: top !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

td.repshare .rep_name {
  padding-left: 5px;
}

td.repshare .chkbx {
  display: none !important;
}

td.repshare input ~ label {
  vertical-align: top;
  display: inline-block;
  cursor: pointer;
}

td.repshare input ~ label:hover .unchecked path {
  fill: #bdbdbd;
}

td.repshare input ~ label:hover .checked path {
  fill: #88d052;
}

td input.chkbx ~ label .checked {
  display: none;
}

td input.chkbx:checked ~ label .checked {
  display: block;
}

td input.chkbx ~ label .unchecked {
  display: block;
}

td input.chkbx:checked ~ label .unchecked {
  display: none;
}

svg.unshared path {
  fill: #9da0a4;
}

svg.shared_unlinked path {
  fill: #ddac34;
}
svg.shared_unlinked:hover path {
  fill: #ddac34 !important;
}

#link_d_table {
  font-size: 1.5em;
  margin-left: 5px;
}

#popupdiv_edit {
  box-shadow: 0px 10px 10px -10px #000000;
}

.appearance_settings .colorchooser {
  width: 75px;
  margin-right: 10px;
}

.appearance_settings .colorchooser.ronly {
  background-color: #cccccc;
  border: none;
  padding: 3px;
  border-radius: 3px;
  color: #777777;
}

.appearance_settings {
  width: 90%;
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
}

.appearance_settings .subtitle {
  font-size: 1.7em;
  font-weight: bold;
  padding-left: 0px;
  margin-left: -1em;
}

.appearance_settings .subheading {
  font-size: 1.3em;
  vertical-align: top;
}

.appearance_settings .img_area {
  width: 100%;
  border-bottom: 1px solid #777777;
  padding-top: 30px;
  padding-bottom: 30px;
}

.appearance_settings .img_options {
  display: inline-block;
  vertical-align: top;
  float: right;
}

.appearance_settings .preview {
  min-width: 300px;
  display: inline-table;
  vertical-align: top;
  margin-left: 10px;
  margin-bottom: 20px;
  border: 2px dashed #AAAAAA;
}

.appearance_settings .preview img{
  display: block;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
  max-height: 400px;
}


.appearance_settings .navbar_logo .preview {
  background-color: #376674;
  padding: 4px;
}

.appearance_settings .navbar_logo .preview img {
  max-width: 300px;
  max-height: 40px;
  margin-left: 5px;
}

.appearance_settings .background .preview {
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 20px;
  margin-right: 20px;
}

.appearance_settings .favicon .preview img{
  max-width: 64px;
  max-height: 64px;
}

.appearance_settings .letterhead .preview img{
  max-width: 300px;
  max-height: 250px;
}

.appearance_settings .color_preview_div {
  vertical-align: top;
  display: inline-block;
  margin-top: -16px;
  margin-left: 20px;
}

.appearance_settings .color_preview {
  border: 2px dashed #aaaaaa;
  height: 175px;
}

.appearance_settings .color_preview .nav_col_prev {
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  position: relative;
  box-shadow: 0px 10px 10px -10px #000000;
  z-index: 1;
}

.appearance_settings .color_preview .svgs {
  display: inline-table;
}

.appearance_settings .color_preview .svgs span {
  padding: 2px;
  border-radius: 3px;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}

.appearance_settings .color_preview .fakesearch {
  display: inline-block;
  height: 30px;
  border: 1px solid #cdcdcd;
  border-left: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #FFFFFF;
  width: 250px;
}

.appearance_settings .color_preview .accordian_col_prev > div{
  width: 100%;
  margin-bottom: 5px;
  display: table;
}

.appearance_settings .color_preview .accordian_col_prev > div > span:nth-child(3) {
  font-weight: bold;
}

.appearance_settings .color_preview .accordian_col_prev > div > span {
  display: inline-table;
  font-size: 14px;
  font-family: verdana;
  margin: 0px;
  position: relative;
  padding: 10px 10px;
  z-index: 0;
}

.appearance_settings .color_preview .accordian_col_prev > div > span ul {
  position: absolute;
  list-style: none;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .5);
  margin: 10px 0px 5px -10px;
  z-index: 5;
  padding: 10px 0px;
}

.appearance_settings .color_preview .accordian_col_prev > div > span li {
  margin: 2px 0px;
  padding: 3px 5px;
  border: none;
  font-size: 12px;
  font-family: arial;
}

select.gv_sidebar_select {
  font-size:11px;
}

.slider_arrow {
  display: table-cell;
  vertical-align: middle;
  opacity: .3;
  transition: all ease .3s;
  background-color: #4f2d1d !important;
  padding: 10px 5px;
  height: 100%;
  box-shadow: 0px 1px 10px -5px #000;
  -webkit-box-shadow: 0px 1px 10px -5px #000;
}

.slider_arrow:hover {
  opacity: 1;
  transition: all ease .3s;
}

.slider_arrow svg {
  display: block;
  vertical-align: middle;
  margin: 0px auto;
}

.prev-page svg path,
.next-page svg path {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

.prev-page { margin-right: -30px;}

.lemmon-lazy img {
  display: table;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
}

.lemmon-img:hover {
  outline: 2px solid #b6bf00;
}

.cke_editable {
  white-space: normal;
}

.front_center_list .lemmon-container {
  margin-left: auto;
  margin-right: auto;
}

#gcactivity_main .loading-splash {
  height: 1000px;
  width: 100%;
  display: block;
}

#gcactivity_main .subheading {
  font-weight: bold;
  font-size: 1.1em;
  margin: 10px 0px 5px 0px;
}

#gcactivity_main h1 {
  margin: 0px 0px 20px;
}

.gctable {
  margin: 5px 5px 20px 0px;
  table-layout: fixed;
}

.gctable .header { font-size: 1em; }

.gctable .header td {
  background-color: #4f2d1d !important;
  color: #ffffff !important;
}

.gctable td { padding: 2px 10px; }
.gctable tr:nth-child(odd) td:nth-child(odd) { background-color: #e0e0e0; }
.gctable tr:nth-child(odd) td:nth-child(even) { background-color: #f0f0f0; }
.gctable tr:nth-child(even) td:nth-child(odd) { background-color: #eeeeee; }
.gctable tr:nth-child(even) td:nth-child(even) { background-color: #fefefe; }

.gctable td:not(:first-child) { text-align: right; }

.gchistory tr:nth-child(2) {
  font-weight: bold;
}

.gcsummary {
  min-width: 50%;
  margin-bottom: 20px;
}

.inf_scroll_input {
  display: inline-table;
  font-size: 10px;
  margin: 0px 5px;
}

.inf_scroll_input select {
  font-size: 10px;
}

.inf_scroll_disabled,
.inf_scroll_enabled {
  display: inline-table;
  vertical-align: middle;
  margin: 0px 5px 0px 2px;
  padding: 3px;
  border-radius: 3px;
  font-size: 18px;
}

.inf_scroll_enabled {
  background-color: #b6bf00;
}

.empty_row > table > tbody > tr:first-child {
  display: none;
}

#i_qs_dropdown {
  box-shadow: 0px 3px 5px -2px #000000;
  -webkit-box-shadow: 0px 3px 5px -2px #000000;
  -moz-box-shadow: 0px 3px 5px -2px #000000;
}

.searchaid_item {
  padding: 6px 2px 6px 2px;
}

.searchaid_item.selected {
  /* background-color: #eeeeee; */
  background-color: #84c8fd;
}

.searchaid_item .author {
  font-size: 10px;
  font-style: italic;
  padding-left: 20px;
}

.searchaid_item .hilighted {
  font-weight: bold;
  color: darkblue;
}

.page_delimiter {
  padding: 0px !important;
}

.page_delimiter td.buffer {
  padding: 0px;
  vertical-align: middle;
}

.page_delimiter td.buffer span {
  border-top: 3px dashed #cdcdcd;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
}

.page_delimiter ul {
  white-space: pre-line;
  padding-left: 0px;
  margin: 0px auto;
  display: table;
}

.page_delimiter ul li {
  display: inline-block;
  margin-right: 3px;
  cursor: pointer;
}

.page_delimiter ul li:not(.see-more) {
  color: #777;
  text-align: center;
  width: 2em;
}

.page_delimiter ul li.nav:not(.inf_page_youarehere):not(.see-more) {
  border: 1px solid #ededed;
  transition: ease .2s all;
}

.page_delimiter ul li.see-more {
  color: #FFFFFF !important;
  background-color: #777777;
  white-space: nowrap;
  padding: 2px 4px;
  border-radius: 3px;
}

.page_delimiter ul li.see-more:hover {
  background-color: #09f;
}

.page_delimiter ul li.nav svg path {
  fill: #777;
  stroke: #777;
}

.page_delimiter ul li.nav:hover svg path {
  fill: #2f170b;
  stroke: #2f170b;
}

.page_delimiter ul li.nav:not(.see-more):not(.inf_page_youarehere):hover {
  color: #2f170b !important;
  background-color: #b6bf00;
  border: 1px solid #b6bf00;
  transition: ease .2s all;
}

.inf_page_youarehere {
  color: #ffffff !important;
  background-color: #4f2d1d;
  border: 1px solid #4f2d1d;
}


table.quickecart tr.inputs td {
  font-size:12px;
  padding:2px 0px 2px 2px;
  text-align: center;
}

table.quickecart tr.headers td {
  font-size:10px;
  padding:0px 0px 0px 2px;
  text-align: center;
}

table.quickecart input {
  font-size:12px;
  font-family:Helvetica;
  text-align: center;
}
table.quickecart textarea {
  font-size:12px;
}

table.quickecart tr.unsaved input,
table.quickecart tr.unsaved textarea
{
  color:red;
}

input.msqty {
  text-align: center;
}

div._qebtn {
  margin-right:1px;
  display:inline-block;
  border:2px solid grey;
  border-radius: 5px;
}

div._qebtn:hover {
  background:grey;
}

div._qebtn.selected {
  background:grey;
}

div._qebtn.selected:hover {
  background:lightgray;
}

.ws_pl {
  white-space: pre-line;
}

.ws_pre {
  white-space: pre;
}

.hltable { background-color: #FFFFFF; }
.hltable:hover { background-color: #e7e7e7; }

.needborder {
  }

#tv_tab_area:empty {
  display: none;
}

#loginbox .tbm_dd_menu_button svg path {
  stroke: none;
}