/* GLOBAL TAG DEFINITIONS */
html,body { width:100%; height:100% }
body,div,dl,dt,dd,ul,ol,li,hr,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset,img,hr { border: none }
address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: normal }
caption,th { text-align: left }
ul { list-style: disc }
ol { list-style: decimal }
h1 { font-size: 20px; font-weight: normal; color: black; }
h2 { font-size: 16px; font-weight: normal; color: black; }
h3 { font-size: 14px; font-weight: bold; color: black; }
h4 { font-size: 12px; font-weight: bold; color: black; }
h5 { font-size: 12px; font-weight: normal }
h6 { font-size: 11px; font-weight: bold }
q:before,q:after { content: "" }
abbr,acronym { border: none }
hr { border-bottom: 1px solid #000; height: 1px; }

body {
	font: 11px verdana, arial, sans-serif;
	color: #666666;
}

a {
	color: #89a1a5;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}

h1 {
	color: #92203f;
	font-size: 24px;
	text-transform: uppercase;
	border-bottom: 1px solid #89a1a5;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
h1.projects {
	color: white;
	background-color: #89a1a5;
	border: none;
	padding-left: 5px;
}
h2 {
	color: #92203f;
	font-size: 24px;
}
h3 {
	font-size: 12px;
	margin-bottom: 15px;
}
h4, h4 a {
	color: #92203f;
	font-size: 11px;
	text-transform: uppercase;
	border-bottom: 1px solid #89a1a5;
	margin-bottom: 5px;
	padding-bottom: 5px;
	text-decoration: none;
}
h4 a:hover {
	text-decoration: none;
	color: #470014;
}

p {
	margin-bottom: 12px;
}
em {
	font-style: italic;
}

div#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 925px;
	overflow: hidden;
}

/* HEADER */
div#header {
	margin-bottom: 25px;
}
div#logo {
	float: left;
	width: 109px;
	margin-right: 20px;
}
div#tagline {
	float: left;
	width: 365px;
	padding-top: 50px;
}

div#primaryNav {
	float: left;
	width: 237px;
	padding-top: 27px;
}
div#primaryNav ul {
	float: left;
	list-style: none;
	border-left: 1px solid #89a1a5;
	margin: 0;
	padding: 0;
	padding-left: 6px;
	margin-right: 50px;
	color: #89a1a5;
}
div#primaryNav ul.last {
	margin-right: 0;
}
div#primaryNav ul li {
	margin-bottom: 10px;
}
div#primaryNav ul li.last {
	margin-bottom: 0;
}
div#header div#primaryNav ul li a {
	position: relative;
	outline: none;
	overflow: hidden;
	display: block;
	height: 11px;
	text-decoration: none;
}
div#header div#primaryNav ul li a img {
	border: none;
	position: relative;
	top: 0;
	left: 0;
	height: 28px;
}
div#header div#primaryNav ul li a:hover, div#header div#primaryNav ul li a.active {
	border: none;
	padding-top: 0;
}
div#header div#primaryNav ul li a:hover img {
	top: -18px;
}
div#header div#primaryNav ul li a.active img {
	top: -18px;
}

div#search {
	float: right;
	padding-top: 27px;
	text-align: right;
}
div#search input.text {
	width: 120px;
	border: 1px solid #89a1a5;
	padding: 1px;
	vertical-align: middle;
}
div#search input.button {
	vertical-align: middle;
}

/* BREADCRUMB */
div#breadcrumb {
	color: #89a1a5;
	font-size: 10px;
	margin-bottom: 5px;
}
div#breadcrumb span.active {
	font-weight: bold;
}

/* MAIN BODY CONTENT */
div#main {
	border-top: 1px solid #89a1a5;
	padding-top: 5px;
	padding-bottom: 15px;
}
div#secondaryNav {
	float: left;
	width: 150px;
	margin-right: 20px;
	font-size: 10px;
}
div#secondaryNav ul {
	list-style: none;
	margin-bottom: 15px;
}
div#secondaryNav ul li {
	margin-bottom: 5px;
}
div#secondaryNav ul li.active {
	font-weight: bold;
}

div#bodyContent {
	float: left;
	position: relative;
	width: 585px;
	margin-right: 20px;
}
div#bodyContent.full {
	width: 755px;
	margin-right: 0;
}
div#bodyContent.padHeight {
	height: 200px;
}
div#bodyContent.home,
div#bodyContent.sitemap {
	float: none;
	width: 925px;
	margin: 0;
}
div#bodyContent.home {
	background-color: #820024;
}
div#bodyContent.home embed, div#bodyContent.home object {
	display: block;
	margin: 0;
	padding: 0;
}
div#bodyContent div.image {
	float: left;
	width: 273px;
	margin-right: 20px;
}
div#bodyContent div#bodyCopy {
	float: left;
	width: 287px;
}
div#bodyContent div#bodyCopy.full {
	width: 100%;
}
div#bodyContent ul {
	margin-left: 2em;
	margin-bottom: 15px;
}
div#bodyContent div#newAccountRequest {
	display: block;
	margin: 25px 0;
}

div#tertiaryNav {
	float: right;
	width: 150px;
	font-size: 10px;
}
div#pageHeader {
	margin-bottom: 5px;
}

/* HOME PAGE */
#homeFlash {
	background-color: #820024;
}

/* PRODUCTS LANDING PAGE */
div#productsLandingTitle {
	position: absolute;
	bottom: 0;
	left: 5px;
	font-size: 48px;
	color: white;
}
div#productsLandingImage {
	float: left;
	margin-right: 1px;
	width: 585px;
}
div#productsLandingImageNav {
	float: right;
	width: 169px;
	height: 400px;
	background-color: #820024;
}

/* PRODUCT CATEGORY PAGE */
div#productCategoryImage {
	float: left;
	width: 288px;
	height: 207px;
	margin-right: 1px;
}
div#productCategoryTitle {
	float: left;
	position: relative;
	width: 466px;
	height: 207px;
	background-color: #820024;
}
div#productCategoryTitle div.h1 {
	border: none;
	position: absolute;
	left: 5px;
	bottom: 0;
	margin: 0;
	padding: 0;
}

/* PRODUCT COLLECTION AND DETAIL PAGES */
div#productImage {
	float: left;
	width: 288px;
	margin-right: 10px;
}
div#productImage div.image {
	margin: 0;
	padding: 0;
}
div#productImage div.scene img {
	padding-right: 1px;
	border-right: 26px solid #820024;
}
div#productBody {
	float: right; /* was left */
	width: 287px;
}
div#productBody.full {
	width: 457px;
}
div#productSpecs {
	margin-bottom: 25px;
}
div.productLinks {
	border-top: 1px solid #89a1a5;
	padding-top: 10px;
	margin-bottom: 10px;
}
div.productLinks a {
	display: block;
	margin-bottom: 5px;
}
div#myProjectsLinks {
	border-top: 1px solid #89a1a5;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#productBody ul {
	margin-left: 1.5em;
	list-style: disc;
}
div#productBody ul li {
	margin-bottom: 10px;
}
div#productImageThumbs {
	border-bottom: 1px solid #89a1a5;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
div#productImageThumbs a.thumbnail {
	display: block;
	float: left;
	width: 52px;
	margin-right: 10px;
	text-align: center;
	text-transform: uppercase;
	color: #89a1a5;
}
div#productImageThumbs a.thumbnail p {
	margin-bottom: 0;
}
div#productImageThumbs a.thumbnail div.thumb {
	border: 1px solid white;
	display: block;
}
div#productImageThumbs a.thumbnail:hover {
	color: #497175;
	text-decoration: none;
	cursor: pointer;
}
div#productImageThumbs a.thumbnail:hover div.thumb, div#productImageThumbs a.thumbnail div.active {
	border: 1px solid #89a1a5;
}
table.chairDimensions {
	width: 100%;
	margin-bottom: 20px;
}
table.chairDimensions th {
	border-bottom: 1px solid #89a1a5;
	padding-bottom: 3px;
}
table.chairDimensions td {
	padding-top: 3px;
	font: 10px arial, sans-serif;
	text-transform: uppercase;
}
div#collectionNav {
	border-bottom: 1px solid #89a1a5;
	margin-bottom: 2px;
}
div#collectionNav div.title {
	float: left;
	width: 225px;
}
div#collectionNav div.pageNav {
	float: right;
	width: 230px;
	text-align: right;
	margin-top: 10px;
}
div#collectionNav div.pageNav a.active {
	font-weight: bold;
}
table.grid {
	width: 100%;
}
table.grid td {
	text-align: center;
	border-bottom: 1px solid #dcdfe0;
	padding-bottom: 2px;
	padding-top: 2px;
}
table.grid td div.seriesImage:hover {
	border: 1px solid #89a1a5;
}
table.grid tr.last td {
	border-bottom: none;
}
table.grid a.item {
	display: block;
	text-align: center;
	outline: none;
}
table.grid a.item div.thumb {
	border: 1px solid white;
	padding-top: 2px;
}
table.grid a.item:hover, table.grid a.item.active {
	color: #497175;
	cursor: pointer;
	text-decoration: none;
}
table.grid a.item:hover div.thumb, table.grid a.item.active div.thumb {
	border: 1px solid #89a1a5;
}

form#addToProject p {
	margin-bottom: 5px;
}

/* CALLOUTS */
div#callouts {
	border-top: 1px solid #89a1a5;
	padding-top: 15px;
	margin-top: 5px;
}
div.callout {
	position: relative;
	float: left;
	width: 298px;
	height: 115px;
	overflow: hidden;
	margin-right: 15px;
	font-size: 10px;
}
div.callout.last {
	margin-right: 0;
}
div.callout div.body {
	position: relative;
	float: left;
}
div.callout div.copy {
	position: absolute;
	left: 0;
	top: 43px;
	height: 72px;
}
div.callout div.title {
	margin-bottom: 5px;
}
div.callout div.image {
	float: right;
}
div.callout div.link {
	position: absolute;
	left: 0;
	bottom: 8px;
  width: 298px;
}

/* NEWS */
div.newsDate {
	float: left;
	width: 100px;
	font-weight: bold;
}
div.newsTitle {
	float: left;
	width: 485px;
}

div#reps {
	margin-top: 15px;
}
div.rep {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #89a1a5;
}
div.rep.last {
	margin-bottom: 0;
	border-bottom: none;
}
div.rep p {
	margin: 0;
	padding: 0;
}
div.rep div.name {
	float: left;
	width: 200px;
	margin-right: 10px;
}
div.rep div.address {
	float: left;
	width: 150px;
	margin-right: 10px;
}
div.rep div.contact {
	float: left;
	width: 200px;
}

/* FAQS */
div.faq div.question {
	color: #89a1a5;
	padding-left: 15px;
	background: url(/design/plain_site/images/icon_plus.gif) left 2px no-repeat;
	cursor: pointer;
}
div.faq div.question.active {
	background: url(/design/plain_site/images/icon_minus.gif) left 2px no-repeat;
}
div.faq div.answer {
	padding-left: 15px;
}
div.faq div.answer p {
	padding-bottom: 15px;
	margin-bottom: 0;
}

/* MY PROJECTS */
div#projectNav {
	margin-bottom: 15px;
}
div#projectNav div.select {
	float: left;
	width: 150px;
}
div#projectNav div.navItems {
	float: right;
	text-align: right;
	width: 300px;
}
div#projectNav div.navItems a {
	display: inline;
}
div#projectItems {
	border-top: 4px solid #89a1a5;
	border-bottom: 4px solid #89a1a5;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #89a1a5;
}
div#projectItems div.itemRow {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #89a1a5;
}
div#projectItems div.item {
	float: left;
	width: 280px;
	margin-right: 10px;
}
div#projectItems div.item div.photo {
	float: left;
	width: 85px;
	text-align: center;
	text-transform: uppercase;
}
div#projectItems div.item div.links {
	float: left;
	width: 195px;
}
div#projectItems div.item div.links a {
	display: block;
	margin-bottom: 5px;
}
div#projectItems div.last {
	border-bottom: none;
}
div#createForm {
	margin-bottom: 15px;
}


input.textButton {
	border: 0;
	padding: 0;
	margin: 0;
	background-color: transparent;
	color: #89a1a5;
	text-decoration: none;
	outline: none;
	text-transform: uppercase;
}

/* FOOTER */
div#footer {
	padding-bottom: 15px;
}
div#footerCopy {
	float: left;
	width: 45%;
	font-size: 9px;
	line-height: 14px;
}
div#footerNav {
	float: right;
	text-align: right;
	width: 45%;
	font-size: 10px;
}
div#footerNav a {
	padding-left: 9px;
}

/* SIDE NAV */
div.nav {
	overflow: hidden; 
	height: 312px;
}
div.navInside {
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
}
div.scrollUp img {
	display: block;
}
div.scrollDown img {
	display: block;
}
div.scrollDown {
	border-bottom: 4px solid #89a1a5;
}
div.navTitle {
	background: #89a1a5 url(../images/nav_title_background.gif) left top no-repeat;
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
div.nav a.item {
	display: block;
	border: 1px solid white;
	height: 50px;
	color: #89a1a5;
	vertical-align: middle;
	overflow: hidden;
	outline: none;
}
div.nav span.image {
	display: block;
	float: left;
	width: 50px;
	overflow: hidden;
	vertical-align: middle;
}
div.nav span.copy {
	display: block;
	float: left;
	width: 95px;
	padding-top: 15px;
}
div.nav a.item:hover, div.nav a.item.active {
	text-decoration: none;
	border: 1px solid #89a1a5;
	color: #2e464a;
	cursor: pointer;
}
div.nav a.item img {
	float: left;
	padding-right: 8px;
	vertical-align: middle;
}

div#clients.nav a.item {
	height: 37px;
}
div#clients.nav div.copy {
	float: none;
	width: auto;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 6px;
}

/* FORM CLASSES */
form .section {
  clear: both;
  margin: 0;
  padding-top: 10px;
  font-size: 10px;
}
form .section .col { width: 286px; }
div.formRow {
	margin-top: 5px;
	overflow: hidden;
}
div.formRow.submit {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
}
div.formField {
	float: left;
	vertical-align: middle;
}

form .formRow .col.medium { width: 138px; }
form .formRow .col.small { width: 106px; }
form .formRow .col.xsmall { width: 54px; }
form .formRow .col.padLeft { margin-left: 10px; }
form .formRow.center {
	text-align: center;
}
form .formRow.indent {
  padding-left: 15px;
  width: 570px;
}
form .col .formRow.indent { width: 271px; }
label {
	display: block;
	margin-bottom: 2px;
	font-weight: bold;
}
label.inline { display: inline; vertical-align: middle; }
label.chk, label.radio { margin: 0; font-weight: normal; }
label.unbold { font-weight: normal; }
input, textarea, select {
	font: 10px verdana, arial, sans-serif;
	color: #666;
	vertical-align: middle;
	border: 1px solid #c3d2d5;
	padding: 2px;
}
input.radio, input.chk {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	border: 0;
}
input.full { width: 579px; }
input.xlarge { width: 325px; }
input.large { width: 280px; }
input.medium { width: 132px; }
input.small { width: 100px; }
input.xsmall { width: 48px; }
select.large { width: 286px; }
select.medium { width: 138px; }
select.small { width: 106px; }
select.xsmall { width: 54px; }
select { padding: 1px 1px 2px 1px; }
input.button {
	margin: 0;
	border: none;
	vertical-align: middle;
}
textarea { display: block; }
textarea.full {
	width: 579px;
	height: 100px;
}
textarea.short {
	height: 50px;
}
textarea.large {
	width: 280px;
	height: 75px;
}
div.warning {
	border: 3px solid #c3d2d5;
	padding: 10px;
	background-color: #fafafa;
	color: #820024;
	margin-bottom: 10px;
}
div#bodyContent div.warning h2, div.warning h2 {
	color: #820024;
	font-size: 11px;
	border: 0;
	border-bottom: 1px dotted #c3d2d5;
	padding: 0;
	padding-bottom: 5px;
	margin: 0;
	margin-bottom: 10px;
}
div#bodyContent div.warning ul {
	list-style: disc;
	background: transparent;
	list-style-image: none;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
div.warning ul {
	padding-left: 1.5em;
	margin-top: 10px;
}
span.required {	color: #820024; }
div.formButton {
	padding-top: 12px;
}

/* GENERAL */
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearLeft:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
}
.clearRight:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: right; 
    visibility: hidden;
}

.clear, .clearLeft, .clearRight {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear, * html .clearLeft, * html .clearRight {height: 1%;}
.clear, .clearLeft, .clearRight {display: block;}
/* End hide from IE-mac */

.hide { display: none; }
.section { margin-bottom: 15px; }
.col { float: left; }
.col.right { float: right; }
.padRight { margin-right: 10px; }
.notice { color: green; }

/* SITEMAP */
.col .section {
  margin-bottom: 10px;
}
.col h3 {
  margin-bottom: 5px;
}
.col ul {
  margin-left: 15px;
}
.col ul.first {
  margin-left: 25px;
}

/* sIFR */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
	display: block;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
}

.sIFR-active h1 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 0;
}

.sIFR-active div.h1 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 42px;
	font-weight: bold;
}

.sIFR-active h2 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 22px;
	font-weight: bold;
}

.sIFR-active h4 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 0;
}