html, body {
	margin:0;
	background-color:#777777;
	height:100%;
	min-width:830px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(/app_themes/dhicorp/images/dhibantop.jpg);
	background-repeat:repeat-y;
	background-position:center;
}

p {
	margin-top:0;
	margin-bottom:10px;
}

.mainContainer {
	width:830px;
	min-height:100%;
	margin:0 auto;
	text-align:left;
}

.setup_header {
	float:left;
	display:block;
	width:822px;
	min-height:70px;
	margin-left:5px;
	#margin-left:6px;
	_margin-left:6px;
	background-color:#cbcbcd;
	padding-bottom:3px;
	#padding-bottom:0px;
	_padding-bottom:0px;
}

.logo {
	float:left;
	display:block;
}

.menu1 {
	float:right;
	display:block;
	width:600px;
	text-align:center;
	margin-right:6px;
	margin-top:55px;
}

.menu1 a {
    color:#10297b;
    text-decoration:none;
    font-weight:bold;
    font-size:11px;
}

.menu1 a:hover {
    color:#000000;
    
}

.menu1 a.leftLink {
    border-right:solid 1px #10297b;
    padding-right:25px;
}

.menu1 a.centerLink {
    border-right:solid 1px #10297b;
    padding-right:25px;
    padding-left:25px;
}

.menu1 a.rightLink {
    padding-left:25px;
}

.setup_leftCol {
	float:left;
	width:200px;
	margin-left:5px;
	#margin-left:6px;
	_margin-left:6px;
}

.setup_content {
	float:right;
	width:600px;
	margin-right:5px;
	margin-top:30px;
	font-size:13px;
	color:#000000;
}

/*Style for footer menu*/
.setup_footer {
	float:right;
    clear:both;
    width:600px;
	margin-right:5px;
    padding-bottom:40px;
	margin-top:50px;
	text-align:center;
}

.setup_footer a {
    color:#10297b;
    text-decoration:none;
    font-weight:normal;
    font-size:11px;
}

.setup_footer a:hover {
    color:#000000;
}

.setup_footer a.leftLink {
    padding-right:20px;
}

.setup_footer a.centerLink1 {
    padding-right:20px;
    padding-left:20px;
}

.setup_footer a.centerLink2 {
    padding-right:20px;
    padding-left:20px;
}

.setup_footer a.rightLink {
    padding-left:20px;
}

.menu2 
{
    float:left;
	display:block;
	margin-left:25px;
	margin-top:30px;
	margin-bottom:30px;
    width:150px;
    text-align:center;
}

.menu2 a
{
    color:#cbcbcd;
    text-decoration:none;
    font-size:14px;
}

.menu2 a:hover
{
    color:#ffffff;
    
}

.menu2 hr
{
    color: #ffffff;
    background-color: #ffffff;
    height: 2px;
    border:none;
    margin:10px;
}

.menu2 sup
{
    font-size:x-small;
    vertical-align:super;
}

/*----------------------------------------------------------------*/
/*BANNER CYCLER*/
#banner {
	float:left;
	display:block;
	background-color:#6a3b2a;
	width:820px;
	height:300px;
	margin-left:5px;
	#margin-left:6px;
	_margin-left:6px;
	padding:0;
	border-top:5px solid #6a3b2a;
	border-bottom:5px solid #6a3b2a;
}

#bannerImage {
	float:left;
	display:block;
	margin:0px;
	padding:0px;
	width:820px;
	height:300px;
	z-index:1;
}

/*default opacity for IE*/
img {
	filter:alpha(opacity=100);
}
	
img.bannerImage {
	float:left;
	display:block;
	margin:0px;
	padding:0px;
	width:820px;
	height:300px;
	z-index:1;
}

/* duplicate image positioning */
img.idupe {
	float:left;
	display:block;
	margin:0px;
	padding:0px;
	width:820px;
	height:300px;
	z-index:1;
	visibility:hidden;
}

.txtHeader {
    color:#000000;
    font-weight:bold;
    font-size:14px;
}



.whFooter {
    color:#6a3b2a;
    font-style:italic;
    font-weight:bold;
    float:left;
    clear:both;
    font-size:medium;
    width:500px;
}

.whFooter a {
    color:#6a3b2a;
    font-style:italic;
    font-weight:bold;
    font-size:medium;
    text-decoration:underline;
}

.txtHeader a {
    color:#6a3b2a;
    font-style:italic;
    font-weight:bold;
    font-size:medium;
    text-decoration:underline;
}

.introText {
    width:240px;
    float:left;
    font-size:small;
}

.introImage {
    margin:0px;
    padding:0px;
    float:right;
}

.callout {
	color:#6a3b2a;
	font-style:italic;
	font-weight:bold;
}

/*  LOGIN BOX CONTROL */
.loginBox
{
    background-color:#E9E0C1;
    border-color:#6a3b2a;
    padding:5px;
    margin-left:110px;
    border-style:groove;
    border-width:1px;
    color:#000000;
    text-align:center;
}

.loginBox a
{
    color:#000000;
    text-decoration:underline;
}

.loginBox a:hover
{
    color:#6a3b2a;
}

.loginBoxTitle
{
    background-color:#6a3b2a;
    color:#E9E0C1;
    font-weight:bold;
}

.loginBoxButton
{
    background-color:#E9E0C1;
    border-color:#6a3b2a;
    border-style:groove;
    border-width:1px;
    color:#000000;
    text-align:center;
}

.loginTextBox
{
    border-color:#6a3b2a;
    border-style:groove;
    border-width:1px;
    background-color:#ffffff;    
}



#loginStatus
{
    margin-top:40px;
    margin-left:10px;
    width:170px;
    float:left;
    overflow:hidden;
    font-size:small;
}

.orderGrid
{
    border:solid 1px black;
    width:560px;
}

.orderGrid td
{
    border:solid 1px black;
}

.dvHeader
{
    color:#000000;
    background-color:#E9E0C1;
    padding-top:2px;
    padding-bottom:2px;
    font-weight:bold;
}

.nonSelectedRow
{
    color:#000000;
    background-color:#eeeeee;
    padding-top:2px;
    padding-bottom:2px;
}

.orderDetailLines
{
    background-color:#ffffff;
}

.gvHeader
{
    color:#E9E0C1;
    background-color:#6a3b2a;
}

.gvHeader td
{
    border:solid 1px black;
}
.gvControl
{
    color:#6a3b2a;
}

.orderGrid a
{
    color:#C9C0A1;
    text-decoration:none;
    font-weight:bold;
    font-size:small;
}

.orderGrid a:hover
{
    color:#C9C0A1;
    
}
a.gvSelectButton
{
    color:#6a3b2a;
    text-decoration:none;
    font-weight:bold;
    font-size:small;
}

.gvSelectButton a:hover
{
    color:#C9C0A1;
    
}

#accountResults
{
	color:Red;
}

/* Style for tLinks (standard text hyperlinks) */
.tLink
{
    color:Blue;
    text-decoration:underline;
    margin:0px;
}

#orderPageHeader
{
    font-size:medium;
    text-decoration:underline;
}





.changePasswordBox
{
    background-color:#E9E0C1;
    border-color:#6a3b2a;
    padding:5px;
    margin-left:0px;
    position:relative;
    top:30px;
    border-style:groove;
    border-width:1px;
    color:#000000;
    text-align:center;
}

.continueButton
{
	visibility:hidden;
}




#membershipBox
{
    color:#E9E0C1;
    background-color:#6a3b2a;
    padding-top:5px;
    padding-bottom:5px;
    margin-left:5px;
    margin-top:30px;
    width:145px;
    text-align:center;
}

#membershipBox a
{
    color:#E9E0C1;
    font-size:medium;
    font-weight:bold;
    text-decoration:none;
}

#membershipBox a:hover
{
    color:#C9C0A1;
}

#membershipBox .accountCommand 
{
    font-size:small;
    font-weight:normal;
}

#membershipBox #membershipBoxHeader 
{
    font-variant:small-caps;
    font-size:small;
    font-weight:bold;
    padding-bottom:10px;
}

#membershipBox hr
{
    color: #E9E0C1;
    background-color: #E9E0C1;
    height: 1px;
    border:none;
    margin:10px;
}

.introTitle
{
    font-size:medium;
    font-style:italic;
}

#introMenu
{
    margin-top:5px;
    float:left;
}

#introMenu a
{
    color:#6a3b2a;
    text-decoration:none;
    font-weight:bold;
    font-size:small;
    margin:20px;
}

#introMenu a:hover
{
    color:Maroon;
}

#news
{
    padding-top:18px;
    float:right;
    text-align:left;
    border-left:solid 1px black;
    padding-left:20px;
    width:270px;
}

input.lightButton {
	background-color:#F4F0DA;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#6a3b2a;
	text-align:center;
	border:1px solid #E9E0C1;
	padding:2px;
}

input.darkButton {
	color:#F4F0DA;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	background-color:#6a3b2a;
	text-align:center;
	border:1px solid #E9E0C1;
	padding:2px;
}

.ctl00_browse_searchMenuTree_0 { color:DarkRed;font-size:Small;text-decoration:none; }
.ctl00_browse_searchMenuTree_1 { color:Black; }
.ctl00_browse_searchMenuTree_2 {  }
.ctl00_browse_finishTree_0 { color:DarkRed;font-size:Small;text-decoration:none; }

.menu_products {
	float:left;
	display:block;
	width:150px;
	text-align:left;
	margin-left:25px;
	margin-top:30px;
}

.menu_productTitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
}

.menu_productList {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8F3032;
	font-weight:bold;
	margin-bottom:20px;
}

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


.menu_productList ul a {
	color:#6a3b2a;
	font-weight:bold;
	display: block;
	width: 125px;
	text-decoration: none;
	padding:4px 0px 4px 10px;

}

.menu_productList ul a:hover {
	font-weight:bold;
	color:#000000;

}

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


.menu_productList ul ul a {
	color:#6a3b2a;
	font-weight:normal;
	display: block;
	width: 125px;
	text-decoration: none;
	padding:4px 0px 4px 25px;

}

.menu_productList ul ul a:hover {
	font-weight:normal;
	color:#000000;

}

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


.menu_productList ul ul ul a {
	color:#6a3b2a;
	font-weight:normal;
	display: block;
	width: 125px;
	text-decoration: none;
	padding:4px 0px 4px 35px;

}

.menu_productList ul ul ul a:hover {
	font-weight:normal;
	color:#000000;

}

.menu_productList p {
	padding-left: 15px;
	padding-bottom: 10px;
}

.redButton {
	color:White;
	background-color:DarkRed;
	border:1px solid #000000;
	font-size:Small;
}

/*Style for search intro images*/
.intro
{
    padding-top:10px;
    padding-right:45px;
    float:right;
    width:550px;
    text-align:center;
}

.intro a
{
    float:right;
    width:100px;
    height:400px;
    margin-right:40px;
}

.lighting a
{
    background-image:url('../images/lnf1.jpg');
}

.lighting a:hover
{
    background-image:url('../images/lnf2.jpg');
}

.furniture a
{
    background-image:url('../images/bf1.jpg');
}

.furniture a:hover
{
    background-image:url('../images/bf2.jpg');
}

.plumbing a
{
    background-image:url('../images/pp1.jpg');
}

.plumbing a:hover
{
    background-image:url('../images/pp2.jpg');
}

.hardware a
{
    margin-right:0px;
    background-image:url('../images/h1.jpg');
}

.hardware a:hover
{
    background-image:url('../images/h2.jpg');
}