body
{
	background:#EAF3E6 url(../images/stageback2.jpg) no-repeat bottom left;
	margin:0;
	padding:0;
}

p
{
	margin-top:10px;
	margin-bottom:15px;
}


.hide
{
	position:absolute;
	height:0;
	width:0;
	overflow:hidden;
}

h1
{
	position:absolute;
	left:6px;
	top:6px;
	width:108px;
	padding:0;
	font-size:0;
	background:url(../images/logo2.gif) no-repeat;
	height:22px;
}

h1 a
{
	display:block;
	height:100%;
	width:100%;
}

.sidebar
{
	position:absolute;
	top:0;
	left:584px;
	margin:0;
	padding:123px 8px 0 11px;
	width:157px;
	background: #3B5170 url(../images/sidebar-top.jpg) no-repeat top left;
}

.sidebarbuy
{
	font:bold 14px sans-serif;
	color:#FFFFFF;
}

.ergoicon
{
	position:absolute;
	background: url(../images/ergoicon.jpg) no-repeat bottom left;
	top:100px;
	left:-23px;
	height:71px;
	width:71px;
}

.sidebar p
{
	font:11px/16px arial, sans-serif;
	color:#FFFFFF;
}

.sidebar p a
{
	color:#CDD8E7
}

.sidebar h3
{
	margin-top:-5px;
	padding-left:46px;
	font:normal 21px/21px serif;
	color:#FFFFFF;
}

.sidebar h5
{
	margin:0 0 10px 0;
	font:normal 21px/21px serif;
	color:#FFFFFF;
}

.sidebar ul
{
	margin:0;
	padding:0;
	list-style:none;
}

.sidebar li
{
	font:11px/14px arial, sans-serif;
	color:#FFFFFF;
	margin:0;
	padding:0;
}

.sidebar a
{
	color:#CDD8E7
}

.sidebar a img
{
	border-color:#CDD8E7;
}

.sidebar cite
{
	display:block;
	font-style:normal;
	margin:0;
	padding:0;
	margin-bottom:15px;
}

.chart
{
	float:right;
	padding:0 0 5px 3px;
}

.sidebar a .chart, .chairphoto
{
	border-width:0;
}

.content
{
	width:500px;
	padding-right:22px;
	border-right:176px solid #355170;
	padding-top:68px;
	padding-left:62px;
	padding-bottom:0;
	font:11px/19px Arial, sans-serif;
	color:#3B5170;
}

.content a
{
	color:#4D6145;
}

.content h2
{
	display:inline;
	font:bold 22px serif;
	color:#3B5170;
	margin:0;
	margin-left:-37px;
	padding:0;
	padding-right:45px;	
}

.content h3
{
	display:inline;
	font:22px serif;
	color:#4D6145;
	margin:0 0 0 -35px;	
}

.content h3 a
{
	background:url(../images/arrow-next.gif) no-repeat right center;	
	color:#3B5170;
	padding-left:105px;
	padding-right:20px;
}

.content h3.video a
{
	background:none;
}

.content h3.nomargin
{
	margin:0px;
}

.content h4
{
	display:inline;
	font:bold 16px sans-serif;
	margin:0;
	color:#3B5170;
}

.content .adjustments h3
{
	margin-left:0px;
	display:block;
}

.content .adjustments h3 a
{
	background:none;
	margin:0;
	padding:0;
}

.content .firstletter /* Would love to use :first-letter pseudoclass, but display:block doesn't work */
{
	position:absolute;
	display:block;
	padding:0 0 0 0;
	width:34px;
	height:34px;
	top:107px;
	left:25px;
	background:white;
	font:bold 32px/32px serif;
	border:1px solid #3B5170;
	text-align:center;
	overflow:hidden;
}

.content .banner
{
	background-color:#FFFFFF;
	text-align:center;
	border:1px solid #3B5170;
}

.preImageBuffer
{
	width:1px;
	float:left;
	clear:left;
}

.high
{
	height:110px;
}

.middle
{
	height:300px;
}

.low
{
	height:530px;
}

.quote
{
	margin:18px 10px 5px -36px;
	float:left;
	clear:left;
}

.largechart, .upclose
{
	margin:100px 10px 50px -36px;
	float:left;
	clear:left;
}

#anechairisborn .upclose, .largechart
{
	border:5px solid #3B5170;
}

/* semantically pure version: 
Win/IE doubles margin-left measurement on blocks with background images (viewable on IETest.html),
Safari ignores left measurement on blocks with relative positioning (viewable on SafariTest.html)

blockquote
{
	position:relative;
	padding:0;
	padding-top:10px;
	width:291px;
	height:60px;
	margin-left:-36px;
	float:left;
	clear:left;
}

.cdc
{
	background:url(../images/quote-cdc.jpg) no-repeat center left;
}
*/

dl
{
	list-style:none;
	padding:0;	
}

dl dt
{
	font-weight:bold;
}

dl dd
{
	margin-left:35px;
}

.adjustments-left
{
	float:left;
	margin:0 10px 15px 0;
	border:4px solid #3B5170;
}

.adjustments-right
{
	float:right;
	margin:0 0 15px 10px;
	border:3px solid #3B5170;		
}

ul.adjustments
{
	list-style:none;
	padding:0;
	margin:0;
}

ul.adjustments li
{
	margin:0;
	padding:5px 10px;
	clear:both;
}

li.even
{
	background:#D6E0D1;
}

.footer
{
	width:100%;
	height:40px;
	margin:0;
	margin-top:0;
	clear:both;
}

.chair
{
	padding:0 0 7px 13px;
	float:left;
}

.alt
{
	display:none;
}

.footer h6
{
	font:normal 9px/11px Arial, sans-serif;
	color:#3B5170;
	margin:127px 0 7px 143px;
	padding:2px 5px;
	display:block;
	width:330px;
	height:24px;
	background:#F5F9F2;
	border:solid 1px #4D6145;
	
}

.footer h6 a
{
	color:#4D6145;
}

ul#topnav
{
	position:absolute;
	z-index:1;
	left:138px;
	top:12px;
	margin:0;
	padding:0;
	height:21px;
	width:622px;
	list-style:none;
}

ul#topnav li
{
	float:left;
	margin:0;
	padding:0;
}

ul#topnav li a
{
	display:block;
	padding:0;
	height:21px;
}

#abouttheechair ul#topnav li.abouttheechair a
{
	background:url(../images/aboutechair-top-on.jpg) no-repeat;	
}

ul#topnav li.abouttheechair
{
	background:url(../images/aboutechair-top-hover.jpg) no-repeat;
}

ul#topnav li.abouttheechair a
{
	width:72px;
	background:url(../images/aboutechair-top.jpg) no-repeat;
}

ul#topnav li.abouttheechair a:hover
{
	background:url(../images/aboutechair-top-hover.jpg) no-repeat;
}

#comparison ul#topnav li.comparison a
{
	background:url(../images/comparison-top-on.jpg) no-repeat;	
}

ul#topnav li.comparison
{
	background:url(../images/comparison-top-hover.jpg) no-repeat;
}

ul#topnav li.comparison a
{
	width:66px;
	background:url(../images/comparison-top.jpg) no-repeat;
}

ul#topnav li.comparison a:hover
{
	background:url(../images/comparison-top-hover.jpg) no-repeat;
}

ul#topnav li.echairbrochure
{
	background:url(../images/echairbrochure-top-hover.jpg) no-repeat;
}

ul#topnav li.echairbrochure a
{
	width:90px;
	background:url(../images/echairbrochure-top.jpg) no-repeat;
}

ul#topnav li.echairbrochure a:hover
{
	background:url(../images/echairbrochure-top-hover.jpg) no-repeat;
}

#aboutergonomics ul#topnav li.aboutergonomics a
{
	background:url(../images/ergonomics-top-on.jpg) no-repeat;	
}

ul#topnav li.aboutergonomics
{
	background:url(../images/ergonomics-top-hover.jpg) no-repeat;
}

ul#topnav li.aboutergonomics a
{
	width:66px;
	background:url(../images/ergonomics-top.jpg) no-repeat;
}

ul#topnav li.aboutergonomics a:hover
{
	background:url(../images/ergonomics-top-hover.jpg) no-repeat;
}

#anechairisborn ul#topnav li.anechairisborn a
{
	background:url(../images/history-top-on.jpg) no-repeat;	
}

ul#topnav li.anechairisborn
{
	background:url(../images/history-top-hover.jpg) no-repeat;
}

ul#topnav li.anechairisborn a
{
	width:44px;
	background:url(../images/history-top.jpg) no-repeat;
}

ul#topnav li.anechairisborn a:hover
{
	background:url(../images/history-top-hover.jpg) no-repeat;
}

#experiencetheechair ul#topnav li.experiencetheechair a
{
	background:url(../images/echairvideo-top-on.jpg) no-repeat;	
}

ul#topnav li.experiencetheechair
{
	background:url(../images/echairvideo-top-hover.jpg) no-repeat;
}

ul#topnav li.experiencetheechair a
{
	width:73px;
	background:url(../images/echairvideo-top.jpg) no-repeat;
}

ul#topnav li.experiencetheechair a:hover
{
	background:url(../images/echairvideo-top-hover.jpg) no-repeat;
}

#adjustingyourechair ul#topnav li.adjustingyourechair a
{
	background:url(../images/chairadjustments-top-on.jpg) no-repeat;	
}

ul#topnav li.adjustingyourechair
{
	background:url(../images/chairadjustments-top-hover.jpg) no-repeat;
}

ul#topnav li.adjustingyourechair a
{
	width:96px;
	background:url(../images/chairadjustments-top.jpg) no-repeat;
}

ul#topnav li.adjustingyourechair a:hover
{
	background:url(../images/chairadjustments-top-hover.jpg) no-repeat;
}

#questionsanswers ul#topnav li.questionsanswers a
{
	background:url(../images/qa-top-on.jpg) no-repeat;	
}

ul#topnav li.questionsanswers
{
	background:url(../images/qa-top-hover.jpg) no-repeat;
}

ul#topnav li.questionsanswers a
{
	width:37px;
	background:url(../images/qa-top.jpg) no-repeat;
}

ul#topnav li.questionsanswers a:hover
{
	background:url(../images/qa-top-hover.jpg) no-repeat;
}

#findoutmore ul#topnav li.findoutmore a
{
	background:url(../images/findoutmore-top-on.jpg) no-repeat;	
}

ul#topnav li.findoutmore
{
	background:url(../images/findoutmore-top-hover.jpg);
}

ul#topnav li.findoutmore a
{
	width:67px;
	background:url(../images/findoutmore-top.jpg) no-repeat;
}

ul#topnav li.purchasinginfo a:hover
{
	background:url(../images/purchasechair-top-hover.jpg) no-repeat;
}

#purchasinginfo ul#topnav li.purchasinginfo  a
{
	background:url(../images/purchasechair-top-on.jpg) no-repeat;	
}

ul#topnav li.purchasinginfo 
{
	background:url(../images/purchasechair-top-hover.jpg);
}

ul#topnav li.purchasinginfo  a
{
	width:78px;
	background:url(../images/purchasechair-top.jpg) no-repeat;
}

ul#topnav li.purchasinginfo a:hover
{
	background:url(../images/purchasechair-top-hover.jpg) no-repeat;
}

form
{
	margin:0;
	margin-top:10px;
	padding:0;
	clear:both;
}

.label
{
	font-size:9px;
	margin-top:-2px;
	margin-bottom:8px;
}

textarea
{
	height:140px;
	width:400px;
}

input.button
{
	display:block;
	margin-top:10px;
	background:#F5F9F2;
	border-top:solid 1px #C5CCC2;
	border-left:solid 1px #C5CCC2;
	border-right:solid 1px #626661;
	border-bottom:solid 1px #626661;	
	color:#3B5170;
}

a.button
{
	display:inline;
	background:#F5F9F2;
	border-top:solid 1px #C5CCC2;
	border-left:solid 1px #C5CCC2;
	border-right:solid 1px #626661;
	border-bottom:solid 1px #626661;	
	color:#3B5170;
	padding:3px;
	margin-left:5px;
}

form#getacd .label
{
	font:11px/16px arial, sans-serif;
	color:#FFFFFF;
}

form#getacd .zip
{
	margin-left:10px; 
	width:60px;
}

.shortpage /* compromise so the background graphic doesn't have to be giant */
{
	height:400px;
	width:100px;
}

.shorterpage /* compromise to keep the background graphic from repeating in IE */
{
	height:550px;
	width:100px;
}

.choosecolor
{
	padding:0px 50px 10px 0px;
	float:left;
}

.swatch
{
	float:left;
	width:40px;
	margin:0px 10px 0px 0px;
	font:11px/12px arial, sans-serif;
}

.swatchtext
{
	float:left;
	width:190px;
	font:11px/16px arial, sans-serif;
}

.chairStyle
{
	margin-bottom:50px;
}

.colortext {margin-bottom:10px;}

form.orderForm input#ez2Quantity,
form.orderForm input#ez2sQuantity,
form.orderForm input#ez2mbQuantity,
form.orderForm input#ez2mbhrQuantity,
form.orderForm input#ezcQuantity,
form.orderForm input#ezgQuantity,
form.orderForm input#ez2cHeadRestQuantity,
form.orderForm input#ez2cLightsQuantity
{
	width:20px;
}

form.orderForm table
{
	border-collapse:collapse;
	width:500px;
}

form.orderForm tr.tableHeader td
{
	background-color:#355170;
	color:#ffffff;
	border:2px solid transparent;
}

form.orderForm td
{
	padding:3px;
}

form.orderForm .ez2mb,
form.orderForm .ezc
{
	background-color:#D6E0D1;
}

form.orderForm #total
{
	border-width:0;
	background-color:transparent;
	color:#3B5170;
	font-size:16px;
	padding:0;
	font-weight:bold;
}