/* page-wide styles */

	.po {
		/* print only, so hide */
		display: none;
		visibility: hidden;
	}

	.frcr {
		float: right;
		clear: right;
	}

	body {
		background: white url(images/side_grad85x10.jpg) repeat-y fixed top right;
		padding: 0px 80px 0px 180px;	
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: justify;
	}

	p,label,li a,li,dd,dt,caption,td,th {
		font-size: small;
	}

	p.leader {
		margin-top: 10px;
		font-size: 60%;
	}
	p.nolead {
		margin-top: 0px;
	}

	p.nofoot {
		margin-bottom: 0px;
	}

	div#contact p, p.minilink {
		font-size: 8pt;
		text-align: center;
		margin: 0px 0px 3px 0px;
		padding-top: 0px;
	}

	li p {
		display: inline;
	}

	h1,div.textbox h2 {
		text-align: center;
	}
	h1,h2,h3 {
		font-size: small;
		margin: 0px;
		text-decoration: none;
		color: black;
/*		clear: both;*/
	}	

	h1 {
		font-weight: bolder;
	}
	h1.logo {
		padding: 0px;
		margin: 0px;
		text-align: center;
	}
	h1.title,h2.title {
		display: none;
	}
	h2 {
		font-weight: bold;
		margin-bottom: 10px;
	}
	h2.nav {
		display: inline;
		font-weight: normal;
		text-align: left;
	}
	a:hover h2.nav {
		color: white;
	}
	h3 {
		text-align: left;
		color: #00839F;
		padding: 0px;
		margin: 0px;
	}	

	a {
		text-decoration: none;
		color: #0000cc;
	}
	a:hover {
		text-decoration: underline;
	}
	li a:hover {
		text-decoration: none;
	}
	img {
		border: 0px;
	}
	table {
		text-align: left;
	}
	th,td {
		vertical-align: top;
	}
	th p, td p {
		display: inline;
	}
	table.form th,table.form td {
		font-weight: normal;
		padding: 3px;
	}

	table.form {
		margin: 0 auto;
	}

	table.bigbox th {
		width: 400px;
		font-weight: normal;
		text-align: left;
	}
	table.bigbox td {
		text-align: left;
	}
	table.specs td, table.specs th {
		width: 100px;
	}

	table.centerall {
		margin: 0 auto;
		border-collapse: collapse;
	}
	table.centerall td, table.centerall th {
		text-align: center;
		padding: 0.2em;
		margin: 0px;
		width: auto;
	}

	table.centerall th {
		font-size: 60%;
		font-weight: normal;
		padding: 0.2em 1em;
	}
	li {
		text-align: left;
	}
	

	caption {
		display: none;
	}

	.visiblei {
		display: inline;
	}
	.visibleb {
		display: block;
	}
	.left {
		float: left;
	}
	.right {
		float: right;
	}

	.center {
		text-align: center;
	}
	.vertcenter {
		vertical-align: middle;
	}

	a.jumppoint {
		display: none;
	}
	acronym {
		text-decoration: none;
		border-bottom: none;
	}

/* page index styles */

	div#siteindex {
		position: absolute;
		top: 10px;
		left: 10px;
		padding: 0px;
		margin: 0px;
	}

	div#siteindex ul {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
	}

	div#siteindex ul ul {
		margin-left: 6px;
		margin-bottom: 0px;
		background: transparent url(images/bar-1.gif) repeat-y;
	}

	div#siteindex ul ul ul {
		margin-left: 0px;
	}

	div#siteindex li {
		width: 157px;
		margin-bottom: 5px;
		margin-left: 0px;
		padding-left: 0px;
		background: url(images/menu_off.gif) no-repeat top left;
	}

	div#siteindex li li {
		margin-bottom: 0px;
		margin-top: 0px;
		padding: 0px 0px 0px 18px;
		background: url(images/dot-1.gif) no-repeat scroll 0px 0px;
	}

	div#siteindex li li.lastitem {
		background: url(images/dot-2.gif) no-repeat scroll 0px 0px;
	}

	div#siteindex li li li {
		background: url(images/line-1.gif) no-repeat scroll 0px 0px;
	}

	div#siteindex li li li.lastitem {
		background: url(images/line-2.gif) no-repeat scroll 0px 0px;
	}

	div#siteindex a {
		display: block;
		width: 112px;
		height: 25px;
		color: white;
		padding: 4px 0px 0px 45px;
		white-space: nowrap;
	}

	div#siteindex a.notthislink:hover {
		background: url(images/menu_on_t.gif) no-repeat scroll 0px 6px;
	}
	div#siteindex li.mossman a.notthislink:hover {
		background: url(images/menu_on_mt.gif) no-repeat scroll 6px 4px;
	}

	div#siteindex li.mossman a.thislink {
		background: url(images/menu_highlight_mt.gif) no-repeat scroll top left;
	}
	div#siteindex a.thislink {
		background: url(images/menu_highlight.gif) no-repeat scroll top left;
	}

	div#siteindex li li a {
		position: relative;
		color: black;
		left: -18px;
		width: 130px;
		height: 1.5em;
		margin: 0px;
		padding: 0px 0px 0px 20px;
		background: url(images/oval.gif) no-repeat scroll 0px -30px;
	}

	div#siteindex li li li a {
		left: -36px;
		padding-left: 38px;
		width: 112px;
	}	
	div#siteindex li li li li a {
		left: -54px;
		padding-left: 56px;
		width: 94px;
	}	

	div#siteindex li li a:hover {
		background-position: 0px 0px;
		color: white;
	}

	div#siteindex li li a.thispage {
		background: url(images/oval_on.gif) no-repeat;
		color: white;
		z-index: 0;
	}

	div#siteindex li li a.thispage:hover {
		background: url(images/oval_on.gif) no-repeat;
		color: white;
	}

	div#siteindex a.skip {
		display: none;
	}

/* logos & other such paraphenalia */
	div#logo {
		position: absolute;
		top: 10px;
		right: 10px;
		height: 400px;
		width: 60px;
		background: url(images/logo_vert60x400.gif) no-repeat scroll;
		z-index: 1;
	}

	div#leftbar {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 180px;
		height: 100%;
		min-height: 710px;
	}
	div#minilogo {
		position: absolute;
		bottom: 5px;
		left: 10px;
		width: 157px;
	}

/* main page content */
	div#pagecontent a.skip {
		display: none;
	}

	div#pagecontent {
		z-index: 10;
		margin: 0px auto;
		max-width: 500px;
	}

	div#pagecontent img {
		padding: 3px;
	}

	div#pagecontent img.bigpic {
		padding: 0px;
		margin: 0px;
	}

	div.contentbox {
		border: 1px solid black;
		width: 98%;
		padding: 1%;
		clear: both;
	}

	div.textbox {
		width: 94%;
		margin: 1% 2% 0% 2%;
		padding: 1%;
		border: 1px solid black;
	}

/* subsection links */
	div#sectionlinks {
		width: 474px;
		padding-left: 17px;
		height: 20px;
	}

	div#sectionlinks ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}

	div#sectionlinks li {
		width: 150px;
		height: 20px;
		margin: 0px 8px 3px 0px;
		float: left;
		background: url(images/oval_light.gif) no-repeat scroll top left;
		text-align: center;
	}

	div#sectionlinks li.thispage {
		background: url(images/oval_on.gif) no-repeat scroll top left;
	}

	div#sectionlinks li a {
		color: black;
		white-space: nowrap;
	}

	div#sectionlinks li.thispage a {
		color: white;
	}
	
	div#sectionlinks h2 {
		display: none;
		padding: 0px;
		margin: 0px;
	}

/* contact panel */
	div#contact {
		margin-top: 20px;
		clear: both;
	}

/* page specific classes */
	/* section heading page classes */

	/* bench page classes */
		#picturebox {
			position: relative;
			width: 458px;
			margin: 10px auto;
			padding: 0px;
			border: 1px solid black;
			height: 280px;
			background-color: white;
			z-index: 9;
		}

		#picturebox h1 {
			position: absolute;
			height: 17px;
			border-bottom: 1px solid black;
			top: 0px;
			left: 0px;
			width: 262px;
			text-align: left;
			padding-left: 5px;
			padding-top: 2px;
		}

		#picturebox #mainpic {
			position: absolute;
		}

		#highlights {
			list-style-type: none;
			padding: 0px;
			margin: 0px;
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 267px;
		}
		#highlights li {
			float: left;
			height: 59px;
			width: 66px;
			border-left: 1px solid black;
			border-top: 1px solid black;
			padding: 0px;
			margin: 0px;
			text-align: center;
		}
		#highlights li img {
			padding: 0px;
			margin: 0px;
		}
		#highlights li.first {
			border-left: 0px;
		}
		#productdata {
			list-style-type: none;
			position: absolute;
			width: 190px;
			height: 280px;
			right: 0px;
			top: 0px;
			border-left: 1px solid black;
			padding: 0px;
			margin: 0px;
			z-index: 10;
		}			

		#productdata li {
			margin: 0px;
			padding: 0px;
			display: inline;
		}

		#productdata li.hiddendata {
			display: none;
		}

		#productdata p {
			position: absolute;
			width: 184px;
			height: 54px;
			right: 0px;
			bottom: 0px;
			padding: 3px;
			margin: 0px;
			text-align: center;
			font-size: 7pt;
			z-index: 11;
		}

		#productdata p.zoompic {
			position: absolute;
			width: 190px;
			height: 200px;
			right: 0px;
			top: 20px;
			bottom: auto;
			border-bottom: 1px solid black;
			padding: 0px;
		}
		
		#productdata h3 {
			position: absolute;
			top: 0px;
			right: 0px;
			width: 190px;
			padding-top: 2px;
			border-bottom: 1px solid black;
			height: 17px;
			text-align: center;
			font-weight: normal;
		}

		#productdata p.zoompic img {
			position: absolute;
			padding: 0px;
			margin: 0px;
		}
		
		#productdata a {
			font-size: 7pt;
		}
	/* accessory page classes */

		div.accessorybox {
			width: 96%;
			margin: 0% 1%;
			padding: 1%;
			border-bottom: 1px solid black;
		}

		div.accessorybox p {
			margin: 0px 0px 10px 0px;
		}

		div.accessorybox p.accessorypicture {
			float: right;
			text-align: center;
			width: 140px;
			margin: 3px;
			padding: 0px;
			font-size: 1px;
			color: white;
			clear: right;
		}
		div.accessorybox strong {
			font-weight: normal;
			color: #00839F;
		}
		div.accessorybox:after {
			content: "."; 
			display: block; 
			line-height: 1px; 
			font-size: 1px; 
			clear: both;
		}

		div.accessorybox h2, dt h2, div.feederbox h2, div.rrbox h2 {
			text-align: left;
			color: #00839F;
			padding: 0px;
			margin: 0px;
		}

		div.accessorybox h2.center {
			text-align: center;
		}
	/* chair page classes */

		div.accessorybox h2 {
			text-align: left;
			color: #00839F;
			padding: 0px;
		}	
		
		div.chairbox {
			position: relative;
			width: 147px;
			padding: 2px;
			height: 377px;
			margin: 0px 1px;
			border: 1px solid black;
			float: left;
			text-align: center;
		}

		div.flip p.chairpic {
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 146px;
			text-align: center;
		}

		div.chairbox ul {
			margin: 0px;
			padding: 0px;
			list-style-type: circle;
			text-align: left;
		}

		div.chairbox li {
			margin: 0px 0px 0px 15px;
			padding: 0px;
			font-size: 8px;
		}

		div.chairbox li p {
			text-align: left;
			margin: 0px;
			padding: 0px;
		}

		div.chairbox p {
			text-align: center;
			font-size: 8pt;
		}

		div.chairbox h3 {
			text-align: center;
			margin: 0px 0px 2px 0px;
			padding: 0px;
			font-size: 8pt;
			width: 100%;
			padding-bottom: 2px;
			border-bottom: 1px solid black;
		}

	/* storage pages classes */
		div.feederbox, div.rrbox {
			position: relative;
			width: 230px;
			padding: 2px;
			margin: 0px 4px 8px 4px;
			border: 1px solid black;
			float: left;
		}
		div.feederbox {
			height: 180px;
		} 
		div.rrbox {
			height: 245px;
		}
		div.feederbox h2, div.rrbox h2 {
			text-align: center;
			margin-bottom: 3px;
			/*font-weight: normal;*/
		}
		div.feederbox li, div.rrbox li {
			text-align: left;
		}

		div.feederboxes:after {
			content: "."; 
			display: block; 
			line-height: 1px; 
			font-size: 1px; 
			clear: both;
		}

		div.lastfeederbox {
			float: none;
			clear: both;
			margin: 0px auto 8px auto;
		}
	

		div.niceh3 h3, div.niceh2 h2 {
			font-weight: normal;
			clear: none;
			float: left;
			margin: 0px; 
			padding: 0px 0px 0.5em 0px;
		}
		div.nopadh3 h3 {
			padding: 0px;
		}
		div.niceh3 h2 {
			padding-bottom: 1em;
		}
		div.niceh3 p.ordercode, div.niceh2 p.ordercode {
			border-bottom: 0px;
			clear: none;
			float: right;
			margin: 0px; 
			padding: 0px 0px 0.5em 0px;
		}
		div.niceh3 p, div.niceh2 p {
			clear: both;
		}
		div.niceh3 hr, div.niceh2 hr {
			height: 1px;
			background-color: #00839F;
			color: #00839F;
			border: 0px;
			clear: both;
		}

		div.half {
			width: 49.8%;
			margin: 0px;
			padding: 0px;
			text-align: center;
		}

	/* image viewer classes */
		h1.imagehead {
			padding-bottom: 10px;
		}
