@charset "UTF-8";
/* CSS Document */
/* ================================================
	DOF Global StyleSheet ©2009 Devon Office Furniture
	By Chris Dapkiewicz
   ============================================  */

/* ================================================
	Global/Default Styles
   ============================================  */
	html, body {background:#f5f5f5;}
	
	body form { background:url('../images/dof-page-bg.png') repeat-x left bottom;}
	
	#page-wrapper {width:960px;background:#ffffff;margin:-1px auto;position:relative;padding:0px;font:normal 12px/18px Helvetica, Arial, sans-serif;color:#333333;border:1px solid #717173;}
	#page-wrapper h1 {font-size:18px;font-weight:bold;}
	#page-wrapper h2 {font-size:16px;font-weight:bold;}
	#page-wrapper h3 {font-size:14px;font-weight:bold;}
	#page-wrapper h1, #page-wrapper h2, #page-wrapper h3, #page-wrapper p {margin:18px 0px;}
	#page-wrapper img {border:none;}
	a {color:#f58023;}
	a:hover {color:#333333;}
	
	.contact-icons {width:300px;float:right;}
	.contact-icons span {display:block;font-weight:bold;}
	/* Remove Icons*/.phone-icon {/*background:url('../images/dof-phone-icon.gif') no-repeat left bottom;*/padding-left:40px;padding-top:15px;}
	.email-icon {/*background:url('../images/dof-email-icon.gif') no-repeat left bottom;*/padding-left:40px;padding-top:2px;}
	.fax-icon {padding-left:40px;padding-top:2px;}
		
/* ================================================
	Header Styles
   ============================================  */
   #header {border-bottom:1px solid #717173;margin:20px;padding:20px;}
   #header #logo {float:left;}
   
/* ================================================
	main-col Styles
   ============================================  */
   #main-col {width:680px;padding:20px;border-left:1px solid #717173;float:right;}
   #main-col .list {margin-left:40px;}
   #main-col .gen-list {margin-left:20px;}
   #main-col .page-top {width:500px;margin:0px auto 10px auto;}
   #main-col .page-top li {float:left;width:50%;}
   #main-col .page-top li a {display:inline-block;top:-7px;position:relative;font-weight:bold;}
   #main-col .list li {margin:3px 0px 3px 15px;}
   #main-col .sub-head {font-size:14px;font-style:italic;}
   #main-col .column {width:200px;float:left;}
   #main-col .headline {height:30px;padding:15px 0px 5px 20px;background:url('../images/dof-rnd-box-top.gif') no-repeat left top;color:White;margin-top:0px !Important;}

/* ================================================
	left-col Styles
   ============================================  */
   #left-col {width:199px;margin-right:-1px;border-right:1px solid #717173;float:left;text-align:right;padding:20px;}
   #left-col a {text-decoration:none;display:block;padding:5px 10px;font-weight:bold;margin:5px 0px;}
   #category-nav {list-style:none;border-bottom:1px solid #543811;padding-bottom:10px;margin-bottom:10px;}
   #category-nav li {margin:5px 0px;}
   #category-nav li a {font-size:16px;color:#f58023;text-transform:uppercase;padding:8px 10px;}
   #category-nav li a:hover {color:#333333;text-decoration:underline;background:#f5f5f5;}
   
   #company-nav {list-style:none;}
   #company-nav li {margin:3px 0px;}
   #company-nav li a {color:#717173;font-size:14px;}
   #company-nav li a:hover {color:#f58023;}
   
   #category-nav .workstation-nav {list-style:none;margin-top:-10px;display:none;}
   #category-nav .workstation-nav li a {font-size:14px;padding:0px 40px;}
   
   #category-nav .casegoods-nav {list-style:none;margin-top:-10px;display:none;}
   #category-nav .casegoods-nav li a {font-size:14px;padding:0px 40px;}
/* ================================================
	footer Styles
   ============================================  */
   #footer {margin:20px;border-top:1px solid #543811;padding-top:20px;}
   #footer ul {float:left;clear:left;list-style:none;width:570px;margin:10px 0px;}
   #footer ul li {float:left;margin-right:10px;}
   #footer ul li.non-link {text-align:right;width:200px;font-weight:bold;padding-right:15px;border-right:1px solid #444444;}
   #footer ul li a {text-align:left;}
   #footer .copyright {position:relative;top:-115px;font-size:10px;right:0;clear:both;text-align:right;}
/* ================================================
	DOF Page Specific Styles
   ============================================  */

/* ================================================
	Homepage Styles
   ============================================  */
   #homepage-slider {height:417px;overflow:hidden;position:relative;margin-bottom:36px;}
   #homepage-slider ul {list-style:none;overflow:hidden;height:500px;}
   #homepage-slider ul li {height:417px;}
   .home-slide-txt-wrap {background:url('../images/dof-home-txt-bg.png') no-repeat left top;display:block;height:80px;color:#ffffff;position:relative;top:-110px;padding:10px 20px;}
   .home-slide-txt-wrap span {display:block;margin-bottom:10px;}
   .home-slide-title {font-size:22px;font-weight:bold;text-shadow:#333333 2px 2px 3px;}
   .home-slide-txt {font-size:16px;}
   .btn226 {display:inline-block;text-shadow:#333333 1px 1px 2px;background:url('../images/dof-226-btn.png') no-repeat left top;width:226px;height:20px;text-align:center;font-weight:bold;color:#FFFFFF;text-transform:uppercase;text-decoration:none;padding-top:5px;}
   .btn226:hover {background-position:left -25px;color:#ffffff;}
   .btn151 {display:inline-block;text-shadow:#333333 1px 1px 2px;background:url('../images/dof-btn-151.png') no-repeat left top;width:151px;height:20px;text-align:center;font-weight:bold;color:#FFFFFF;text-transform:uppercase;text-decoration:none;padding-top:5px;}
   .btn151:hover {background-position:left -25px;color:#ffffff;}
   .home-grey-box {background:url('../images/dof-light-grey-rnd-box.png') no-repeat left top;height:225px;padding:5px;width:190px !important;text-align:center;}
   #main-col .left-push-column {margin-left:120px;margin-right:40px;}
  
/* ================================================
	Download/Link Styles
   ============================================  */
   ul.pdf {list-style-image:url('../images/dof-pdf-icon.png');list-style-type:circle;}
   ul.new-window {list-style-image:url('../images/dof-new-window.png');list-style-type:circle;}
   #dload-lcol{float:left;width:300px;margin-right:30px;}
   #dload-rcol{float:left;width:300px;}
/* ================================================
	Casegoods Styles
   ============================================  */
    .top-round-box {background:url('../images/dof-box-shadow.gif') no-repeat center bottom;width:680px;margin:9px auto;position:relative;}
    .top-round-box h2 {background:url('../images/dof-rnd-box-top.gif') no-repeat left top;color:White;padding:15px 0px 5px 20px;margin-bottom:0px !important;height:30px;}
    .side-borders, .top-round-box div {border-right:1px solid #727274;border-left:1px solid #727274;margin-bottom:6px;}
    
    #casegood-products div {padding-left:10px;height:215px;overflow:hidden;}
    #casegood-products div ul {list-style:none;height:215px;overflow:hidden;}
    #casegood-products .three-column {width:200px;float:left;display:block;margin:10px;text-align:center;}
    #casegood-products a {text-decoration:none;font-weight:bold;font-size:14px;}
    #casegood-products #prevBtn {position:absolute;top:150px;left:-15px;width:32px;height:33px;display:block;}
    #casegood-products #prevBtn a {background:url('../images/dof-prev-arrow.png') no-repeat right top;display:block;width:32px;height:33px;text-indent:-9999px;}
    #casegood-products #nextBtn {position:absolute;top:150px;right:-15px;}
    #casegood-products #nextBtn a {width:32px;height:33px;background:url('../images/dof-next-arrow.png') no-repeat left top;display:block;text-indent:-9999px;}
    #casegood-products #nextBtn a:hover, #casegood-products #prevBtn a:hover {background-position:left -33px;}
    
    #casegoods-features {width:450px;float:left;background:url('../images/dof-box-shadow-2-col.gif') no-repeat center bottom;margin:0px 20px 9px 0px;position:relative;}
    #casegoods-features h2{background:url('../images/dof-rnd-box-top-2-col.gif') no-repeat left top;color:White;padding:15px 0px 5px 20px;margin-bottom:0px !important;height:30px;margin-top:0px;}
    #casegoods-features div.two-column {padding:0px;float:left;width:200px;margin-left:15px;}
    #casegoods-features div span, #casegoods-finishes div span {clear:left;display:block;margin:10px 0px;}
    #casegoods-features .feature-img, #casegoods-finishes .feature-img {float:left;display:block;width:75px;height:75px;margin-right:10px;border:1px solid #727274;}
    
    #casegoods-features div, #casegoods-finishes div {padding:10px 0px;}

    #casegoods-finishes {width:210px;float:right;background:url('../images/dof-box-shadow-1-col.gif') no-repeat center bottom;margin:0px 0px 9px 0px;position:relative;}
    #casegoods-finishes div {height:297px;}
    #casegoods-finishes h2{background:url('../images/dof-rnd-box-top-1-col.gif') no-repeat left top;color:White;padding:15px 0px 5px 20px;margin-bottom:0px !important;height:30px;margin-top:0px;}
    #casegoods-finishes div span {width:190px;margin-left:15px;}
    
    #casegoods-text {width:450px;float:left;margin-right:15px;}
    
    #casegoods-shipping {background:#E6E7E8 none repeat scroll 0 0;float:right;width:180px;padding:10px 15px;text-align:center;}
    
    #main-col .casegoods-wrapper div.center-column {margin-right:18px;margin-left:18px;padding:0px 18px;border-left:1px solid #717173;border-right:1px solid #717173;}
    .casegood-product {width:200px;height:200px;margin:18px 0px;text-align:center;float:left;}
    .casegood-product a {text-decoration:none;text-transform:uppercase;font-weight:bold;}
    .casegood-product a span.product-name {display:inline-block;text-shadow:#333333 1px 1px 2px;background:url('../images/dof-btn-151.png') no-repeat left top;width:151px;height:20px;text-align:center;font-weight:bold;color:#FFFFFF;text-transform:uppercase;text-decoration:none;padding-top:5px;}
    .casegood-product a:hover span.product-name {background-position:left -25px;color:#ffffff;}
    .casegood-product a:hover span.enlarge {background-position:left -25px;color:#ffffff;}
    .casegood-product a span.enlarge {display:inline-block;text-shadow:#333333 1px 1px 2px;background:url('../images/dof-btn-151.png') no-repeat left top;width:151px;height:20px;text-align:center;font-weight:bold;color:#FFFFFF;text-transform:uppercase;text-decoration:none;padding-top:5px;margin:9px 0px;}
    .casegoods-image-column {width:450px;float:left;margin-right:15px;}
    
    .casegood-text-column {padding-left:14px;border-left:1px solid #717173;width:200px;float:right;}
    .casegood-text-column h3 {text-align:left;font-weight:bold;font-size:16px;}
    .casegood-text-column .heading {text-align:left;font-weight:bold;margin:9px 0px !important;background:#f5f5f5;padding:5px;}
    .casegood-text-column ul {padding-left:30px;}
/* ================================================
	Workstation Styles
   ============================================  */
    .workstation-box {padding:0px 20px 20px 20px;border-bottom:1px solid #717173;margin-bottom:20px;}
    .workstation-box img {width:300px;float:right;}
    .workstation-box br{line-height:21px;}
    .workstation-box p {float:left;width:300px;margin-right:38px;}
    .workstation-box p.workstation-full{width:650px;float:none;}
    div.workstation-box h2 {margin:9px 0px !important;}
    .workstation-box .img-margin{margin-top:20px;}
/* ================================================
	News & Updates
   ============================================  */
    p.date {width:50px;height:50px;float:left;clear:left;margin:10px 20px 20px 0px !important;}
    .news-rcol{width:500px;float:left;margin-top:10px;}
    .news-rcol p{margin:0px 0px 10px 0px !important;}
/* ================================================
	Fabric Page Styles
   ============================================  */
    .fabric-section h2 {padding-left:20px;}
    .fabric-section {border-bottom:1px solid #717173;}
    .fabric-section .casegood-product {width:155px;margin-right:15px;}
/* ================================================
	Parts Styles
   ============================================  */
    .parts-product {width:200px;margin:18px 0px;text-align:left;float:left;}
    
/* ================================================
	Storage Styles
   ============================================  */
    .feature-list li {width:300px;float:left;}
    em.storage-disclaimer {font-weight:normal;font-size:12px;}
    ul.no-list {list-style:none;}
    
/* ================================================
	Contact Page Styles
   ============================================  */
    fieldset {width:420px;display:block;margin:0;padding:0;position:relative;float:left;}
    fieldset div label {display:block;text-align:right;width:100px;float:left;margin:10px 5px;clear:left;}
    fieldset div input {float:right;width:286px;margin:6px 0px;border:1px solid #444444;padding:5px 10px 5px 5px;}
    fieldset div.checkbox input {width:20px;float:left;margin-left:90px;border:none;}
    fieldset div.checkbox label {float:right;text-align:left;clear:none;width:300px;margin:5px 0px;}
    fieldset div textarea {float:right;width:296px;margin:6px 0px;border:1px solid #444444;padding:5px;font-family:Arial, Helvetica, Sans-Serif;font-size:12px;color:#444444;}
    fieldset div .validator {position:absolute;right:-100px;top:8px;background:url('../images/dof-required.png') no-repeat left top;width:100px;height:21px;color:White !important;font-weight:bold;font-size:10px;text-transform:uppercase;text-align:center;}
    fieldset div {clear:both;position:relative;}
    fieldset div.submit-button {margin-left:112px;}
    fieldset div input.required {background:url('../images/dof-asterik.gif') no-repeat 290px center;}
    fieldset div select {width:300px;float:left;margin:15px 5px;}
    
    #contact-info {float:right;width:220px;padding-left:40px;}    

/* ================================================
	Float Containers Fix
	 http://www.csscreator.com/attributes/containedfloat.php 
   ============================================  */
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */