/* CSS Document */

body{margin:0px; padding:0px; background-color:#FFFFCC; font:normal 12px/15px arial; color:#3e2f12; text-align:center;}
div,p, h2,h3,ul,li,a,span,ins,form,fieldset,input,select,button,textarea,label {padding:0; margin:0;}
ul{list-style:none; padding:0; margin:0;}
.clear{clear:both;}
.speacer{clear:both; line-height:0; height:auto;}
.input1{ width:105px; height:19px; border:1px solid #f6f3fa; background-color:#FFFFFF; font:bold 12px/15px arial; color:#000000;}

/*h1{font:bold 13px/18px arial; color:#51442a; margin:0px; padding:0 0 10px 0px;}*/
H1
{
    COLOR: #884849;
    FONT-FAMILY: verdana, arial;
    FONT-SIZE: 18px;
	font-weight: normal;
line-height: 1.2em;
padding:7px 0 7px 0; margin:0;
}
td
{
    COLOR: #666666;
    FONT-FAMILY: verdana, arial;
    FONT-SIZE: 12px;
}
a
{
COLOR: #666666;
FONT-FAMILY: verdana, arial;
FONT-SIZE: 12px;
text-decoration:none;

}
a:hover
{
color: #884849;
text-decoration:none;
}
h2{font:normal 25px/28px Tahoma; color:#FFFFFF; margin:0px; padding:0px;}

.text1{font:bold 13px/18px arial; color:#3e2f12; margin:0px; padding:0px;}
.text2{font:bold 13px/18px arial; color:#a80400; margin:0px; padding:0px;}
.text3{font:bold 11px/12px arial; color:#cc007a; margin:0px; padding:5px;}
.text4{font:normal 10px/12px arial; color:#8d5e42; margin:0px; padding:0px;}

.link1{font:normal 10px/12px arial; color:#8d5e42; margin:0px; padding:0px; text-decoration:underline;}
.link1:hover{color:#a80400; text-decoration:underline;}

/* MAIN BODY */
#mainBody{width:883px; margin:0px auto; padding:7px; border:1px solid #C8AC83; background-color:#FFFFFF; text-align:center;}
#mainBody .header{width:868px; height:160px; margin:0px; padding:0px;}
#mainBody .maincontent{width:883px;  margin:0px; padding:0px;}
/*#container #mid .m_mid { width:999px; border:1px solid #432314; border-top:none; margin:1px;}*/

#mainBody .footer{width:883px; margin:0px; padding:0px;}
#mainBody .bannerpart{width:883px; margin:0px auto; padding:8px 0 20px 0px; background-color:#FFFFCC; text-align:center;}

/* HEADER */
.header .logo{width:880px; height:101px; margin:0px; padding:0px; text-align:center;}
.header .logotext{width:880px; margin:0px; padding:0px;}
.header .logotext .phone{width:112px; height:20px; margin:0px; padding:0px; float:left;}
.header .logotext .cart{width:168px; height:20px; margin:0px; padding:0px; float:right;}
.header .navigation{width:880px;  height:36px; background-color:#99CDC9; margin:0px auto; padding:0px;}
.header .navigation .navright{width:880px; height:16px; margin:0px; padding:0px; float:left}
.header .navigation .navright2{width:880px; height:16px; margin:0px; padding:0px;}

/* MAIN CONTENT */
.maincontent .contentarea{width:870px; margin:0px auto; padding:0px;}

/* FOOTER */
.footer .ftopnav{width:867px; height:34px; background-color:#99CDC9; margin:0px auto; padding:0px;}
.footer .ftopnav ul{width:650px; margin:0px auto; padding:8px 0 0 0px; list-style:none;}
.footer .ftopnav ul li{margin:0px; padding:0 9px 0 9px; float:left; font:normal 12px/15px Verdana; color:#FFFFFF;}
.footer .ftopnav ul li a{font:normal 12px/15px Verdana; color:#FFFFFF; text-decoration:none;}
.footer .ftopnav ul li a:hover{font:bold 12px/15px Verdana;  text-decoration:none;}
.footer .footerimg{width:875px; height:31px; margin:0px auto; padding:0px;}

.footer .footerlink{height:70px; margin: 0px; padding:5px 0 5px 0px; text-align:center; font:bold 10px/12px Verdana; color:#A37E49; text-decoration:none; line-height:10px;}

.footerlink{font:bold 10px/12px Verdana; color:#666666; text-decoration:none;}
.footerlink:hover{color:#8d5e42; text-decoration:none;}

.smlink{font:bold 10px/12px Verdana; color:#666666; text-decoration:none;}
.smlink:hover{color:#8d5e42; text-decoration:none;}


/*Handle z-index issues*/
div.mlmenu *, div.mlmenujs *{
	z-index: 98;
}
*{
	z-index: 15;
}

/*this is the css for the horizontal version*/
div.horizontal{
	display: table;
	background:#99CDC9;
padding:0;
margin: 0;
	}
div.horizontal ul{
	border: none;
	list-style-type: none;
        padding:0;
        margin: 0;
	}
div.horizontal ul li{
	float: left;
	position: relative;
	text-align:center;
height: 20px;
padding:0;
margin: 0;
	
}
div.horizontal a{
	display: block;
	width:auto;
	text-decoration: none;
	height: 20px;

	overflow: hidden;
	border:none;
margin: 0px;
	padding:0px 0 0 0;
}
div.horizontal ul li ul{
	position: absolute;
	/*top:34px;*/
	left:0px;
        padding:0px;
	margin:0px;
	border:none;
	height: auto;
}
div.horizontal ul li ul li{
	float:none;
	position:relative;
	border:none;
	margin:0px;
	text-align:left;
	padding:0;
}
div.horizontal ul li ul li ul{
	width:128px;
	top:0;
	margin:0px;
padding:0;
}
div.horizontal ul li li a{
	border:none;
        height:25px;
	width:auto;
	padding:5px 0 5px 5px;
	/*padding:0;*/
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	/*border-bottom:1px solid #ccc;*/
}


/*Underline options. Kill the background, blocky look, and use text-decoration*/
div.underline{
	font-size: 95%;
}
div.underline ul.underline li a.hover, div.underline ul.underline li a:hover{
	text-decoration: none;
	background-color: transparent;
}


/*colors for menu*/
div.blackwhite li a, div.blackwhite ul, div.blackwhite li{
	background-color:#99CDC9;
	color:#FFFFFF;
	font-weight:bold;
	FONT-FAMILY: verdana, arial;
	font-size:11px;
	}
div.blackwhite li a:hover, div.blackwhite ul.trail a.hover{
	color: #A37E49;
	text-decoration: none;
}

div.blackwhite2 li a, div.blackwhite2 ul, div.blackwhite2 li{
	background-color:#99CDC9;
	color:#FFFFFF;
	font-weight:bold;
	FONT-FAMILY: verdana, arial;
	font-size:11px;
	}
div.blackwhite2 li a:hover, div.blackwhite2 ul.trail a.hover{
	color: #A37E49;
	text-decoration: none;
}

/*this is the css for the horizontal version*/
div.horizontal2{
	display: table;
	background:#99CDC9;
padding:0;
margin: 0;
	}
div.horizontal2 ul{
	border: none;
	list-style-type: none;
        padding:0;
        margin: 0;
	}
div.horizontal2 ul li{
	float: left;
	position: relative;
	text-align:center;
height: 16px;
padding:0;
margin: 0;
	
}
div.horizontal2 a{
	display: block;
	width:auto;
	text-decoration: none;
	height: 16px;

	overflow: hidden;
	border:none;
margin: 0px;
	padding:2px 0 0 0;
}
div.horizontal2 ul li ul{
	position: absolute;
	/*top:34px;*/
	left:0px;
padding:0px;
	margin:0px;
	border:none;
	height: auto;
	/*height: auto*/
}
div.horizontal2 ul li ul li{
	float:none;
	position:relative;
	border:none;
	margin:0px;
	text-align:left;
	padding:0;
}
div.horizontal2 ul li ul li ul{
	width:128px;
	top:0;
	margin:0px;
padding:0;
}
div.horizontal2 ul li li a{
	border:none;
height:20px;
	width:auto;
	/*padding:7px 0 5px 7px;*/
	padding:0;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}