/*General Layout*/

body
{
	background: #91350D url(images/structure/red_stripes.jpg);
	margin:0px;
	padding:0px;

}

li
{
list-style-image: url(images/structure/bullet.gif);
}

#content
{
	margin: auto;
	margin-top:50px;
	background: #FCFCED url(images/structure/content_background.jpg);
	width:800px;
	border: 2px solid #7E310F;

}

#wrapper
{
	width:800px
	margin-bottom:5px;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
}


#guard
{height:100%;
overflow:auto;}

#wrapper img
{
	margin:0px 8px 8px 8px;
}

#wrapper p
{
	margin-right:20px;
	margin-left:25px;
	overflow-x:auto;
	overflow-y:visible;
}

#wrapper h2, #wrapper h3
{
	margin-left:25px;
}

#wood_bar
{
	margin:0px;
	width:100%;
	background: url(images/structure/wood_bar.jpg);
	height:30px;

}

#guarantee
{
	margin:0px;
	margin-top:5px;
	height:28px;
	background: #DDDDC6;
	border-bottom:1px solid #FCFCED;
}

a:link
{
	color:#91350D;
}

a:visited
{
	color:#91350D;
}

a:hover
{
	color:#B6B6A1;
}

h2
{
	color:#91340D;
	font-variant:small-caps;
	font-family:serif;
	letter-spacing:3px;
	font-size:130%;
	font-weight:normal;
	margin:2px;
	padding:0px;
}

h3
{
	color:#91340D;
	font-variant:small-caps;
	font-family:serif;
	letter-spacing:3px;
	font-size:110%;
	font-weight:normal;
	margin:2px;
	padding:0px;
}

#small
{
	font-size:70%;
	font-style:italic;
}

p
{
	font-size:80%;
	color:black;
	letter-spacing:1px;
}

li
{
	font-size:80%;
	color:black;
	letter-spacing:1px;
}

table
{
	width:100%;
	margin:0px;
	padding:0px;
}

td
{
	font-size:80%;
	color:black;
	letter-spacing:2px;
	padding:2px;
	margin:0px;
}

/*Front Page Styles*/


#image
{	
	background: url(images/structure/image_frame.jpg) no-repeat;
	width:540px;
	height:450px;
	margin:5px;
	margin-right:0px;
	float:left;
}

#wrapperhome
{
	width:800px
	margin-bottom:5px;
	height:455px;
}

#featured
{
	background: url(images/structure/feature_frame.jpg) no-repeat;
	width:230px;
	height:450px;
	float:right;
	margin-top:3px;
}

.featurecontent
{
	width:180px;
	margin-left:32px;
	font-variant:small-caps;
	letter-spacing:2px;
	font-size:10px;
}

div[class="featurecontent"]
{
font-size:12px;
}


.featurecontent img
{
	padding-bottom:0px;
	padding-top:4px;
}


#banners
{
	width:540px;
	height:140px;
	margin-top:30px;
}

#box
{
	background: url(images/structure/special_box.jpg) no-repeat;
	width:160px;
	height:110px;
	margin-left:12px;
	position:relative;
	padding-left:5px;
	padding-top:6px;
	float:right;

}

#request a { display:block; width:150px; height:97px; background: url(images/structure/request.jpg) top left no-repeat;}
#request a:hover { background-position:0px -100px;}

#jrbeall a { display:block; width:150px; height:97px; background: url(images/structure/jrbeall.jpg) top left no-repeat;}
#jrbeall a:hover { background-position:0px -100px;}

#clock a { display:block; width:150px; height:97px; background: url(images/structure/clock.jpg) top left no-repeat;}
#clock a:hover { background-position:0px -100px;}

/* Lower Page Styles */

#fancybox
{
	background: url(images/structure/middle_box.jpg) repeat-y;
	width:760px;
	margin:auto;
	float:none;

}

#fancybox li
{
margin-left:15px;	
}

#fancybox h3
{
margin-left:30px;	
}

#fancybox_top
{
	background: transparent url(images/structure/top_box.jpg) no-repeat;
	width:100%;
	height:35px;
}

#fancybox_bottom
{
	background: transparent url(images/structure/bottom_box.jpg) no-repeat;
	width:100%;
	height:30px;
	margin-top:10px;
}

#fancybox p, #fancybox h2
{
	margin-left:30px;
	margin-right:20px;
}

#fancybox #greenbox_outer
{
margin-left:30px;
	margin-right:20px;	
}

#fancybox td
{
	vertical-align:top;
	text-align:center;
}

#fancybox #bits td
{
	text-align:right;
}

#fancybox img
{
	border:1px solid #91380D;
}

#fancybox table
{
	margin-bottom:20px;
	width:80%;
	margin-left:75px;
}

#fancybox form
{
	margin-left:30px;
	font-size:80%;
	letter-spacing:1px;
}

#greenbox_outer
{
	background:#DDDDC6;
	border: 1px solid #A9A995;
	padding:5px;
	width:90%;
	margin:auto;
}

#greenbox_inner
{
	background:#DDDDC6;
	border: 1px solid #A9A995;
	padding:3px;
}

#greenbox_inner p
{
color:#8B8B7B;
}

#listing
{
	width:710px;
	margin-left:30px;
	margin-right:20px;
	height:35px;
}

#name
{
	float:left;
	margin-top:4px;
	letter-spacing:1px;
	font-size:80%;
	width:500px;
}

#name em, #name strong
{
	font-size:80%;
}

#price
{
	float:right;
	margin-top:4px;
	margin-right:20px;
	letter-spacing:1px;
	font-size:80%;
	text-align:justify;
	vertical-align:bottom;
}

#add
{
	float:right;
	width:130px;
	height:23px;
}

#fancybox hr
{
	width:90%;
	border:1px solid #91350D;

}

#add a { display:block; width:110px; height:23px; background: url(images/structure/addtocart.gif) top left; background-repeat:no-repeat;}
#add a:hover { background-position:0px -30px;}

/* Navbar Styles */

#navbar
{
	margin:0px;
	width:100%;
	height:25px;
	background: #DDDDC6;
	border-top:1px solid #FCFCED;
	position:relative;
}

#nav {
	position: relative;
	top: 0px;
	left: 0px;
	list-style: none;
	margin: 0;
	margin-top:3px;
	margin-left:6px;
	padding: 0;
	height: 18px;
	overflow: hidden;
	width: 500px;
	}
	
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	color:#7e310f;
	float:left;
	font-family:Times;
	font-size:14px;
	font-weight:bold;
	margin-left:5px;
	text-align:center;
	text-decoration:none;
	}
	
#nav a:hover {
	color:#91350D;
	}
	
#cartbutton {
	position: absolute;
	top: 0px;
	left: 650px;
	list-style: none;
	margin: 0;
	margin-top:3px;
	margin-left:3px;
	padding: 0;
	height: 20px;
	display: inline;
	overflow: hidden;
	width: 150px;
	}
	
	
#cartbutton li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#cartbutton a {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
	}
	
#cartbutton a:hover {
	background-position: 0px -25px;
	}

#home a  {
	width: 50px;
	/*background: url(images/structure/home2.jpg) top left no-repeat;*/
	}

#products a  {
	width: 75px;
	/*background: url(images/structure/products.jpg) top left no-repeat;*/
	}

#contact a  {
	width: 92px;
	/*background: url(images/structure/contact.jpg) top left no-repeat;*/
	}

#instructions a  {
	width: 96px;
	/*background: url(images/structure/instructions.jpg) top left no-repeat;*/
	}

#links a  {
	width: 64px;
	/*background: url(images/structure/links.jpg) top left no-repeat;*/
	}

#cart a  {
	width: 150px;
	background: url(images/structure/cart.jpg) top left no-repeat;
	}
	
#catalog a  {
	width: 150px;
	background: url(images/structure/request.jpg) top left no-repeat;
	}		



/*------------Original Website Style Above This Line-----------------*/


/*-------------Under this line is new style that only applies to new/updated pages-------------*/


#priceSizeContainer {
	height:300px;
	margin:auto;
	margin-top:40px;
	width:600px;
	}
.indivProduct {
	float:left;
	height:25px;
	width:175px;
	}
.indivProduct a {
	float:left;
	font-size:80%;
	margin:0px;
	padding:0px;
	text-align:right;
	width:60px;
	}
.indivProduct p {
	float:left;
	margin:0px;
	padding:0px;
	text-align:right;
	width:60px;
	}
.indivProduct strong {
	margin:0px;
	padding:0px;
	}
.underline {
	text-decoration:underline;
	}

#categoryHolder {
	height:700px;
	margin:auto;
	width:600px;
	}
	.categoryItem {
		float:left;
		height:170px;
		text-align:center;
		width:200px;
		}
		
/*--- This is the style for the navigation. ---*/
#nav {
	}
	#nav ul {
		width:100px;
		position:absolute;
		margin-top:100px;
		float:left;
		z-index:1000;
		}

/*--- This is the style for the Cross Section images. ---*/
#system {
	margin:0px;
	padding:0px;
	}
#crSection {
	margin:auto;
	text-align:center;
	}
.crSectionLink {
	margin:0px;
	padding:0px;
	display:block;
	}
.imageTag {
	height:50px;
	position:absolute;
	width:50px;
	}
.textTag {
	height:50px;
	position:absolute;
	width:50px;
	}
	#taper {
		height:27px;
		margin-left:48px;
		margin-top:310px;
		width:174px;
		}
		#taperText {
			height:16px;
			margin-left:35px;
			margin-top:347px;
			width:188px;
			}
	#adaptor {
		height:62px;
		margin-left:182px;
		margin-top:213px;
		width:162px;
		}
		#adaptorText {
			height:40px;
			margin-left:48px;
			margin-top:98px;
			width:168px;
			}
	#extension {
		height:64px;
		margin-left:328px;
		margin-top:294px;
		width:140px;
		}
		#extensionText {
			height:18px;
			margin-left:226px;
			margin-top:389px;
			width:230px;
			}
	#wheel {
		height:346px;
		margin-left:476px;
		margin-top:76px;
		width:58px;
		}
		#wheelText {
			height:18px;
			margin-left:568px;
			margin-top:234px;
			width:194px;
			}
	#bowl {
		height:127px;
		margin-left:612px;
		margin-top:100px;
		width:138px;
		}
		#bowlText {
			height:18px;
			margin-left:573px;
			margin-top:70px;
			width:188px;
			}
	#compounds {
		height:120px;
		margin-left:568px;
		margin-top:273px;
		width:195px;
		}
		#compoundsText {
			height:18px;
			margin-left:570px;
			margin-top:408px;
			width:175px;
			}
.hoverImage {
	position:absolute;
	margin-left:-509px;
	margin-top:75px;
	z-index:10;
	}
#hoverDefault {
	position:absolute;
	margin-left:-509px;
	margin-top:75px;
	z-index:9;
	}


/*--- Video Link Style ---*/
.videoLink {
	margin:0px;
	padding:0px;
	}
.videoCaption {
	color:#0000ff;
	float:left;
	margin-top:230px;
	position:absolute;
	padding-left:14px;
	}

/*----slideshow css----*/

#slideshow {
	height:320px;
	margin:-13px 0 0 20px;
	overflow:scroll;
	position:relative;
	width:500px;
	z-index:5;
	}
	#slideshow img {
		border:0px;
		margin:0px;
		padding:0px;
		}
	#slideshow li {
		list-style:none;
		border:0px;
		margin:0px;
		padding:0px;
		}
	#slideNav {
		display:none;
		list-style:none;
		margin:0px;
		padding-top:0px;
		position:relative;
		top:120px;
		z-index:31;
		}
		#slideNav li {
			list-style:none;
			list-style-type:none;
			}
		#slideNav li a {
			display:block;
			height:40px;
			margin:20px;
			text-indent:-9999px;
			width:40px;
			}
		#slideNav #prev {
			list-style:none;
			float:left;
			margin:20px 0 0 -45px;
			}
			#slideNav #prev a {
				background:url(left.png);
				}
		#slideNav #next {
			list-style:none;
			float:right;
			margin:20px -15px -1px -1px;
			}
			#slideNav #next a {
				background:url(right.png);
				}
	#slideshow #slides {
		list-style:none;
		list-style-type:none;
		list-style-image:none;
		}
		#slides li {
			margin:0px 0 40px -20px;
			list-style:none;
			position:relative;
			}


/*- This is the styling for the search field and search results page -*/

#searchField {
	float:right;
	margin-top:2px;
}