/***************************************************
=========================
In Progress Documentation
=========================
This style sheet is in progress and may contain extraneous/unused styles while in production and until release of the final site.
Created Aug 09,2007 
The Css is for 1024*768 site resolution 
***************************************************/

body {margin:0px; color: #333; background: #fff url(../art/bodyBG.gif) repeat; font: normal 11px verdana, arial, sans-serif;}

a {color:#ff0000;text-decoration:underline;}
a:hover	{color: #788CC7;text-decoration:underline;}	

ul,li {font: normal 12px verdana, arial, sans-serif;line-height: 150%;}

h3 {}

hr
{
	color: #CFCFCD;
	background: #CFCFCD;
	border: 0;
	height: 1px;
	text-align: center;
}
/*************************************************
wrap the main div that keeps all content centered
**************************************************/
#wrap {width:955px; margin:auto;}
 
#header {width:955px; height:85px; 
		border-bottom:1px solid #5A0005;
		}
		
/* positions hotlinked transparent image over the logo which is in the background.*/
.homelink {position:absolute;z-index:100; }
/**************************************
First menu at the top of the page
***************************************/

#hdr-menu-message {font-weight:bold;text-transform:uppercase;font-size:9px;}
#hdr-menu-keyword {font-weight:bold;text-transform:uppercase;font-size:9px;}
#hdr-menu {color:#5A0005;width:955px; margin:auto; text-align:right;padding:4px 0;}	
#hdr-menu  ul  {padding-top:4px;display:inline;list-style-type: none;}
#hdr-menu  li {display:inline;}
	 
#hdr-menu   a 
	{font-weight:bold;font-size: 10px;
 	text-transform:uppercase;
	color: #5A0005;
	padding:4px;
 	text-decoration: none;
	 }
.highlight {background-color:#F6E316;padding:1px 1px 3px 1px;color:#000000;border-width:0px 0px 0px 0px;border-style:none;border-color:#555555;}	 
.highlight a {color:#000000;}
.highlight a:hover {color:#DD0000;}

.greenlight {background-color:#00FF00;padding:1px 3px 3px 3px;color:#000000;border-width:0px 0px 0px 0px;border-style:none;border-color:#555555;}	 
.greenlight a {color:#000000;}
.greenlight a:hover {color:#FFFFFF;}


.nlight {background-color:none;padding:1px 1px 3px 1px;color:#000000;border-width:1px 1px 1px 1px;border-style:none;border-color:#555555;}	 


#hdr-menu   a:hover
	{
 
  	text-decoration:underline;
	 color: #788CC7;
 	}	
	
/**************************************
2nd menu - to be used to breadcrumb, etc.
***************************************/ 	
#breadcrumb { color:#5A0005;width:940px;text-align:left;background-color:#CDCDCC;
			border-left:1px solid #5A0005;border-right:1px solid #5A0005; border-bottom:1px solid #5A0005;padding:6px;
			}
 	
#breadcrumb ul {margin: 0px;padding:0px;display:inline;list-style-type: none;}
#breadcrumb li {margin: 0px;padding:0px;display:inline;list-style-type: none;}
	 
#breadcrumb   a 
	{font-weight:bold;font-size: 11px;
 	text-transform:uppercase;
	color: #5A0005;
	padding: 0 4px;
 	text-decoration: none;
	 }
	 
#breadcrumb   a:hover
	{
 
  	text-decoration:underline;
	 color: #788CC7;
 	}	

#loadingBox {position:absolute; z-index:400; left: 540px; top: -23px; font-weight:bold; font-size:12px;}
#esSearch {position:absolute; z-index:410; left: 340px; top: -28px; font-weight:bold; font-size:12px;}

#img-cart {position:absolute;z-index:200;float:right;display:block;left:715px;top:-23px;}
			
/* fixes the display error in ie for relative positioned, floated element - use absolute wrapped in relative div and it will move with the page*/
#ie-hack {position:relative;}
#btn-cart {position:absolute;left:795px;top:-28px;z-index:200;float:right;display:block;
			background-color:#fff;border:1px solid #5A0005;width:150px;padding: 2px 0 0 0;
			color: #5A0005; font-weight:bold;text-transform:uppercase;}
#btn-cart2 {position:absolute;left:675px;top:-28px;z-index:200;float:right;display:block;
			background-color:#fff;border:1px solid #5A0005;width:70px;padding: 2px 0 0 0;
			color: #5A0005; font-weight:bold;text-transform:uppercase;}	
			
#btn-cart a {color: #5A0005;text-decoration:none;}
#btn-cart a:hover {color: #788CC7;text-decoration:underline;}
#btn-cart2 a {color: #5A0005;text-decoration:none;}
#btn-cart2 a:hover {color: #788CC7;text-decoration:underline;}

/**********************
center content of homepage - 2 col layout: right=glamour or flash and left = featured products containers and SEO text.
***********************/

#home-nav ul {margin:0; padding:4px 0;background-color:#5A0005;color:#fff;border-bottom:2px solid #fff;text-align:right;}

#home-nav li {margin:0; padding-right:10px;display:inline;}

#home-nav   li a 
	{font-weight:bold;font-size: 11px;
 	 color: #fff;
 	 
	 text-decoration: none;
	 }
	 
#home-nav  a:hover
	{
 
  	text-decoration:underline;
	 
 	}	

.home-nav2 { padding-top:5px; border-bottom:2px solid #fff;  height:40px ;width:954px; margin:0; background-color:#2e2e2e;color:#fff;}
.home-nav {  margin:0; background-color:#5A0005;color:#fff;}
.home-nav-item {padding-bottom:2px; border-left:1px solid #fff; margin:0; padding-left:10px; padding-right:10px;cursor:pointer;cursor:hand;}
.home-nav-itemtext {font-weight:bold;color: #fff; text-decoration: none;font: bold 11px verdana, arial, sans-serif;}
.home-nav-itemover { padding-bottom:2px; border-left:1px solid #fff; margin:0; padding-left:10px; padding-right:10px;cursor:pointer;cursor:hand;}
.home-nav-itemovertext { font-weight:bold;color: #fff; font: bold 11px verdana, arial, sans-serif;text-decoration:underline;}


table#features {background-color:#5A0005;color:#fff;}
table#features h1 {font-size:16px; font-weight:normal; letter-spacing:1px; color:#fff;text-transform:uppercase;margin-top:0;}
table#features h2 {font-size:16px; font-weight:normal;}
table#features  p {font-size:12px;}
table#features td.margins {padding:10px 5px 10px 18px;}

table#features a img {border:0px;}
table#features a {color:#fff; text-decoration:none;}
table#features a:hover {text-decoration:underline;}
 
table#features p.items-price  {margin:0;padding-top:10px;text-align:center;font-size:10px;font-weight:bold;text-transform:uppercase;}

td.button {padding-right:15px;}
 td.button  a {text-transform:uppercase;
 	font-weight:bold;font-size:10px;
    display: block;
    width: 110px;  text-align: center;
    background: url("../art/hover-off.gif") no-repeat;
  	}

 td.button   a:hover { background-image: url("../art/hover-on.gif"); }

td.button img {position:relative;top:8px;margin-bottom:20px;}


/**********************
FAQs and How To banners
***********************/
			
table#hp-banner {border-left:1px solid #5A0005;border-bottom:1px solid #5A0005;border-right:1px solid #5A0005;background-color:#fff;margin-bottom:5px;}
table#hp-banner h1 {font-size: 16px;color:#999;margin:0px;}

table#hp-banner  a {font-size:10px;color: #5A0005;display:block;padding:4px;text-decoration:underline;}
table#hp-banner  a:hover {color: #788CC7;}

table#hp-banner td.faqs p {padding-left:100px;padding-top:6px!important;padding-top:20px}

table#hp-banner td.how-to {background-color:#E6E6E5;padding:8px;}
table#hp-banner td.how-to p {margin:0;}


/**********************
Main content
***********************/

#main {background-color:#fff;}
#main table.border {border-left:1px solid #5A0005;border-right:1px solid #5A0005;border-bottom:1px solid #5A0005;}

#main table.border img.hdr {border-bottom:1px solid #5A0005;}

#main table td.navBG {background-color:#5A0005;border-right:1px solid #5A0005;width:200px;}

div#content {padding:15px;}
 
div#content img.display {border: 1px solid #CDCDCC;margin-right:15px;margin-bottom:5px;}

div#content h1 {font-size:14px;margin-top:0px;}
div#content p {font-size:11px;line-height:140%;}

div#content a {font-weight:bold;text-decoration:underline;}
div#content a:hover {font-weight:bold;text-decoration:underline;}

div#content a.view {font-size:10px;padding-left:10px;}
.bottom-borderdoor {border-bottom:1px solid #CDCDCC;padding:10px;}
 .bottom-border {border-bottom:1px solid #CDCDCC;padding-top:10px;padding-bottom:10px;}
 .right-border {border-right:1px solid #CDCDCC;}
td.tally {border-left:1px solid #CFCFCD;}
 
#tally h1 {color:#5A0005;margin:0;font-size:14px;padding:8px;}

#tally a {font-weight:bold;text-decoration:underline;}

 div.edit {text-align:right;padding-right:10px;}
div.item {background-color:#f0f0f0;font-weight:bold;padding:4px;border-top: 1px solid #CFCFCD;border-bottom: 1px solid #CFCFCD;}
div.padding {padding:6px;}

table.greyBG {background-color: #f0f0f0;border:1px solid #CFCFCD;text-transform:uppercase;font-size:10px;font-weight:bold;padding:10px;}
table.greyBG b {font-size:11px;}

table.details {border:1px solid #CFCFCD;background-color: #fff;}
table.details td {padding: 6px 10px;border-bottom:1px solid #CFCFCD;font-size:11px;}
table.details tr.row-hdr {text-transform:uppercase;font-weight:bold;background-color: #f0f0f0;}
table.details tr.row-hdr td {color:#333;}
table.details tr.row-hdr td.alert {color:#5A0005;}
table.details td {color:#666;}
table.details td.title {color:#333;font-size:12px;}

b.orange {color:#5A0005;text-transform:uppercase;}
table.details td.alert {color:#5A0005;}
span.smalltext {font-size:10px;}

/**********************
Sub menu nav styles
***********************/
#submenu {margin:0px;}
#submenu ul {margin: 0px;padding: 0px;list-style: none;}
#submenu li {list-style: none;margin:0px;padding:0px;text-align: left;}
#submenu li a:link, #submenu li a:visited, #submenu li a:active {border-bottom: solid 1px #B5B5B5;font-weight:bold;
font-size: 10px;padding: 4px 8px 4px 12px;color: #fff;text-decoration: none;display: block;letter-spacing:1px;background-color: #5A0005;}

#submenu li a:hover {color: #4B4B4B;text-decoration: none;background-color: #CDCDCC;}
#submenu li.current_page a {color: #4B4B4B;background-color: #CDCDCC;text-decoration: none; }

.submenu {background-color: #5A0005; width:199px}
.submenu-item {cursor:pointer;cursor:hand;border-bottom: solid 1px #B5B5B5;padding: 7px 8px 7px 12px;display: block; width: 100%;}
.submenu-itemtext {font-weight:bold;color: #fff;text-decoration: none;display: block;letter-spacing:1px; font: bold 10px verdana, arial, sans-serif;}
.submenu-itemover {cursor:pointer;cursor:hand;border-bottom: solid 1px #B5B5B5;padding: 7px 8px 7px 12px;display: block; width: 100%; background-color: #CDCDCC;}
.submenu-itemovertext {font-weight:bold;color: #4B4B4B;text-decoration: none;display: block;letter-spacing:1px; font: bold 10px verdana, arial, sans-serif;}

/**********************
Forms styles
***********************/

.choicePanelStyle {border-style:dashed;border-width:1px;border-color:#000000; }

input,textarea {
	border: 1px solid #7897AD;
	background-color: #ffffff;
	margin-left: 3px;
}

input.btn {
	border: 1px solid #1B4A73;
 cursor:pointer;cursor:hand;
	background-color: #486F90;
	color: #ffffff;
	margin-left: 3px;
}


#footer-links {background-color:#E6E6E5;border:1px solid #5A0005;font-size:10px;}
#footer-links table {padding:10px;}
#footer-links td {text-align:center;}
#footer-links a {color:#333;font-size:10px;font-weight:bold;text-transform:none;text-decoration:underline;}
#footer-links a:hover {color:#666;}

#footer-comments {background-color:#CDCDCC;border:1px solid #5A0005;font-size:10px; margin-top:5px;}
#footer-comments td {text-align:left; padding:2px;}
#footer-comments a {color:#333;font-size:10px;font-weight:bold;text-transform:none;text-decoration:underline;}
#footer-comments a:hover {color:#666;}


#footer {}
#footer p {margin:0px;padding:10px 0;font-size:10px; color:#666;text-align:left;}
#footer img {padding-right:15px;}
#footer p a	{font-size:10px;color:#666;text-decoration:underline;}

/**********************
Added Afterwards
***********************/
#featured-prices {font-size:12px; font-weight:bold; color:#FFFFCC;}
#featured-prices-small {font-size:9px; font-weight:normal; color:#FFFFCC;}


/**

Menus Added By Larry 6/27/2013

**/

#mbmcpebul_table {
  margin: 0px;
  padding: 0px;
  line-height: 0px;
  font-size: 0px;
  display: inline-block;
}

#mbmcpebul_table li a {
  line-height: 16px;
  font-size: 13px;
  font-family: Arial,sans-serif;
  text-decoration: none;
  color: #FFFFFF;
  font-style: normal;
  font-weight: bold;
  padding: 12px 27px 12px 12px;
  display: block;
  cursor: pointer;
  white-space: nowrap;
}

#mbmcpebul_table li div.buttonbg {
  height: 40px;
  width: 154px;
  line-height: 0;
  background-color: transparent;
  border-style: solid;
  border-color: #800421;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  text-align: center;
}

#mbmcpebul_table li:hover div.buttonbg a, #mbmcpebul_table li.expanded a.topitem, #mbmcpebul_table li.active a.topitem,
#mbmcpebul_table li.itemhot a.topitem, #mbmcpebul_table li a:hover {
  color: #FFFFFF;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}


#mbmcpebul_table li.expanded div.buttonbg, #mbmcpebul_table li.active div.buttonbg, #mbmcpebul_table li.itemhot div.buttonbg, #mbmcpebul_table li:hover div.buttonbg {
  background-color: #595959;
  box-shadow: none;
  border-color: #800421;
}

#mbmcpebul_table {
  padding: 0;
  border-style: solid;
  border-color: #B50831;
  border-width: 0;
  border-radius: 0;
  background-color: #333333;
  box-shadow: none;
  border-collapse: separate;
}

#mbmcpebul_table ul li a {
  color: #FFFFFF;
  font-family: Arial,sans-serif;
  font-size: 13px;
  line-height: 16px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  display: block;
  vertical-align: middle;
  white-space: nowrap;
}

#mbmcpebul_table ul li:hover > a {
  color: #FFFFFF;
  font-family: Arial,sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

#mbmcpebul_table ul li.subexpanded a.subexpanded, #mbmcpebul_table ul li.subitemhot a.subitemhot, #mbmcpebul_table ul li a:hover {
  color: #FFFFFF;
  font-family: Arial,sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

#mbmcpebul_table ul li:hover, #mbmcpebul_table ul li.subexpanded, #mbmcpebul_table ul li.subitemhot {
  border-color: transparent;
  background-color: #595959;
  box-shadow: none;
}

#mbmcpebul_table ul {
  margin: 0;
  border-style: solid;
  border-color: #870724;
  border-width: 0;
  padding: 0;
  background: #2E2E2E;
  font-size: 0;
  border-radius: 0;
}

#mbmcpebul_table ul li a {
  padding: 7px 15px 7px 13px;
  text-align: left;
}

#mbmcpebul_table ul li.separator {
  padding: 7px;
  cursor: default;
  background: none;
  box-shadow: none;
  border-width: 0;
}

#mbmcpebul_table ul li.separator div {
  border-top: 1px solid #539ACE;
  font-size: 0px;
}

#mbmcpebul_table ul li {
  border-style: solid;
  border-color: #870724;
  border-width: 0;
  height: auto;
  width: auto;
  text-align: left;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  float: none;
  margin: 0 0 0px 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  background-color: transparent;
}


#mbmcpebul_table ul {
  box-shadow: 0 0 5px -1px #333333;
}

#mbmcpebul_table .spaced_li {
  margin: 0px 1px 0px 0px;
}

#mbmcpebul_table a img {
  border: none;
}

#mbmcpebul_table li {
  list-style: none;
  float: left;
}

#mbmcpebul_table.css_menu li {
  position: relative;
}

#mbmcpebul_table.css_menu ul li:hover > ul {
  opacity: 1;
}

#mbmcpebul_table.css_menu li:hover > ul {
  top: 100%;
  left: 0;
  right: auto;
  opacity: 1;
}

#mbmcpebul_table.css_menu ul li:hover > ul {
  top: -0px;
  left: 100%;
  right: auto;
}

#mbmcpebul_table.css_menu ul {
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-property:opacity;
  -webkit-transition-property:opacity;
  -moz-transition-property:opacity;
  -ms-transition-property:opacity;
  opacity: 0;
}

#mbmcpebul_table ul {
  position: absolute;
  top:-99999px;
  z-index: 4000;
}

#mbmcpebul_table ul ul {
  position: absolute;
  z-index: 5000;
}

#mbmcpebul_table .submenu_arrow {
  margin-left: 8px;
}

#mbmcpebul_table div.arrow { 
  background-image: url(../art/ebab_mbmcp_d.png); 
  background-repeat: no-repeat; 
  background-position: right center; 
  height: 100%; 
} 

#mbmcpebul_table ul li a.with_arrow { 
  background-image: url(../art/ebab_mbmcp_c.png); 
  background-repeat: no-repeat; 
  background-position: right center; 
  padding-right: 19px; 
} 

#mbmcpebul_table li a.button_1, #mbmcpebul_table li div a.button_1 { 
  padding-right: 12px; 
} 

