/* B & I Nameplate FRONT PAGE Stylesheet */

#slider {
	width: 620px;
	margin: 20px auto;
	position: relative;
}
.scroll {
	height: 250px;
	width: 620px;
	overflow: auto;
	overflow-x: hidden;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	background: #fff url(/img/2007/content_pane-gradient.gif) repeat-x scroll left bottom;
}
.scrollContainer div.panel {
	padding: 20px;
	height: 210px;
	width: 580px; /* change to 560px if not using JS to remove rh.scroll */
}
#slider ul.slidenav {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}
#slider ul.slidenav li {
    display: inline;
    margin-right: 10px;
}
#slider ul.slidenav a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}
#slider ul.slidenav a:hover {
    background-color: #f6f6f6;
}
#slider ul.slidenav a.selected {
    background-color: #fff;
}
#slider ul.slidenav a:focus {
    outline: none;
}
.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}
.scrollButtons.left {
  left: -20px;
}
.scrollButtons.right {
  right: -20px;
}



div#sidebar div h4 {
	padding: 16px 0 0;
	margin: 0 10px 5px 95px;
}
div#sidebar img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
div#sidebar div#industrial img {
	left: -10px;
}
div#sidebar div#commercial img {
	left: -15px;
	top: 15px;
}
div#sidebar div#custom h4 {
	margin: 0 10px 10px;
	padding-top: 6px;
}
div#sidebar div a.overlink {
	position: absolute;
	width: 300px;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	display: block;
}
div#sidebar {
	margin-bottom: 25px;
}
div#sidebar div {
	position: relative;
	min-height: 100px;
	margin: 0 10px 0 0;
	float: left;
	width: 300px;
}
div#sidebar div ul {
	padding: 0 10px 15px 85px;
	list-style: disc;
	width: 205px;
	min-height: 41px;
}
div#sidebar div ul li {
	margin: 0 0 5px 23px;
	float: left;
}
div#industrial {
	background: #cacea2 url(/img/2007/industrial.png) no-repeat left top;
}
div#industrial ul {
	background: url(/img/2007/industrial_btm.png) no-repeat left bottom;
}
div#commercial {
	background: #91ad93 url(/img/2007/commercial.png) no-repeat left top;
}
div#commercial ul {
	background: url(/img/2007/commercial_btm.png) no-repeat left bottom;
}
div#custom {
	background: #b8b8b8 url(/img/2007/custom.png) no-repeat left top;
}
div#sidebar div#custom {
	width: 180px;
}
div#custom p {
	padding: 0 10px 6px;
	min-height: 55px;
	background: url(/img/2007/custom_btm.png) no-repeat left bottom;
}
div#sidebar div#commercial {
	margin: 0;
}
div#how {
	padding: 10px;
	min-height: 132px;
	margin-bottom: 15px;
}
div#how ol {
	width: 780px;
	height: 150px;
	margin: 0 auto;
	background: url(/img/2007/frontsteps.png) no-repeat left top;
}