/* GLOBAL STYLES [ BEGIN ] */

body
{
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    background: #ccc url("../images/design/bg_body.gif") repeat top left;    
}
.noPrint
{	
}
a {
	text-decoration:none;
	color:#98260E;
	cursor:pointer;
	}
body, th, td, p, li, input, select, textarea
{
    font: normal 11px arial,sans-serif;
    color: #333333;
}
input.disabled
{
    background: #fafafa;
    color: #888888;
}
body.popup
{
    margin: 0 0 0 0;
    background: none;
}
body.typical
{
    margin: 5px 10px 10px 10px;
    text-align: left;
}
form
{
    margin: 0 0 0 0;
}
.color_000000
{
    color: #000000;
}
.txt-red
{
    color: #cc0000;
}

.txt-darkgrey
{
    color: #888888;
}

.white-bold-italic
{
    color: #ffffff;
    font-size: 10px;
    font-weight:bolder;
    margin:2px 0 3px 0    
}

.red-bold-italic
{
    color: #cc0000;
    font-size: 12px;
    font-style:italic;
    font-weight:bolder;
    margin:2px 0 3px 0
}
.small
{
    font-size: 10px;
}
.fl
{
    float: left;
    display: inline;
}
.fr
{
    float: right;
    display: inline;
}
.display_block
{
    display: block;
}
.hide
{
    display: none;
}
.td-underline
{
    text-decoration: underline;
}
.cb
{
    clear: both;
}
.oh
{
    overflow: hidden;
}
img
{
    border: none;
}

#wrapper
{
    margin: 0 auto 0 auto;
    width: 760px;
    text-align: left;
    background: #ffffff;
}
#content
{
    /*float: left;*/
    padding: 18px 16px 32px 16px;
    z-index: 1;
    background: #ffffff;
}
.sectiontitle
{
    margin-top: 10px;
    color: #ff9933;
    font-size: 1.2em;
    font-weight: bold;
}

/*header*/
.headerbkgrd
{
    width: 704px;
    height: 76px;
    border: 1px none black;
    background: #8888cc url("../images/mhdbackground2.jpg") top left no-repeat;;
    padding: 2px; 
}
    


/*end header*/


/* alert area */
div#glo-alert-wrap
{
    background: #fdf6e3 url("../images/global/bac-alert.gif") top left repeat-y;
    width: 549px;
    position: absolute;
    top: 72px;
    left: 195px;
    z-index: 10;
}
div#glo-alert-wrap p
{
    padding: 4px 15px;
    margin: 0;
    font-weight: bold;
}
div#glo-alert-wrap p span
{
    background: url("../images/global/img-alert-icon.gif") center left no-repeat;
    color: #dd6b12;
    padding-left: 12px;
    line-height: 1.4;
}
div#glo-alert-wrap p a
{
    background: url("../images/global/img-yel-arrow.gif") center right no-repeat;
    padding-right: 8px;
    text-decoration: underline;
}


/* shared styles for logged in and logged out */
div#top-area
{
    margin-bottom: 20px;
}

/* logged out styles */
div#bottom-area
{
    overflow: hidden;
}
div#bottom-area div.left, div#bottom-area div.right
{
    float: left;
    display: inline;
}
div#bottom-area div.left
{
    width: 232px;
    margin-right: 15px;
}
div#bottom-area div.right
{
    width: 479px;
}

/* logged in styles */
div#top-area-main
{
    margin-bottom: 20px;
}
div#top-area-main, div#bottom-area-main
{
    overflow: hidden;
    clear: both;
}
div.small-box
{
    width: 231px;
    margin-right: 17px;
}
div.last-box
{
    margin-right: 0;
}
div.small-box, div.large-box, div.large-box-left
{
    float: left;
    display: inline;
}
div.small-tab-header
{
    border-bottom: 1px solid #586878;
    width: 100%;
    height: 34px;
    background: url(../images/design/bg_titles.gif) top left no-repeat;
}
div.small-tab-header img
{
    float: left;
    display: inline;
    margin: 8px 0 0 17px;
}
div.small-tab-header span
{
    float: left;
    display: inline;
    margin: 8px 0 0 17px;
    text-align: left;
    text-transform: capitalize;
    text-indent: 5px;
    font-size: small;
    font-weight: bold;
    color: #996666;
    overflow: hidden;
    vertical-align: text-bottom;
}

div.small-tab-header a
{
    float: right;
    display: inline;
    color: #fff;
    text-decoration: underline;
    margin: 10px 10px 0 0;
    font-weight: bold;
}

div.small-container
{
    border: 1px solid #586878;
    border-top: none;
    background: #fbf5db;
}
div#bottom-area-main div.small-container
{
    min-height: 200px;
    height: auto !important;
    height: 200px;
}
div#top-area-main div.small-container, div#top-area-main div.lrg-container
{
    min-height: 199px;
    height: auto !important;
    height: 199px;
}
div.small-container ul
{
    padding: 15px 0;
    margin: 0 30px;
    list-style: disc;
    list-style-image: url(/assets/images/home/img-ye-cir-arrow.gif);
}
div.small-container ul li
{
    margin-bottom: 10px;
}
div.large-box
{
    /*width: 478px;*/
    width: 720px;
    margin-right: 17px;
}
div.large-box-left
{
    /*width: 478px;*/
    width: 478px;
    margin-right: 17px;
}
div.lrg-tab-header
{
    border-bottom: 1px solid #586878;
    background: url(../images/design/bg_titles_long.gif) top left no-repeat;
    height: 34px;
}

div.lrg-tab-header img
{
    float: left;
    display: inline;
    margin: 8px 0 0 17px;
}
div.lrg-tab-header span
{
    float: left;
    display: inline;
    margin: 8px 0 0 17px;
    text-transform: capitalize;
    text-indent: 5px;
    font-size: small;
    font-weight: bold;
    color: #996666;
    overflow: hidden;
    vertical-align: text-bottom;
}

div.lrg-tab-header a
{
    float: right;
    display: inline;
    text-decoration: underline;
    margin: 3px 10px 0 0;
    font-weight: bold;
}

div.lrg-container
{
    border: 1px solid #586878;
    border-top: none;
    overflow:hidden;
}
div.lrg-container h5
{
    padding: 15px 0 5px;
    margin: 0 15px;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
}
div.lrg-container ul
{
    padding: 0;
    margin: 10px 0 15px;
    list-style: none;
}
div.lrg-container ul li
{
    margin: 0 15px;
}
div.lrg-container ul li a
{
    background: url(/assets/images/home/img-wh-cir-arrow.gif) center left no-repeat;
    padding-left: 14px;
}
div.feat-product
{
    width: 215px;
    margin-left: 15px;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    overflow: hidden;
}
div.feat-product h5
{
    margin: 0 0 10px;
    color: #666;
}
div.feat-product p
{
    padding: 0;
    margin: 0;
}
div.feat-product p strong
{
    display: block;
    font-weight: bold;
}
div.feat-product img
{
    margin-right: 10px;
}
div.feat-product a.view-all
{
    position: absolute;
    bottom: 0;
    right: 0;
    text-decoration: underline;
}

/* HOME PAGE STYLES [ END ] */
/*Top banner*/
#topbanner
{
    width: 760px;
    height: 76px;
    border: 1px none black;
    background-image: url("../Images/mhdbackground780.jpg");
    text-align: center;
}

div.topbanner img
{
    display: inline;
    margin: 0 0 0 330px;
}
/*Menu Styles*/

.topmenu
{
    border-style: groove;
    border-width: 1px;
    border-color: Navy;
    padding-left: 2px;
    color: Navy;
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bolder;
    text-align: center;
    height: 25px;
}
.topmenu a:hover
{
    color: #6699ff;
}

.topsubmenu
{
    border-style: groove;
    border-width: 1px;
    border-color: Navy;
    padding-left: 5px;
    padding-right: 5px;
    color: #eeeeff;
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bolder;
    text-align: center;
    background-color: #6699ff;
    height: 25px;
}
.topsubmenu a:hover
{
    color: Navy;
}

/* New Styles For Tabbed Table Widget */
.tabs
{
    position: relative;
    height: 20px;
    margin: 0;
    padding: 0;
    background: url( "../images/design/bluetab100x25px_light.gif" ) repeat-x;
    overflow: hidden;
}
.tabs li
{
    margin: 0;
    display: inline;
}

div.lrg-container div.tab-container ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}
div.lrg-container div.tab-container ul li
{
    margin: 0;
    display: inline;
}


.tabs li img, div.lrg-container div.tab-container ul li img
{
 vertical-align:top;
}
.tabs a:hover, .tabs a.tab-active
{
    background: #fff url( "../images/design/bluetab25px_lightbordertop.gif" ) repeat-x;
    border-right: 0px solid #fff;
}
div.lrg-container div.tab-container ul li a, .tabs a
{
    height: 20px;
    font: 10px verdana, helvetica, sans-serif;
    font-weight: bold;
    position: relative;
    padding: 6px 10px 10px 10px;
    margin: 0px -3px 0px -3px;
    color: #2B4353;
    text-decoration: none;
    border-left: 0px solid #fff;
    border-right: 0px solid #6D99B6;
    text-transform:uppercase;    
}
.tab-container
{
    background: #fff;
    border: 0px solid #527cbb;
}
.tab-panes
{
    margin: 0px;
    border-bottom: 1px solid #bdcde5;
    border-left: 1px solid #bdcde5;
    border-right: 1px solid #bdcde5;
    width:100%;
}
/*end new style for tabbed table widget */


/*for Table Display Styles*/
td {
	vertical-align:top;
}

table.commontbl
{
	border:		1px solid #888;
	padding:	0px;
	background:	white;
	empty-cells:	show;
}

table.commontbl td
{  	
    border-bottom:	1px solid #888;
    background:	#EEF;
    padding:	2px 1em 2px .5em;
}

table.commontbl td.labelcell 
{    
	padding:	2px 1em 2px .5em;
	text-align:	right;
	font-size:	12px;
	font-weight: bolder;
	color: Black;
	white-space: nowrap;
}

table.commontbl td.labelheader 
{    
	padding:	2px 1em 2px 20px;
	text-align:	left;
	font-size:	12px;
	font-weight: bolder;
	color: Black;
	white-space:normal;
}
table.commontbl tr.emptyrowseparator td
{
     background:	#7A85AE;
}
    
.view td{
	border-bottom:	1px solid #B6DC89;
	vertical-align:	top;
	padding:	2px;

}
.view th{
	background:	#7A85AE;
	margin:		0px;
	padding:	2px 1em 2px .5em;
	text-align:	center;
	font-size:	13px;
	font-weight:	bold;
	color:		white;
	white-space:	nowrap;
}

table.view {
	border:		1px solid #888;
	padding:	0px;
	background:	white;
	empty-cells:	show;
}

.minicart 
{
    border:solid 1px #cccccc;
    font-size:10px;
    padding:	0px;
    margin-bottom:10px;
    width:400px;
}
.minicart .view th
{
    padding:	1px 0.8em 1px .4em;
	text-align:	center;
	font-size:	11px;
}    
.minicart .view td
{    
	font-size:	10px;
}  

/*end table display styles*/
/*Cart Header values display*/
table.cartHeader
{
    border:		0px;
	padding-top: 0px;	
	vertical-align:top;	
	background:	white;
	empty-cells:	show;
	width:100%
}
table.cartHeader tr th
{
    border:		0px;
	padding-top: 0px;
	height:30px;
	vertical-align:top;	
	background:	white;
	empty-cells:	show;
	margin-top: 0px;
    color: #ff9966;
    font-size: 1.3em;
    font-weight: bold;
}
table.cartHeader tr td
{
    border: solid 1px #aaa;
	padding:	5px;
	vertical-align:top;		
	background:	white;
	empty-cells:	show;
	margin-top: 10px;
    color: #000;
    font-weight: bold;    
}
.MasterHeading 
{   
    font: 12px verdana, helvetica, sans-serif;
    font-weight: bolder;
    padding: 6px 10px 10px 10px;    
    color: #2B4353;
    text-decoration: none;
    border-bottom: 0px solid #6D99B6;
    text-transform:uppercase;    
}

a.help
{
    cursor:help
}

img.helpicon
{
    cursor:help;
}
/*help popup*/
#help {display: block; 
  position:absolute; 
  top:0; left:0;
  width: 400px; 
  height: auto;
  border:2px solid #039;
  z-index:101 !important;
  background-color: #F5FFFA;
  color: #996666;
   }
#help h1 {border-bottom: 3px double black; 
  font-size:12px; 
  margin:0; padding: 3px; 
  width:auto;
  z-index:1;
}
#help .close {
  cursor: pointer;
  float:right;
  font-size: 12px;
  font-weight: bold;
  padding: 3px;
  text-align: center;
  z-index:1;
  }
#help .helpcontents {margin:0; padding:4px; 
  overflow: scroll;
  color: black;
  background-color:white;
  height: auto;
  z-index: 1}
#help .note { font-size:12px; font-weight: bold; text-align: center; color: Red; margin:6px auto 6px auto}
#helpframe {position:absolute; left:0; top:0; width: 400px; height:200px; z-index:100;border:none}
/*end help popup*/

/* work around fix for IE 8 drop down menu issue*/
    .IE8Fix
    {
        z-index: 1000;
    }

.lightbox {display: block; 
  width: auto; 
  height: auto;
  border:thin solid #C5CFFA;
  background-color: #F5FFFA;
  color: #A5AAFA;
  padding:2px
   }
   
 .coremaincat
 {display: block; 
  width: 100%; 
  height: auto;
  border:thin solid #C5CFFA;
  background-color: #F5FFFA;
  color: #A5AAFA;
  padding:0px
   }
 .corefinalcat
 {display: block; 
  width: 100%; 
  height: auto;
  border:thin solid #C5CFFA;
  background-color: #F5FFAA;
  color: #A5AAFA;
  padding:0px
   } 
 .coreparentcat
 {display: block; 
  width: 100%; 
  height: auto;
  border:thin solid #C5CFFA;
  background-color: #55FFFA;
  color: #A5AAFA;
  padding:0px
   }
  .coremaincat table
  {
    width:100%;
  }
  
  .paging a{display: block; 
  width: 100px; 
  height: auto;
  border:thin solid #C5CFFA;
  background-color: #F5FFFA;
  color: #663333; /*A5AAFA;*/
  padding:2px 
   }


table.coreitemsdisplaygrid
{
    border:		1px solid #8BABD7;
	padding:	0px;
	background:	white;
	empty-cells:	show;  
}

.coreitemsdisplaygrid td
{
    border: 1px solid #8BABD7;
    padding:8px;
    min-height:200px;
    height:200px
}