/* BEGIN JCFX ADDED CLASSES */
/* These classes make sure radiobuttonlist and checkboxlist controls style correctly */
/* Text next to radiobuttons and checkboxes is now a label for the control, which is better for accessibility */
.aspList
{
	width: 230px;
	display: block;
	float: right;
}
.aspList input 
{
	width: 30px;
	margin-left: -7px;
	background: none;
}
.aspList label
{
	width:130px;
	display:inline;
	float:none;
	vertical-align: middle;
}
/* END JCFX ADDED CLASSES */

/*HTML TAGS*/

body {
  background:#fff;
  margin:0;
  padding:0;
  color:#000;
  font:70% Arial, Helvetica, sans-serif;
  text-align:center;
}

html {
     overflow: -moz-scrollbars-vertical;
}

p, h2, h3 {
	border:0;
	margin:0;
}


h1 a {
	display: block;
	width: 298px;
	height: 61px;
	background: transparent url("../images/header_logo.gif") no-repeat;
	text-indent: -700em;
	text-decoration: none;
}

h2 {
	font-size:1.4em;
	/*color:#8C8C8C;*/
	color:#CC6633;
}

h3 {
	/*color:#8C8C8C;*/
}

em {
	color:#666666;
}

ul {
	text-align:left;
}

/* FORMS */

#frmContact {
	margin:0;
}

/*#frmContact p {
	clear:both;
}*/

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	width:230px;
	padding:3px;
	font-size:1em;
	border:1px solid #D1D1D1;
	vertical-align:middle;
	background:url(../images/bg_input.gif) top left no-repeat;
}

select {
	font-family:Arial, Helvetica, sans-serif;
	width:238px;
	padding:2px;
	font-size:1em;
	border:1px solid #D1D1D1;
	background:url(../images/bg_input.gif) top left no-repeat;
	background-color:#FFF;
}

#aspnetForm input, #aspnetForm textarea, #aspnetForm select {
	width:auto;
}

label {
	width:130px;
	display:block;
	clear:both;
	float:left;
	/*padding-top:3px;*/
}

#furnitureoptions label {
	clear:both;
	float:none;
	display:inline;
	width:none;
}


input:focus, textarea:focus, select:focus {
	border:1px solid #CC6633;
}

.checkbox, .radiobutton {
	width:20px !important;
	border:0 !important;
	background:none !important;
	vertical-align:middle;
}

.checkboxes, .radiobuttons {
	display:block;
	float:left;
	clear:right;
	margin-bottom:1em;
	margin-top:0.6em;
	width:220px;
}

.button {
	background:none;
	width:75px;
	background-color:#A6A6A6;
	border:1px solid #D7D7D7;
	border-bottom:1px solid #8B8B8B;
	border-right:1px solid #8B8B8B;
	color:#FFF;
	font-weight:bold;
}

.buttonHover {
	background:none;
	width:75px;
	background-color:#CC6633;
	border:1px solid #E8BAA3;
	border-bottom:1px solid #994C26;
	border-right:1px solid #994C26;
	color:#FFF;
	font-weight:bold;
}

.findbutton {
	background:none;
	width:100px;
	background-color:#A6A6A6;
	border:1px solid #D7D7D7;
	border-bottom:1px solid #8B8B8B;
	border-right:1px solid #8B8B8B;
	color:#FFF;
	font-weight:bold;
	margin-left:150px;
	margin-right:10px;
}

.findbuttonHover {
	background:none;
	width:100px;
	background-color:#CC6633;
	border:1px solid #E8BAA3;
	border-bottom:1px solid #994C26;
	border-right:1px solid #994C26;
	color:#FFF;
	font-weight:bold;
	margin-left:150px;
	margin-right:10px;
}

* html .findbutton {margin-left:153px;}
* html .findbuttonHover {margin-left:153px;}

.loading {
	display:none;
	vertical-align:middle;
}

fieldset {
	border:1px solid #CCC;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	padding:20px;
	padding-top:0;
	background-color:#CCC;
	margin-bottom:20px;
	background:url(../images/bg_fieldset.gif) bottom repeat-x;
}	

legend {
	font-weight:bold;
	color:#CC6633;
}

/*ACCESSIBILITY*/

.skipLink {
	position: absolute;
	left: -999px;
	width: 990px;
}

hr.hide {
	display: none;
	clear:both;
}

/* CLASSES */

.clear {
	clear:both;
	height:0px;	
}

.clearfix {
	height: 0; 
    clear: both; 
    visibility: hidden;
	overflow:hidden;
	display:block;
}

/*HEADER*/

#header {
	background: #D7D7D7 url("../images/header_bl.gif") bottom left repeat-x;
	position: relative;
	padding: 0;
	height: 111px;
	border-bottom:10px solid #989898;
}
 
#header ul {
	width: auto;
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 0 0 0 21px;
	list-style: none;
	/*background: url("../images/mozilla/header_br.gif") no-repeat bottom right;*/
	z-index: 90; /* below the H1 */
}

* html #header ul {bottom:-1px;}

#header li {
	float: left;
	background: transparent url("../images/header_tab.gif") 100% -400px no-repeat;
	padding: 0 12px 0 0;
	margin: 0 4px 0px 0;
}
#header ul a {
	float: left;
	display: block;
	padding: 8px 2px 8px 14px;
	background: transparent url("../images/header_tab.gif") 0% -400px no-repeat;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
#header ul li:hover a { background-position: 0% -600px; }
#header ul li:hover { background-position: 100% -600px; }
#header ul #current a { background-position: 0% -600px;}
#header ul #current { background-position: 100% -600px;}

/* SECONDARY NAVIGATION */

#navTitle {
	float:left;
	font-weight:bold;
	padding-right:10px;
	color:#666;
}

#navigation ul {
	display:inline;
}

#navigation li {
	float: left;
	padding-right:10px;
	list-style-position:inside;
}

#navigation li:first-child {
	list-style: none;
}

#navigation {
	background: url("../images/slice_secondary.gif") bottom repeat-x;
	padding:10px 0px 10px 21px;
	color:#CCC;
	font-size:1.1em;
}

#navigation a {
	color:#999;
	text-decoration:underline;
}

#navigation a:hover {
	color:#000;
}

#navigation .current a {
	font-weight:bold;
	color:#000;
}
	
/* IDs */

#recruiting {
	width:199px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/were-recruiting.gif) no-repeat;
	padding: 80px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:80px; /* for IE5/Win */
}

#recruiting:hover {
	background-position:0 -100px;
}

#newbrochure {
	display:none;
}
	
#wrapper {
	width:780px;
	margin: 0 auto;
	text-align:left;
}

#photo {
	border-top:1px solid #FFF;
	height:310px;
	width:780px;
	/*background-image:url(../images/test_780.jpg);*/
}

#mBody {
	padding:0 35px 15px 35px;
	background: url("../images/home_panel_780.gif") bottom no-repeat;
	height:1%;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

#sBody, #sBodyContent {
	height:1%;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding-top:20px;
	padding-bottom:6px;
}

#sBodyContent {
	background:url(../images/bg_780_top.gif) top right no-repeat;
}

#sBody a, #mBody a, #sBodyContent a {
	color:#000;
}

#sBody a:hover, #mBody a:hover, #sBodyContent a:hover {
	color:#CC6633;
}

#secRight {
	width:500px;
	height:327px;
	float:right;
}

#secRightContent {
	background:url(../images/bg_780_btm.gif) bottom no-repeat;
	padding:20px 40px;
	padding-top:0;
	width:500px;
	float:right;
	min-height:230px;
	voice-family: "\"}\""; voice-family:inherit;
	width:420px;
}

* html #secRightContent {height:230px;}

#secLeft {
	padding-left:20px;
	font-size:1.1em;
	text-align:justify;
	float:left;
	width:278px;
	border-top:1px solid #CCC;
	voice-family: "\"}\""; voice-family:inherit;
	width:258px;
}

#homeleft, #homeright {
	width:345px;
	font-size:1.1em;
	text-align:justify;
}

* html #homeleft {height:150px;}
* html #homeright {height:150px;}

#homeleft {
	float:left;
}

#homeright {
	float:right;
}

#request {
	display:block;
	background:url(../images/button.gif) no-repeat;
	font-size:0.9em;
	color:#333 !important;
	width:257px;
	height:42px;
	padding:5px 13px;
	padding-bottom:0;
	padding-left:80px;
	margin-top:2em;
	text-decoration:none;
	text-align:left;
	voice-family: "\"}\""; voice-family:inherit;
	width:164px;
	height:37px;
}

#request:hover {
	color:#FFF !important;
	text-decoration:none;
	background-position:0 -42px;
}

#onlinequote {
	display:block;
	background:url(../images/button_quote.gif) no-repeat;
	font-size:0.9em;
	color:#333 !important;
	width:231px;
	padding:7px 13px;
	padding-bottom:0;
	height:24px;
	text-decoration:none;
	text-align:right;
}

#onlinequote:hover {
	color:#FFF !important;
	text-decoration:none;
	background-position:0 -31px;
}
	
/*FOOTER*/

#footer {
	padding:15px 0;
	padding-bottom:0;
	background-image:url(../images/slice_footer.gif);
	border:1px solid #CCC;
	border-top:0;
}

#footertext {
	float:left;
	background:url(../images/footer_left.gif) left no-repeat;
	padding:10px 15px 10px 35px;
	color:#CCC;
	height:14px;
}

#footertext a {
	color:#999;
	text-decoration:none
}

#footertext ul {
	margin:0;
	display:inline;
}

#footertext li {
	float:left;
	padding-right:10px;
	list-style-position:inside;
}

#footertext li:first-child {
	list-style: none;
}

#backtotop {
	background:url(../images/footer_right.gif) right no-repeat;
	padding:10px 35px 10px 15px;
	text-align:right;
	float:right;
}

#backtotop a {
	color:#000;
	text-decoration:none;
}

#copyright {
	clear:both;
	text-align:center;
	padding:10px 15px;
	color:#999999;
	font-size:0.9em;
}	

#copyright a {
	color:#999999;
	text-decoration:none;
}

#footertext a:hover, #copyright a:hover, #backtotop a:hover {
	text-decoration:underline;
}

#quote {
	padding:5px 8px;
	border:1px solid #E8BAA3;
	border-bottom:1px solid #994C26;
	border-right:1px solid #994C26;
	color:#FFF;
	background:#CC6633 url(../images/slice_th_bg.gif) top repeat-x;
}

#quote strong {
	font-size:1.4em;
}

/*SHOWROOMS*/

.showroom {
	display:block;
	border:1px solid #CCC;
	background-image:url(../images/slice_showroom.gif);
	padding:3px 5px;
	color:#CC6633;
	text-decoration:none;
	font-weight:bold;
	margin-top:5px;
}

.details {
	border:1px solid #CCC;
	border-top:0;
	padding:10px;
	padding-top:0;
	background-color:#FFF;
	display:none;
}

.details a {
	color:#000;
}

#showroom_1 {
	margin-top:0 !important;
}

/* ADMIN */

.datatable {
	background:url(../images/bg_fieldset.gif) bottom repeat-x;
	background-color:#FFF;
	max-width:640px;
}

/* html .datatable {width:640px;}
* html fieldset .datatable {width:600px;}
* html fieldset .datatable .datatable {width:auto;}*/

.datatable th {
	border:1px solid #E8BAA3;
	border-bottom:1px solid #994C26;
	border-right:1px solid #994C26;
	color:#FFF;
	font-weight:bold;
	vertical-align:top;
	text-align:left;
	padding:2px;
	background:#CC6633 url(../images/slice_th_bg.gif) top repeat-x;
}

.datatable th a {
	color:#FFF !important;
}

.datatable td {
	border:1px solid #CCC;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	padding:2px;
	vertical-align:top;
	text-align:left;
	background-color:#FFF;
}

.dtbutton {
	background:none;
	background-color:#A6A6A6;
	border:1px solid #D7D7D7;
	border-bottom:1px solid #8B8B8B;
	border-right:1px solid #8B8B8B;
	color:#FFF;
	font-weight:bold;
	padding:0px;
	height:28px;
}

.dtbuttonHover {
	background:none;
	background-color:#CC6633;
	border:1px solid #E8BAA3;
	border-bottom:1px solid #994C26;
	border-right:1px solid #994C26;
	color:#FFF;
	font-weight:bold;
	padding:0px;
	height:28px;
}

/* NO FLASH */

#noflash {
	border:1px solid #CCC;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	padding:20px;
	background:#CCC url(../images/bg_fieldset.gif) bottom repeat-x;
	margin:0 auto;
	width:250px;
	text-align:center;
}

#divOPQControls strong {
	color:#CC6633;
}