/*
	Style sheet for Used WheelChairs USA
	Created 2005.10.07 by Paul Glover @ Raub's Internet For Business LLC
	(c) 2005 Raub's Internet For Business LLC
	
	See the comments in the file for details where workarounds were needed.
	Generally these are because of issues with Internet Explorer's
	less-than-stellar handling of some CSS rules.
	
	IE overrides use the STAR HTML hack/filter to create rules which IE parses
	and standard-compliant browsers ignore.
*/

* {
	padding: 0;
	margin: 0;
	border-width: 0;
}

html {
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	background-color: white;
	color: black;
	min-width: 760px;
}
html#help {
	min-width: 400px;
	width: 400px;
}

@media print {
	html {
		min-width: 99%;
	}
}

#header {
	width: 100%;
	min-width: 760px;	/* needed for Opera - and INHERIT doesn't work */
	height: 258px;
	margin-bottom: 10px;
}
#header h1 {
	display: none;
}
#header h2 {
	position: absolute;
	top: 152px;
	left: 19px;
	font-size: 9px;
	color: #0004A3;
}
#header span.hleft {
	float: left;
	width: 56.7%;
	margin-left: -107px;
	background-image: url(header-left-middle.jpg);
	background-repeat: repeat-x;
}
#header span.hleft img {
	margin-left: 107px;
}

#header span.hmid {
	float: left;
	width: 43.2%;
	background-image: url(header-right-middle.jpg);
	background-repeat: repeat-x;
}

#header span.hright {
	float: right;
	width: 219px;
	margin-left: -219px;
}

#header #headerforms {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: inherit;
}

#header #headerforms div {
	position: absolute;
	top: 150px;
	right: 4px;
}
#header #headerforms div img {
	margin-left: 2px;
}

#header #headerforms form {
	float: right;
	padding: 4px;
	clear: right;
}

#header #headerforms form p {
	float: none;
	text-align: right;
	font-size: 12px;
}

#header #headerforms form p * {
	border-width: 1px;
}

#header #headerforms form p select {
	width: 4em;
}

@media print {
	#header {
		display: none;
	}
}

input, textarea, select {
	border-width: 1px;
}

#content p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
/*	text-align: left;*/
}
q {
	font-style: italic;
}
a {
	text-decoration: underline;
}
a:link {
	color: blue;
	background-color: inherit;
}
a:visited {
	color: purple;
	background-color: inherit;
}
a:hover {
	color: #008800;
	background-color: inherit;
}

.wheelchair h4 a:link, .wheelchair h3 a:link, .wheelchair h4 a:visited, .wheelchair h3 a:visited {
	color: black;
	background-color: inherit;
}
.bestbargain h2 a:link, .monthlyspecial h2 a:link, .bestbargain h2 a:visited, .monthlyspecial h2 a:visited {
	color: white;
	background-color: inherit;
}
.wheelchair h4 a:hover, .wheelchair h3 a:hover, .bestbargain h2 a:hover, .monthlyspecial h2 a:hover {
	color: #008800;
	background-color: inherit;
}

h1,h2,h3,h4,h5,h6 {
	padding: 0;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: black;
	background-color: inherit;
}
h1 {
	font-size: 2.5em;
}
h2 {
	font-size: 2.0em;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1.0em;
}

#col-left img, #content img {
	border-width: 1px;
	border-color: white;
	border-style: solid;
}


@media all {
	#col-left {
		float: left;
		width: 200px;
		min-width: inherit;
		margin: 0 0 1em 8px;
		padding: 0;
		text-align: left;
	}
}
@media print {
	#col-left {
		display: none;
		clear: none;
	}
}

@media all {
	#content {
		margin: 0 8px 1em 216px;
	}
	
	* html #content {
		/* In non-standards compliant browsers (IE!!!) override the above...this is ignored by real browsers.
		Floating the content removes the wierd problem where IE has a small "jink" in the margin at the point
		where the left-side navigation finishes. No other browsers exhibit this issue...surprise surprise. */
		float: left;
		margin-left: 1em;
	}
}
@media print {
	#content {
		margin: 0 0 1em 0;
	}
}

#navbar, .subform {
	background-color: #D9EAFC;
	color: black;
	font-size: 0.75em;
	text-align: left;
	margin: 0 0 1em 0;
	padding: 0 0 0.2em 0;
}
#navbar a, .subform p {
	text-decoration: none;
	display: block;
    margin: 0.3em;
}
.subform p {
	text-align: center;
}
#navbar h2, .subform h2 {
	font-size: 1em;
	padding: 0.5em;
	margin-top: 0;
	margin-bottom: 0.2em;
	display: block;
	background-color: #2D86ED;
	color: white;
	font-weight: bold;
	text-align: center;
}

.youarehere {
	margin: 0.3em;
	font-weight: bold;
	display: block;
}

#langchange {
	font-size: 0.75em;
	margin-bottom: 1em;
	display: block;
	text-align: center;
}
#langchange img {
	margin-right: 0.5em;
	vertical-align: middle;
}
#langchange a {
	text-decoration: none;
}
#langchange a:hover img {
	border-color: #008800;
}

#brs-select {
	margin-bottom: 1em;
	text-align: center;
}
#brs-select a:hover img {
	border-color: #008800;
}
.brs-button {
	display: block;
	margin-bottom: 0.4em;
}

@media all {
	#breadcrumbs {
		background-color: #D9EAFC;
		color: black;
		padding: 0.5em;
		clear: both;
		font-size: 0.75em;
		text-align: left;
		margin-bottom: 1em;
	}
	#breadcrumbs a {
		text-decoration: none;
	}
}
@media print {
	#breadcrumbs {
		display: none;
		clear: none;
	}
}

#widecontent {
	margin: 0 0 1em 0;
}

#maintext {
	clear: none;
	margin-right: 138px;
}

#specials {
	float: right;
	width: 130px;
}

.bestbargain {
	margin: 0 0 1em 0;
	padding: 0 0 0.5em 0;
	background-color: #D9EAFC;
	color: black;
	text-align: center;
}
.bestbargain h2 {
	font-size: 1.2em;
	background-color: #2D86ED;
	color: white;
	padding: 8px;
	margin: 0;
	text-align: center;
}
.bestbargain p {
	font-size: 1em;
	color: black;
	background-color: inherit;
	padding: 0;
	margin: 8px;
	text-align: center;
}
.bestbargain p strong {
	font-size: 1.2em;
}
.bestbargain img {
	width: 112px;
	border-width: 1px;
	border-color: #2D86ED;
	padding: 0;
	margin: 0;
	text-align: center;
}
.bestbargain a:hover img {
	border-color: #008800;
}


.monthlyspecial {
	margin: 0 0 1em 0;
	padding: 0 0 0.5em 0;
	background-color: #D9EAFC;
	color: black;
	text-align: center;
}
.monthlyspecial h2 {
	font-size: 1.2em;
	background-color: #2D86ED;
	color: white;
	padding: 8px;
	margin: 0;
	text-align: center;
}
.monthlyspecial p {
	text-align: center;
	font-size: 1em;
	color: black;
	background-color: inherit;
	margin: 8px;
	padding: 0;
}
.monthlyspecial img {
	text-align: center;
	width: 112px;
	border-width: 1px;
	border-color: #2D86ED;
	margin: 0;
	padding: 0;
}
.monthlyspecial a:hover img {
	border-color: #008800;
}


.sampleinventory {
	clear: both;
}

#helpcontent {
	margin-bottom: 1em;
	font-size: 0.9em;
}
#helpcontent h1 {
	background-color: #2D86ED;
	color: black;
	padding: 0.5em;
	font-size: 1.5em;
	margin-bottom: 1em;
}
#helpcontent p {
	text-align: left;
	margin: 0.5em;
}

.backtotop {
	font-size: 0.75em;
}
.backtotop a:hover img {
	border-color: #008800;
}

/* find chair button */
#findchair, .emailform {
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #D9EAFC;
	color: black;
	padding: 0.5em;
}
.emailform {
	overflow: auto;
}
.emailquestion {
	margin-bottom: 2em;
}
.formerror {
	font-weight: bold;
	color: red;
	background-color: yellow;
}
#findchair {
	text-align: center;
}
#findchair img {	/* 280 x 75 @ 16pt text */
/*	width: 17.5em;*/
	border-color: #D9EAFC;
}
#findchair a:hover img {
	border-color: #008800;
}

.fc-question {
	font-weight: bold;
}
.fc-question strong {
	font-weight: bold;
	color: red;
	background-color: inherit;
}
.fc-options {
	font-weight: normal;
	margin-left: 3em;
}
.fc-subscribe {
	font-weight: normal;
}
.fc-item {
	background-color: #D9EAFC;
	color: black;
	padding: 1em;
	margin-bottom: 1em;
}
.fc-item-error {
	background-color: #ffaaaa;
	color: black;
	font-weight: bold;
	padding: 1em;
	margin-bottom: 1em;
}

.helplink {
	font-size: 0.75em;
	font-weight: normal;
}

.wheelchairlist {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.wheelchairrow {
	display: table-row;
}
.wheelchair {
	display: table-cell;
	padding: 0;
	border: 0.5em solid white;
	vertical-align: top;
	background-color: #D9EAFC;
	color: black;
}	
.wheelchair h3, .wheelchair h4 {
	background-color: #2D86ED;
	color: black;
	padding: 0.5em;
}
.wheelchair p {
	margin: 0.5em;
	font-size: 0.9em;
}
.wheelchair img {
	float: left;
	margin: 0.5em;
	border-width: 1px;
	border-color: #2D86ED;
	width: 6.25em;
}
.wheelchair a:hover img {
	border-color: #008800;
}


.categorylist {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	padding: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.categoryrow {
	display: table-row;
}
.categorypic {
	display: table-cell;
	padding: 0.5em;
	vertical-align: middle;
	border-width: 0.5em 0 0.5em 0.5em;
	border-style: solid;
	border-color: white;
	width: 6.875em;
	background-color: #D9EAFC;
	color:  black;
}
.categorypic img {
	border-width: 1px;
	border-color: #2D86ED;
	width: 6.25em;
}
.categorypic a:hover img {
	border-color: #008800;
}
.categorytxt {
	display: table-cell;
	padding: 0.5em;
	border-width: 0.5em 0.5em 0.5em 0;
	border-style: solid;
	border-color: white;
	vertical-align: middle;
	background-color: #D9EAFC;
	color:  black;
}


.specstable, .specscomparetable {
	display: table;
	table-layout: fixed;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-collapse: collapse;
}
.specstable img, .specscomparetable img {
	width: 6.25em;
}
.specstable {
	width: 100%;
}
.specsrow {
	display: table-row;
}
.specscaption, .specslabel, .specsheading, .specscol, .specscol0, .specscol1, .specshilite, .specsheadlabelcorner {
	padding: 0.5em;
	border: 2px solid white;
}
.specslabel, .specsheading, .specscol, .specscol0, .specscol1, .specshilite, .specsheadlabelcorner {
	display: table-cell;
}
.specscaption, .specslabel, .specscol, .specscol0, .specscol1, .specshilite, .specsheadlabelcorner {
	vertical-align: middle;
}
.specsheading {
	vertical-align: bottom;
}
.specslabel, .specsheading, .specscol0, .specscol1, .specshilite, .specsheadlabelcorner {
	width: 10em;	
}
.specslabel, .specsheading {
	background-color: #2D86ED;
	color: white;
	font-weight: bold;
}
.specslabel {
	text-align: right;
}
.specscaption, .specsheading, .specscol0, .specscol1, .specshilite {
	text-align: center;
}
.specscol, .specscol0 {
	background-color: #D9EAFC;
	color: black;
}
.specscol {
	text-align: left;
}
.specscol1, .specscaption {
	background-color: #93C4F3;
	color: black;
}
.specshilite {
	background-color: #9FF479;
	color: black;
}

.sitemaplist ul {
	margin: 0 0 1em 2em;
	padding: 0;
	list-style: none;
}
.sitemaplist p {
	margin: 1em 0 0 0;
}

.listnospace ul {
	margin: 0 0 0 2em;
	padding: 0;
	list-style: none;
}

.teammember {
	background-color: #D9EAFC;
	color: black;
	padding: 8px;

	margin-top: 1em;
	margin-bottom: 1em;
	min-height: 5.75em; /* image height + top and bottom borders. Padding is added on top of this. */
}
* html .teammember {
	/* another IE hack - this time working around the min-height/height issue where IE ignores min-height and instead
	treats height as a minimum recommendation (it's supposed to be an absolute...SHEESH!!) */
	height: 5.75em;
}
.teammember p {
	margin: 0 0 0 5.3125em; /* left margin - (75px img) + (1+1 borders L+R) + 8px padding = 85px => 5.3125em @ default 16 */
}
.teammember img {
	position: absolute;
	border-width: 1px;
	border-color: #2D86ED;
	width: 4.6875em;
	height: 5.625em;	
}


.detailprice {
	border: 2px solid black;
	padding: 8px;
	margin: 1em 320px 1em 0;
}
.unitspecs {
	clear: none;
	margin: 2em 0 2em 0;
}
.unitlinks {
	clear: both;
}
#photos {
	margin: 1em 1em 1em 0;
	min-height: 200px;
	float: left;
}
#detailphotos {
	margin: 1em 0 1em 1em;
	float: right;
	width: 302px;
}
#photos img, #detailphotos img {
	border-width: 1px;
	border-color: #2D86ED;
}
#otherphotos {
	margin: 1em 320px 1em 0;
}
#otherphotos img {
	border-width: 1px;
	border-color: #2D86ED;
	margin: 2px 1px 2px 1px;
	vertical-align: top;
}

.large {
	float: left;
}
.large img {
	width: 18.75em;
}
.thumbnails {
	margin-left: 19em;
}
.thumbnails img {
	display: block;
	width: 6.25em;
}
.thumbnails a:hover img {
	border-color: #008800;
}

.customchairbig img {
	float: right;
	width: 18.75em;
	margin: 0 0 0.5em 0.5em;
	border-color: #2D86ED;
	border-width: 1px;
}

#contactus {
	font-size: 2em;
}

p.closebutton {
	text-align: center;
}

#chamberofcommerce img {
	float: right;
	width: 300px;
	height: 157px;
}

#footer {
	height: 1em;
	display: block;
	background-color: #D9EAFC;
	color: black;
	clear: both;
	font-size: 0.75em;
	padding: 0.5em;
}
#footer p, #testimony p {
	text-align: center;
	margin: 0;
}

#testimony {
	display: block;
	background-color: #D9EAFC;
	color: black;
	clear: both;
	font-size: 1.2em;
	padding: 0.5em;
	margin: 0.5em;
}


table.styled {
	margin-bottom: 1em;
	border-collapse: collapse;
	table-layout: auto;
	width: 100%;
	font-size: 0.75em;
}
table.styled * tr th,
table.styled tbody tr td.label {
	font-weight: bold;
	background-color: #D9EAFC;
	color: #000000;
}
table.styled tfoot tr td,
table.styled thead tr td {
	background-color: #D9EAFC;
	color: #000000;
}
table.styled tbody tr td.label {
	width: 40%;
	text-align: left;
}
table.styled tbody tr td {
	background-color: #D9EAFC;
	color: #000000;
}
table.styled tbody tr.selected td {
	background-color: #00FFFF;
	color: #000000;
}
table.styled tbody tr td,
table.styled tfoot tr td,
table.styled thead tr td,
table.styled * tr th {
	padding: 0.25em;
	border-width: 2px;
	border-style: solid;
	border-color: #ffffff;
	text-align: center;
	vertical-align: top;
}


table.basket {
	margin-bottom: 1em;
	border-collapse: collapse;
	table-layout: auto;
	width: 100%;
}
table.basket thead tr th,
table.basket tfoot tr td {
	font-weight: bold;
	background-color: #2D86ED;
	color: #000000;
}
table.basket tbody tr td {
	background-color: #D9EAFC;
	color: #000000;
}
table.basket thead tr th,
table.basket tbody tr td,
table.basket tfoot tr td
{
	padding: 0.25em;
	border-width: 2px 0 2px 0;
	border-style: solid;
	border-color: #ffffff;
	text-align: left;
	vertical-align: top;
}
img.basket {
	float: left;
	margin: 0 6px 0 0;
}

@media print {

	table.basket {
		margin-bottom: 1em;
		border-collapse: collapse;
		table-layout: auto;
		width: 100%;
	}
	table.basket thead tr th,
	table.basket tfoot tr td {
		font-weight: bold;
		color: #004;
	}
	table.basket tbody tr td {
		color: #000;
	}
	table.basket thead tr th,
	table.basket tbody tr td,
	table.basket tfoot tr td
	{
		padding: 0.25em;
		border-width: 2px 0 2px 0;
		border-style: solid;
		border-color: #aaa;
		text-align: left;
		vertical-align: top;
	}

	#findchair, .category, .wheelchair, .teammember, .fc-item, .emailform, #footer {
		border-style: solid;
		border-width: 2px;
		border-color: #999999;
	}
	
	.fc-item-error {
		border-style: solid;
		border-width: 2px;
		border-color: #FF0000;
	}
}

#content ul {
	margin: 0 0 1em 2em;
	list-style: square;
}
#content ol {
	margin: 0 0 1em 2em;
}
#content li {
	margin: 0.25em 0 0.25em 0;
}

@media print {
	#statesel, #testimony {
		display: none;
	}
}