/* Bow down to the many masters including Douglas Bowman and Jeffrey Zeldman! */
body {
	background-image: url("../images/bg-center-03.gif");
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #EEEEDD;
}
div#container {
	margin: 0 auto;
	padding: 8px 25px 20px 27px;
	/* Tantek's IE5 padding hack */
	width:762px;
	voice-family: "\";}\""; 
		voice-family:inherit;
  		width:710px;
  	}
  	html>body div#container{width:710px;}
div#top {
	margin: 0 auto;
	height: 65px;
	width: 100%;
	background-image: url("../images/bg-center-top6.gif");
	background-repeat: repeat-y;
	background-position: center;
}
div#top h1 {
	color: #000;
	text-align: right;
	width: 660px;
	margin: 0 auto;
	padding: 13px 0px 0 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 42px;
	font-weight: normal;
} 
div#bottom {
	clear: both;
	margin: 600px auto 0 auto;
	height: 40px;
	width: 100%;
	background-image: url("../images/bg-center-top6.gif");
	background-repeat: repeat-y;
	background-position: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EEEEDD;
	text-align: right;
}
div#bottom h1 {
	color: #000;
	text-align: right;
	width: 660px;
	margin: 0 auto;
	padding: 13px 0px 0 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
}
div#left {
	display: block;
	text-align:left;
	float: left;
	width: 500px;
	margin: 0px;
	padding: 0;
}
div#left-catalogue {
	display: block;
	text-align:left;
	float: left;
	width: 710px;
	margin: 0px;
	padding: 0;
}
div#right {
	text-align: left;
	float: right;
	padding: 20px 20px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	/* Tantek's IE5 padding hack */
	width:205px;
	voice-family: "\";}\""; 
	voice-family:inherit;
 	width:185px;
  	}
  	html>body div#right{width:185px;}
div#menu-catalogue {
	text-align: left;
	float: left;
	padding: 15px 12px 0 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	/* Tantek's IE5 padding hack, again! Argh... hard to satisfy some. */
	width:185px;
	voice-family: "\";}\""; 
	voice-family:inherit;
 	width:175px;
  	}
  	html>body div#right{width:175px;}

div#menu-catalogue h2{
	font-family: "Trebuchet MS", georgia, helvetica, verdana, sans-serif;
	font-size: 22px;
	line-height:22px;
	font-weight: normal;
	color: #330033;
}
#menu {
	text-align: center;
	overflow: hidden;
	width:100%;
	margin: 0;
	height: 25px;
	background:#DAE0D2 url(../images/bg-center-top6.gif) repeat-y center;
	font-family: Georgia, Helvetica, "Times New Roman", serif;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEDD;
  }
#menu ul {
	width: 700px;
	margin:0 auto;
	padding:0 0 0 14px;
	list-style:none;
  }
#menu li {
  float:left;
  background:url("../images/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
  }
#menu a {
  float:left;
  display:block;
  background:url("../images/right.gif") no-repeat right top;
  padding:5px 15px 6px 6px;
  text-decoration:none;
  font-weight:normal;
  color:#000;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#menu a {float:none;}
/* End IE5-Mac hack */
#menu a:hover {
  color:#000;
  text-decoration:underline;
  }
#menu #current {
  background-image:url("../images/left_on.gif");
  border-bottom-width: 0px;
  }
#menu #current a {
  background-image:url("../images/right_on.gif");
  font-weight:bold;
  color:#333;
  padding-bottom:7px; 
  }
.clear {
 clear: both;
 line-height: 0px;
 }
#menu2 p{
	margin:4px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
  }

 
 
 /* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0; 
	width: 486px; /* ems so it will grow */
	background:  url(../images/sbbody-r2.gif) no-repeat bottom right;
	text-align:left;	
	font-family: "Trebuchet MS", georgia, helvetica, verdana, sans-serif;
	font-size: 28px;
	font-weight: normal;
}

.boxhead {
	background:  url(../images/sbhead-r2.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.boxhead h2 {
	background:  url(../images/sbhead-l2.gif) no-repeat top left;
	margin: 0;
	padding: 25px 30px 0px 35px;
	font-family: "Trebuchet MS", georgia, helvetica, verdana, sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #330033;
}
.boxbody {
	background:  url(../images/sbbody-l2.gif) no-repeat bottom left;
	margin: 0;
	padding: 1px 35px 22px 35px;
	font-family: "Trebuchet MS", "Lucida Grand", "Lucida Sans Unicode", lucida, georgia, helvetica, verdana, sans-serif;
	font-size: 13px;
	color: #003300;
	line-height: 18px;
}
td {
	text-align:left;	
	font-family: "Trebuchet MS", "Lucida Grand", "Lucida Sans Unicode", lucida, georgia, helvetica, verdana, sans-serif;
	font-size: 13px;
	color: #003300;
	padding-left:10px;
}

 /* Show only to IE PC \*/
* html .imageboxhead h2 {height: 1%;} /* For IE 5 PC */

.sideimagebox {
	float: left;
	margin: 0;
	background:  url(../images/sbbody-r2.gif) no-repeat bottom right;
	text-align:left;
}
.imageboxhead {
	background:  url(../images/sbhead-r2.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.imageboxhead h2 {
	background:  url(../images/sbhead-l2.gif) no-repeat top left;
	margin: 0;
	padding: 16px 20px 0px 20px;
	color: #330033;
	font-family:  verdana, "Trebuchet MS", georgia, helvetica,sans-serif;
	font-size: 11px;
	font-weight: normal;
	}
.imageboxbody {
	background:  url(../images/sbbody-l2.gif) no-repeat bottom left;
	margin: 0;
	padding: 4px 13px 13px 15px;
	font-family: "Trebuchet MS", "Lucida Grand", "Lucida Sans Unicode", lucida, georgia, helvetica, verdana, sans-serif;
	font-size: 13px;
	color: #003300;
	line-height: 18px;
}
.imageboxbody img{
	display: block;
	}
.wholesale-gray {
	background-color:#DEDEE0;
	padding-left:7px;
}
.wholesale-spacer {
	height: 30px;
	display: block;
}