body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  color: black;
  text-align: left;
  /*background-image: url("http://localhost/tacos/deploy/tacos_mc_v3_0_0/mc/mc/cscar/images/bground.jpg");*/
  background-image: url("https://www.mcphersonco.com/share/bground.jpg");
}

table {
  font-size: 10pt;
  color: black;
}

div#page {
}

.clear {
  clear: both;
  margin: 0;
  padding: 0 0;
}

/* === User Contributed Header Style ======================================== */
div#bHeader {
  width: 100%;
  position: relative;
  height: 60px;
  top: 0px;
  left: 0px;
}
/* === end User Contributed Header Style === */


/* === Login Name Style ===================================================== */
div#bLogin {
  text-align: center; 
}
/* === end Login Name Style === */


/* === Logo Style =========================================================== */
div#bLogo {}
/* === end Logo Style === */


/* === Main Navigation Style ================================================ */
div#bNav {
  color: #800000;
  padding: 0px 0px 0px 0px;
  width: auto;
  top: 0px;
  left: 0px;
  min-height: 24px;
  height: auto;
  margin-left: auto;
  margin-right: auto; 
  margin-bottom: auto;
}

div#bNav table {
  width: auto;
  min-height: 14px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}

/* Dropdown styles in separate style sheet.
 * Place desired override styles here.
 */ 
 
ul.dropdown {
  font-weight:normal;
  background-color: transparent;
}

ul.dropdown li {
  border: 0px;
  padding: 4px;
  white-space: pre;
  color: #800000;
  background-color: transparent;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
  color: #000000;
  background-color: transparent;
}

ul.dropdown li.hover a,
ul.dropdown li:hover a {}

ul.dropdown a { 
  font-size: 10pt; 
  text-decoration: underline;
}
/* === end Main Navigation Style === */


/* === Wrapper Style ======================================================== */
div#bWrapper {
  border-top: 2px solid #2D3C7C;
  min-width: 800px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 4px;
  padding-top: 16px;
}
/* === end Wrapper Style ==================================================== */


/* === Account Navigation Style ============================================= */
div#bACHeader {
  border: 0px solid #2d3c7c;
  border-bottom-width: 2px;
  padding: 0px 0;
  background-color: transparent;
  width: 100%;
  height: 40px;
  position: relative;
  top: 0px;
  left: 0px;
}

div#bACTitle {
  font-weight: bold;
  font-size: 12pt;
  position: relative;
  top: 1px;
  left: 5px;
}

div#bACNav {
  position: relative;
  top: 0px;
}

.acmenustyle {
  font-weight: bold;
  font-size: 10pt;
  position: absolute;
  top: 1px;
  left: 5px;
  width: 100%;
  text-align: left;
}

.acmenustyle ul {
  /* background: url('./clcar/menu/chromebg3.gif') center center repeat-x; */
  /*THEME CHANGE HERE*/
  padding: 0px 0;
  margin: 0;
  font: normal 12px Verdana, Arial;
  font-weight: bold;
}

.acmenustyle ul li {
  display: inline;
}

.acmenustyle ul li a {
  color: #000000;
  padding: 0px 2px;
  margin: 0;
  /* text-decoration: none; */
  filter: progid :   DXImageTransform .   Microsoft . 
  	
  Shadow(color =   #409c36, direction =   135, strength =   4);
  /*Add Shadow in IE. Remove if desired*/
}

.acmenustyle ul li a:hover {
  color: white;
  background-color: #000000;
}
/* === end Account Navigation Style === */


/* === Debug Style ========================================================== */
div#bDebug {
  position: relative;
}
/* === end Debug Style === */


/* === Body Context Style =================================================== */
div#bContext {
  /*border: 0px solid #000000;*/
  /*border-top-width: 1px;*/
  /*padding: 0px 0;*/
  /*background-color: #EEEEEE;*/
  width: 100%;
  height: 40px;
  position: relative;
  top: 0px;
  left: 0px;
}

div#bTitle {
  font-weight: bold;
  font-size: 12pt;
  position: relative;
  padding: 0px 0px 5px 1px;
}

div#bListPaging {
  font-weight: bold;
  font-size: 10pt;
  position: absolute;
  top: 0px;
  right: 5px;
  width: 100%;
  text-align: right;
}

div#bListPaging ul {
  padding: 0px 0;
  margin: 0;
  font: normal 12px Verdana, Arial;
  font-weight: bold;
}

div#bListPaging ul li {
  display: inline;
}

div#bListPaging ul li a {
  color: #000000;
  padding: 0px 2px;
  margin: 0;
  filter: progid :   DXImageTransform .   Microsoft . 
  	
  Shadow(color =   #409c36, direction =   135, strength =   4);
  /*Add Shadow in IE. Remove if desired*/
}

div#bListPaging ul li a:hover {
  color: white;
  background-color: #000000;
}

div#bListFunctions {
  font-weight: bold;
  font-size: 10pt;
  position: absolute;
  top: 21px;
  left: 5px;
  width: 30%;
  text-align: left;
}

div#bListFunctions ul {
  /* background: url('./clcar/menu/chromebg3.gif') center center repeat-x; */
  /*THEME CHANGE HERE*/
  padding: 0px 0;
  margin: 0;
  font: normal 12px Verdana, Arial;
  font-weight: bold;
}

div#bListFunctions ul li {
  display: inline;
}

div#bListFunctions ul li a {
  color: #000000;
  padding: 0px 2px;
  margin: 0;
  /* text-decoration: none; */
  filter: progid :   DXImageTransform .   Microsoft . 
  	
  Shadow(color =   #409c36, direction =   135, strength =   4);
  /*Add Shadow in IE. Remove if desired*/
}

div#bListFunctions ul li a:hover {
  color: white;
  background-color: #000000;
}

div#bFilterCriteria {
  font-weight: bold;
  font-size: 10pt;
  position: absolute;
  top: 21px;
  right: 5px;
  width: 100%;
  text-align: right;
}

div#bFilterCriteria ul {
  padding: 0px 0;
  margin: 0;
  font: normal 12px Verdana, Arial;
  font-weight: bold;
}

div#bFilterCriteria ul li {
  display: inline;
  color: #000000;
  padding: 0px 2px;
  margin: 0;
  filter: progid :   DXImageTransform .   Microsoft . 
  	
  Shadow(color =   #409c36, direction =   135, strength =   4);
  /*Add Shadow in IE. Remove if desired*/
}

div#criteria {
  font: normal 10px Verdana, Arial;
}
/* === end Body Context Style === */


/* === Error Style ========================================================== */
div#bError {
  font-size: 10pt;
  color: red;
}
/* === end Error Style === */


/* === Status Style ========================================================== */
div#bStatus {
  font-size: 10pt;
  font-weight: bold;
  padding: 10px;
}
/* === end Status Style === */


/* === Content Style ======================================================== */
div#bContent {
  position: relative;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  padding: 10px 5px;
}

div#bContentTop {
  height: 0;
}

div#bContentBtm {
  height: 0;
}

.content {
  position: relative;
  text-align: left;
  padding: 0px 0px;
  margin: 0;
}
/* === end Content Style === */


/* === User Contributed Footer Style ======================================== */
div#bFoot {
  position: relative;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
div#bFoot table {
  font-size: 10pt;
  color: #555555;
}
/* === end User Contributed Footer Style === */


/* === Product Styles ======================================================= */
div#pdPaging {
  position: absolute;
  top: 0px;
  right: 5px;
  width: 100%;
  padding: 0px 0;
  margin: 0;
}

div#pdPaging ul {
  right: 5px;
  text-align: right;
  padding: 10px 0;
  margin: 0;
  font: normal 12px Verdana, Arial;
  font-weight: bold;
}

div#pdPaging ul li {
  display: inline;
}

div#pdPaging ul li a {
  color: #000000;
  padding: 0px 2px;
  margin: 0;
  filter: progid :   DXImageTransform .   Microsoft . 
    
  Shadow(color =   #409c36, direction =   135, strength =   4);
  /*Add Shadow in IE. Remove if desired*/
}

div#pdPaging li a:hover {
  color: white;
  background-color: #000000;
}

div#pdName {
  position: relative;
  right: 5px;
  width: 100%;
  text-align: left;
  padding: 10px 0;
  margin: 0;
  font: normal 20px Verdana, Arial;
  font-weight: bold;
}

div#pdTags {
  position: relative;
  padding: 0px 0px;
  margin: 0px;
}

div#pdTags ul {
  text-align: left;
  padding: 0px 0px;
  margin: 8px;
  font: normal 12px Verdana, Arial;
  list-style-type: none;
}

img#pdImage {
  position: relative;
  float: left;
  margin: 0px;
  padding: 0px 10px;
}

div#pdPrice {
  position: relative;
  text-align: left;
  padding: 0px 0px;
  margin: 0px;
  font: normal 12px Verdana, Arial;
}

div#pdATC {
  position: relative;
  text-align: left;
  padding: 0px 0px;
  margin: 8px;
  font: normal 12px Verdana, Arial;
}

div#pdDesc {
  position: relative;
  text-align: left;
  padding: 0px 0px;
  margin: 0;
}

div#pdInfo {
  position: relative;
  text-align: left;
  padding: 0px 0px;
  margin: 8px;
  font: normal 12px Verdana, Arial;
}


div#pdRelated {
  position: relative;
  text-align: left;
  padding: 0px 0px;
  margin: 0;
  font: normal 12px Verdana, Arial;
}

div#pdRelated em {
  font-style: normal;
}

div#pdRelated ul {
  text-align: left;
  margin: 0;
  list-style-type: none;
}

div#pdAlsoBought {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  padding: 0px 0px;
  margin: 8px;
  font: normal 12px Verdana, Arial;
}

div#pdAlsoBought ul {
  text-align: left;
  margin: 0;
  list-style-type: none;
}
/* === end Product Styles === */


/* === Category Styles ======================================================= */
div#cgBreadCrumb {
  position: relative;
  width: 100%;
  padding: 0px 0;
  margin: 0;
}

div#cgBreadCrumb ul {
  text-align: left;
  padding: 10px 0;
  margin: 0;
  font: normal 12px Verdana, Arial;
  font-weight: bold;
}

div#cgBreadCrumb ul li {
  display: inline;
}

div#cgBreadCrumb ul li a {
  color: #000000;
  padding: 0px 2px;
  margin: 0;
  filter: progid :   DXImageTransform .   Microsoft . 
    
  Shadow(color =   #409c36, direction =   135, strength =   4);
  /*Add Shadow in IE. Remove if desired*/
}

div#cgBreadCrumb ul li a:hover {
  color: white;
  background-color: #000000;
}
div#cgPaging {
  position: absolute;
  top: 0px;
  right: 5px;
  width: 100%;
  padding: 0px 0;
  margin: 0;
}

div#cgPaging ul {
  right: 5px;
  text-align: right;
  padding: 10px 0;
  margin: 0;
  font: normal 12px Verdana, Arial;
  font-weight: bold;
}

div#cgPaging ul li {
  display: inline;
}

div#cgPaging ul li a {
  color: #000000;
  padding: 0px 2px;
  margin: 0;
  filter: progid :   DXImageTransform .   Microsoft . 
    
  Shadow(color =   #409c36, direction =   135, strength =   4);
  /*Add Shadow in IE. Remove if desired*/
}

div#cgPaging li a:hover {
  color: white;
  background-color: #000000;
}
/* === end Category Styles === */


/* === FRD Styles =========================================================== */
div#layout{
 position: relative;
 margin: 0px;
 padding: 0px;
 height: auto;
 }  

#left {
  position: absolute;
  top: 0px;
  left: 10px;
  margin: 0px;
  padding: 0px;
  width: 180px; /* ie5win fudge begins */
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 180px;
  }
html>body #left {
  width: 180px; /* ie5win fudge ends */
}
#middle {
  position: relative;
  margin: 10px 210px 10px 210px;
  padding: 0px;
  z-index: 13;
  voice-family: "\"}\"";
  voice-family:inherit;
	margin-top: 0px;
	}
html>body #middle {
	margin-top: 0px; /* ie5win fudge ends */
	}

#right {
  position: absolute;
  top: 0px;
  right: 10px; /* Opera5.02 will show a space at right when there is no scroll bar */
  margin: 0px;
  padding: 0px;
  width: 180px; /* ie5win fudge begins */
  z-index:1
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 180px;
  }
html>body #right {
  width: 180px; /* ie5win fudge ends */
  }

div.frdPdSqrL {
  width: 48%;
  background: #EEEEEE;
  margin: 2px 4px 4px 2px;
  float: left;
}

div.frdPdSqrR {
  width: 48%;
  background: #EEEEEE;
  float: left;
  margin: 2px 0px 4px 6px;
}

img.frdPdSqrI {
  border: 0px;
  margin: 4px 4px 4px 4px;
}

div#frdCGList {
  width: 100%;
  padding: 20px 0px;
  position: relative;
}

div#frdCGList:after {
  /*Add margin between menu and rest of content in Firefox*/
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

div#frdCGList ul {
  border: 0px;
  width: 100%;
  padding: 0px 0px;
  margin: 0;
  text-align: center; /*set value to "left", "center", or "right"*/
  font: italic 12px;
}

div#frdCGList ul li {
  display: inline;
}

div#frdCGList ul li a {
  padding: 0px 1px;
  margin: 0;
}

div#frdCGList ul li a:visited {
  color: #800000;
}

div#frdSJList {
  width: 100%;
  position: relative;
}

div#frdSJList ul {
  border: 0px;
  padding: 0px 0px;
  margin: 0;
  text-align: center; /*set value to "left", "center", or "right"*/
  font: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  list-style-type: none;
}


.frdList {
  width: 100%;
  position: relative;
}

.frdList ul {
  border: 0px;
  width: 100%;
  padding: 0px 0px;
  margin: 3px 0 0 3px;
  text-align: left; /*set value to "left", "center", or "right"*/
  font: italic 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-indent: 15px;
  list-style: disc inside;
}

.frdList ul li a {
  padding: 0px 1px;
  margin: 0;
}

.frdList ul li a:visited {
  color: #800000;
}

.frdList dl {
  border: 0px;
  width: 100%;
  padding: 0px 0px;
  margin: 0;
  text-align: left; /*set value to "left", "center", or "right"*/
  font: italic 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.frdList dl dt {
  text-decoration: underline;
}

.frdList dl dd {
  font-style: italic;
}
/* === end FRD Styles === */


/* === Info Box Styles ====================================================== */
div.box{
  position: relative;
  width: 180px;
  border: 1px solid #000000;
  background: white;
  color: #000000;
  text-align: left;
  margin: 0px;
  padding: 0px;
}

div.box A {
  font-weight: bold;
  color: #2d3c7c;
  font-style: italic;
  text-decoration: none;
  size: large;
}

div.box A hover {
  color: #800000;
  background-color: #DDDDDD;
}

div.box form {
  margin: 2px;
}

div.box_hdr{
  width: 100%;
  height: 24px;
  border-bottom: 1px solid #000000;
  background: #800000;
}

div.box_ttl {
  padding: 3px 10px;
  color: white;
  font-weight: bold;
  font-size: 16px;
}

div.box_cnt {
  padding: 3px 6px;
  overflow: hidden;
}

div.box_cnt UL {
  border: 0px;
  width: 100%;
  padding: 0px 0px;
  margin: 0;
  text-align: left;
  font: italic 12px;
}

div.box_cnt A {
  font-weight: bold;
  color: #2d3c7c;
  font-style: italic;
  text-decoration: none;
  size: large;
}

div.box_cnt A:hover {
  color: #800000; 
  background-color: #DDDDDD;
}

div.pdbox{
  position: relative;
  width: 100%;
  border: 1px solid #000000;
  background: white;
  color: #000000;
  text-align: left;
  margin: 0px;
  padding: 0px;
}

div.pdbox A {
  font-weight: bold;
  color: #2d3c7c;
  font-style: italic;
  text-decoration: none;
  size: large;
}

div.pdbox A hover {
  color: #800000;
  background-color: #DDDDDD;
}

div.pdbox_hdr{
 width: 100%;
 height: 24px;
 border-bottom: 1px solid #000000;
 background: #0000AF;
}

div.pdbox_ttl {
 padding: 3px 10px;
 color: white;
 font-weight: bold;
 font-size: 16px;
 text-align: center;
}

div.pdbox_ttl A {
  color: white;
  text-decoration: none;
}

div.pdbox_cnt {
 padding: 0px 0px;
 background: #EEEEEE;
 overflow: hidden;
}
/* === end Info Box Styles ================================================== */
/* === Credit Card Box Style ================================================ */
div.ccbox {
  width: 90px;
  height: auto;
  min-height: 220px;
  position: relative;
  top: 0px;
  float: right;
  background-color: transparent;
}
/* === end Credit Card Box Style === */
/* === Open Order Alert Style ===================================================== */
span#ooAlert {
  position: relative;
  font-weight: bold;
  color: red;
  background-color: yellow;
  margin: 0px 10px;
  padding: 0px 10px;
}
/* === end Open Order Alert Style === */


/* === Category Style ======================================================= */
div.pdList table {
  border: 0px solid #ffffff;
  cell-border: transparent;
  cell-spacing: 0px;
}
div.pdList table td,th {
  border: 0px solid #ffffff;
  cell-border: transparent;
  cell-spacing: 0px;
}
/* === end Category Style === */