#main-inner {
	background: url(images/nav-top-tile.png) top left repeat-x;
}
#block-menu-primary-links {

}
#content-inner {
	padding: 10px;
}
#block-menu-primary-links .content a {
	text-decoration: none;
	font-size: 1.8em;
	padding: 0 50px;
	background: url(images/nav-bar.png) 100% 50% no-repeat;
}
#block-menu-primary-links .content li.first a {
	padding-left: 0;
}
#block-menu-primary-links .content li.last a {
	background: none;
	padding-right: 0;
}
#block-menu-primary-links .content li {
	float: left;
}
#block-menu-primary-links ul {
	height: 17px;
}
a.active,
li.active-trail a {
	color: #941213;
}
#block-menu-primary-links .content ul ul {
	display: none;
}
#block-menu_block-1 .menu-name-book-toc-2 a {
	text-decoration: none;
	font-size: 1.4em;
	display: block;
	padding-left: 20px;
}
#block-menu_block-1 .menu-name-book-toc-2 ul.menu li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(images/nav-divider.png) bottom right no-repeat;
}
#block-menu_block-1 .menu-name-book-toc-2 ul.menu {
	padding: 10px 0 0 0;
	background: url(images/nav-divider.png) top right no-repeat;
}
#logo-image {
	display: block;
}

.view-slideshow .views-row {
	position: relative;
	height: 280px;
}
.view-slideshow .views-field-title {
	position: absolute;
	padding: 2px 5px;
	font-size: 0.9em;
	background: url(images/slideshow-label-back.png) top left repeat-x;
	width: 753px;
	color: white;
	font-weight: bold;
}
div.item-list ul.views-cycle-container,
div.item-list ul.views-cycle-container li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#content-top {
	position: relative;
}
#sidebar-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	height: 400px;
	width: 3px;
	background: url(images/sidebar-trans.png) top left repeat-y;
}
#block-block-1 {
	position: relative;
	z-index: 1;
}

/* Home Styles */
#block-menu_block-2 ul.menu li {
	width: 126px;
	float: left;
	border-left: 1px solid black;
	border-top: 1px solid black;	
	border-bottom: 1px solid black;	
}
#block-menu_block-2 ul.menu li.last {
	border-right: 1px solid black;
}
#block-menu_block-2 ul.menu {
	padding: 0;
	margin: 0;
}
#block-menu_block-2 .content ul.menu a {
	font-size: 1.2em;
	background: url(images/header-wood.jpg) top left no-repeat;
	color: white;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 3px;
	display: block;
	text-align: center;
	overflow: hidden;
}

#block-menu_block-2 .content ul.menu li {
	height: 120px;
}

#block-menu_block-2 .menu-mlid-381 {
	background: url(images/home/decking.jpg) bottom left no-repeat;
}
#block-menu_block-2 .menu-mlid-382 {
	background: url(images/home/siding.jpg) bottom left no-repeat;
}
#block-menu_block-2 .menu-mlid-384 {
	background: url(images/home/roofing.jpg) bottom left no-repeat;
}
#block-menu_block-2 .menu-mlid-386 {
	background: url(images/home/fencing.jpg) bottom left no-repeat;
}
#block-menu_block-2 .menu-mlid-388 {
	background: url(images/home/flooring.jpg) bottom left no-repeat;
}
#block-menu_block-2 .menu-mlid-390 {
	background: url(images/home/materials.jpg) bottom left no-repeat;
}
#block-menu_block-2 .menu-mlid-390 a {
	font-size: 0.8em !important;
	line-height: 0.85em;
}
#content-bottom .content a {
	text-decoration: none;
	color: #767676;	
}
#content-bottom .content a:hover,
#content-bottom .content a.active {
	color: #941213;
}
#content-bottom {
	color: #767676;
	min-height: 175px;
}
.block-inner h2 {
	margin: 0;
}
#content-bottom ul.menu {
	margin: 0;
	padding: 0;
}
.content-box {
	background: url(images/content-box-bottom.png) bottom left no-repeat;
}
.content-box-inner {
	background: url(images/content-box-top.jpg) top left no-repeat;
	padding: 4px;
}
#product_images img {
	display: block;
}
#product_right {
	margin-left: 15px;
	width: 305px;
	float: right;
}
.book-navigation {
	clear: both;
}
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 279px; 
    height:43px;
} 
#product_thumbs {
	position: relative;
	width: 279px;
	padding: 5px 12px;	
}
#product_thumbs img {
	border: 1px solid #737373;
}
a.nextPage,
a.prevPage {
	width: 11px;
	height: 10px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	background-repeat: no-repeat;
	background-position: top left;
	cursor: pointer;
}
a.nextPage {
	background-image: url(images/arrow-right.png);
	right: 0px;
}
a.prevPage {
	background-image: url(images/arrow-left.png);
	left: 0px;
} 
a.disabled {
	cursor: default;
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
}
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable ul.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
margin: 0;
padding: 0;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable ul.items li { 
    float:left; 
		list-style: none;
		margin: 0 4px;
} 
 
/* you may want to setup some decorations to active the item */ 
div.items li.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

/* Overlay Styles */

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(images/close.png);
	position:absolute;
	right:-10px;
	top:-10px;
	cursor:pointer;
	height:28px;
	width:28px;
}


/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(images/h80.png) repeat-x;		
}

.panes {
	background: url(images/tabcontents-bottom.png) bottom left no-repeat;
	padding-bottom: 5px;
	margin: 0 -15px;
	position: relative;
	z-index: 0;
}
.panes-inner {
	background: url(images/tabcontents-top.jpg) top left no-repeat;
}
.panes-inner div {
	padding: 15px 15px 10px 15px;
}

/* Tab Styles */
#tabs {
	margin-bottom: 30px;
	clear: both;
}
#tabs ul.tabs {
	margin: 0 0 0 -16px;
	padding: 0;
	height: 24px;
	position: relative;
	z-index: 1;
}
#tabs ul.tabs li {
	float: left;
	margin: 0;
	list-style: none;
}
#tabs ul.tabs li span,
#tabs ul.tabs li a  {
	display: block;
	text-decoration: none;
	font-size: 1.2em;
}
#tabs ul.tabs li span {
	padding: 7px 40px 8px 5px;	
}
#tabs ul.tabs li a {
	padding-left: 8px;
}
#tabs ul.tabs li a {
	background: url(images/tabs/tab-left-off.png) top left no-repeat;
}
#tabs ul.tabs li span {
	background: url(images/tabs/tab-right-off.png) top right no-repeat;
}
#tabs ul.tabs li.first a {
	background: url(images/tabs/first-tab-left-off.png) top left no-repeat;
}
#tabs ul.tabs li.first a.current {
	background: url(images/tabs/first-tab-left-on.png) top left no-repeat;
}
#tabs ul.tabs li a.current {
	background: url(images/tabs/tab-left-on.png) top left no-repeat;
}
#tabs ul.tabs li a.current span {
	background: url(images/tabs/tab-right-on.png) top right no-repeat;
}

.content-box .node-type-webform h2 {
	text-decoration: none;
	color: #941213;
	margin: 0;
}
.content-box .node-type-webform {
	padding: 5px;
}
.content-box .node-type-webform label {
	display: none;
}
.content-box input.form-submit {
	background: url(images/button-back.png);
	border: 0;
	width: 65px;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
}
.content-box .node-type-webform form {
	text-align: right;
}
.webform-component-email,
.webform-component-textarea {
	text-align: left;
}
#question_form {
	margin: 25px 0;
}

.view-footer-catalog-links div.item-list ul,
.view-footer-catalog-links div.item-list li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.view-footer-catalog-links div.item-list ul {
	padding: 0 5px;
}
#block-views-footer_catalog_links-block_1 {
	width: 60%;
	float: left;
}
.view-footer-catalog-links div.item-list li {
	width: 33%;
	float: left;
}
#block-menu-menu-ordering-help,
#block-menu-menu-our-vendors {
	width: 20%;
	float: left;
}
#block-menu-menu-ordering-help ul.menu,
#block-menu-menu-our-vendors ul.menu {
	padding: 0 5px;
}

.book-navigation {
	margin-top: 20px;
}

.form-textarea {
	width: 100%;
}
#field_tab_contents_values {
	width: 100%;
}