/*
---------------------
01. General
02. Global Classes
03. Structure
04. Navigation
05. Buttons
06. Homepage
07. Subpages
08. Shadowbox Windows
09. Forms
10. IE6 Exceptions


----------------------------------------------------------
01. GENERAL
---------------------------------------------------------- */
@import url("reset.css");
a:link { color:#608B1A; text-decoration:none }
a.arrow:link, a.arrow:visited { background:url(../images/icon_arrow.gif) no-repeat 0 0.3em; font-family:Arial, Verdana, sans-serif; font-weight:bold; padding-left:7px; text-transform:uppercase;}
a:visited { color:#666; text-decoration:underline }
a:hover { color:#000; text-decoration:none;}
blockquote { border-left:1px dotted #ccc; float:right; margin:8px 0 20px 20px; padding-left:15px; width:160px;}
body { background:#E9E8DB url(../images/bg.jpg) repeat-x; color:#333; font:62.5% 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; padding:10px 0; text-align:center }  
cite { font-style:normal; }
cite strong { text-transform:uppercase;}
h1 { display:inline; float:left; margin-top:38px; text-align:center; width:323px;}
h2 { color:#567E19; font-size:3.8em; font-weight:normal; letter-spacing:-1px; line-height:1em; margin-bottom:0.3em; text-transform:uppercase;}
h3 { font-size:1.6em; font-weight:normal; line-height:1.2em; margin:1em 0 0.5em;}
h4 { color:#567E19; font-size:1.3em; font-weight:bold; margin-bottom:0.2em; }
hr { border:0; color:#C5D971; background:#C5D971; height:1px;}
ol { list-style-position:outside;}
p {  margin-bottom:1em;}


/*
----------------------------------------------------------
02. GLOBAL CLASSES
---------------------------------------------------------- */
.clear { clear:both }
.fl { float:left; }
.fr  { float:right }
.inline { display:inline;}
.nopadding { padding:0 }
.noindent { margin-left:0; padding-left:0 }
.nobullet { list-style:none; list-style-image:none }
.quote { color:#567E19;font-size:1.3em; line-height:1.2em;}
.wrap { font-size:1.1em; margin:0 auto; text-align:left; width:950px }


/*
----------------------------------------------------------
03. STRUCTURE
---------------------------------------------------------- */
#info-search { overflow:hidden; text-align:right;}
#header { background:#BEDBE0; border:5px solid #fff; }
#content { background:#fff; border:solid #fff; border-width:0 5px; font-size:1.1em; line-height:1.4em }
#content-main { border:solid #fff; border-width:5px 0; overflow:hidden; }
#identity { background:url(../images/bg_home_identity.jpg) repeat-x; padding:20px 28px; width:262px;}
#buyafloor { border:solid #fff; border-width:0 5px; padding:15px 10px 10px 15px; width:597px;}
#footer { background:url(../images/bg_footer.gif) no-repeat 30px 15px; font:1.1em Arial, Verdana, sans-serif; line-height:1.5em; position:relative }


/*
---------------------------------------------------------6/1/2009 2:55:10 PM-
04. NAVIGATION
---------------------------------------------------------- */
#nav-main { background:url(../images/bg_nav.jpg) repeat-x; height:100px; display:inline; float:right; width:627px;}
#nav-main li { display:block; float:left; }
#nav-main li a, #nav-main li a:visited { border-right:1px solid #5A3B1F; color:#D2B062; display:block; font-size:1.2em; font-weight:normal; height:35px; padding:55px 16px 10px; text-decoration:none; }
#nav-main li a:hover { background:url(../images/bg_nav_over.png) no-repeat; color:#FFDD6D}
#nav-main li.end a { border-right:0;}
#nav-main li a span { font-size:0.8em; display:block; font-weight:bold; text-transform:uppercase; }
#nav-main li a span.inline { display:inline; }
#nav-main li a.active { background:url(../images/bg_nav_active.jpg) no-repeat center top; color:#FFDD6D}
#tagline { color:#645239; font-family:Arial, Verdana, sans-serif; font-size:10px; display:inline; float:right; font-weight:bold; margin-right:15px; text-transform:uppercase; padding-top:4px; width:600px;   }
#tagline strong { padding-right:15px }
#tagline strong span { color:#999; font-weight:normal; padding:0 3px;}

/* FOOTER */
#footer ul, #footer p { border-left:1px solid #fff; margin-left:135px; padding:0 0 0.2em 15px;}
#footer ul.top { padding-top:15px;}
#footer p { color:#525252; padding:10px 0 5px 15px;}
#footer li { border-right:1px solid #ccc; display:inline; margin-right:5px; padding-right:4px; }
#footer li strong { display:block; float:left; font-weight:bold; text-transform:uppercase; white-space:nowrap; width:100px; }
#footer li.end { border-right:0; padding-right:0; }
#footer li a { color:#333; text-decoration:underline; }
#footer li a:hover { color:#608B1A; text-decoration:underline }
#footer #moncur { border-right:0; margin:0; padding:8px 0 40px 0; position:absolute; right:3px; top:7px; }
#footer #moncur a, #footer #moncur a:visited  { background:none; padding-left:0; position:relative; }
#footer #moncur span  { color:#645239; display:none; font-size:10px; font-weight:normal; left:-165px; position:absolute; white-space:nowrap;}

/* SUBNAV */
#subnav { background:url(../images/bg_subnav.png) no-repeat; height:200px; margin-bottom:5px;}
#sub #subnav h2 { text-transform:none; color:#3D670B; font-size:1.36em; font-weight:bold; letter-spacing:normal; margin-bottom:0; padding:25px 20px 12px 30px ;}
#subnav ul { font-size:1.1em; font-weight:bold; margin-bottom:5px; padding:0 30px;}
#subnav li {  margin-bottom:0.4em; }
#subnav li a { background:url(../images/icon_arrow_subnav.gif) no-repeat 0 0.4em; clear:both; color:#2E1B0F; display:block; padding-left:9px; text-decoration:none;}
#subnav li a.active { background:url(../images/icon_arrow_subnav2.gif) no-repeat 0 0.4em; color:#035F93; }
#subnav li a:hover { color:#608B1A;}
#subnav li.eco a { background:url(../images/icon_leaf_subnav.gif) no-repeat 0 0.4em; margin-left:-3px; padding-left:12px; }
#sidebar h3 { background:url(../images/clear.gif); font-size:1.5em; font-weight:bold; line-height:1.2em; margin-bottom:0.3em;}


/*
----------------------------------------------------------
05. BUTTONS
---------------------------------------------------------- */
a.btn, a.btn:visited, #content input.btn, h3.btn { background-image:url(../images/buttons.gif); background-repeat:no-repeat; color:#fff; text-decoration:none;}
a.btn:hover { color:#fff;}
a.glossary, a.checklist { display:block; line-height:1.1em; height:35px; margin-right:5px; padding:10px 10px 0 45px; text-decoration:none; text-transform:uppercase; width:65px;} }
a.glossary { background-position:0 0; }
a.glossary:hover { background-position:-150px 0; }
a.checklist { background-position:0 -50px; }
a.checklist:hover { background-position:-150px -50px; }
h3.phone { background-position:0 -225px; color:#333; line-height:50px; padding-left:55px;}
input.btn { background:#B29366; border:0; color:#fff; }
input.btn:hover { background:#645239; cursor:pointer; }
#content input.btn { background-color:transparent; background-position:0 -200px; font-weight:bold; height:22px; line-height:19px; vertical-align:middle; width:100px;}
#content input.btn:hover { background-position:-150px -200px; }


/*
----------------------------------------------------------
06. HOMEPAGE
---------------------------------------------------------- */
#home h2, #home h3 { color:#2E1B0F; font-size:1.5em; font-weight:bold; letter-spacing:normal; line-height:1.1em; margin-bottom:0.3em; text-transform:none; }
#masthead { position:relative; width:950px; }
.scroll { height:275px; width:950px; overflow:auto; overflow-x: hidden; position:relative;} /* ie needs this class */
.scrollContainer div.panel { height:275px; width:950px;}
.scrollButtons { cursor:pointer; position:absolute; top:120px; z-index:200; }
.scrollButtons.left { left:-1px; }
.scrollButtons.right { right:0px;}
.hide { display: none;}


/*
----------------------------------------------------------
07. SUBPAGES
---------------------------------------------------------- */
#sub h2 { font-size:3.5em;}
#sub #content { background-color:#fff; background-repeat:no-repeat; overflow:hidden; padding-bottom:35px; }
#sub #content-main { border:0; float:right; display:inline; margin:225px 35px 0 30px; width:560px;}
#sidebar { float:left; display:inline; width:323px;}
#sidebar #help { background:url(../images/bg_sidebar_gradient.jpg) repeat-x; padding:8px 29px 50px;}
.bullet li { background:url(../images/icon_arrow_subnav2.gif) no-repeat 0 0.4em; margin-bottom:1em; padding-left:9px;}
.condensed li { margin-bottom:0.2em; }

/* FLOOR TYPES */
div.floor-type { cursor:pointer; display:inline; float:left; margin:0 25px 5px 0; padding:8px; width:250px;}
div.col2 { margin-right:0;}
div.floor-type:hover { background:url(../images/bg_block_hover.gif) repeat;}
div.floor-type h3 { font-size:1.3em; font-weight:bold; line-height:1.1em; margin:0 0 0.3em;}
div.floor-type p { margin-bottom:0;}
div.floor-type img { float:left; margin-right:10px;}

/* INSTALLATION GUIDE */
div.alt { background:url(../images/bg_alt.gif) repeat; }
div.guide { clear:both; overflow:hidden; padding:8px; width:540px;}
div.guide h3 { margin:0 0 0.2em;}
div.guide img { float:left; margin:0 15px 0 0; width:138px;}

/* INSTALLATION METHODS */
div.method { clear:left; float:left; overflow:hidden; padding:8px 8px 0 0; width:265px; }
div.method img { margin:0 15px 0 0; width:48px;}

/* REFINISH METHODS */
div.refinish { padding-bottom:1em; width:550px;}
div.refinish div { float:left; display:inline; width:475px;}
div.refinish img { float:left; width:60px;}

/* SITE MAP */
div.site-section { clear:left; border-top:1px dotted #ccc; overflow:hidden; padding-top:0.75em;}
div.site-section h3 { float:left; margin-top:0; width:13em;}
div.site-section ul { float:left; display:inline; margin-top:3px; padding-bottom:0.75em;}

/* PRODUCT TABLE */
#products { background:url(../images/bg_producttable.gif) no-repeat; width:560px;}
#products th a, #products th a:visited { color:#1a1a1a; font:10px Arial, Verdana, sans-serif; font-weight:bold; text-transform:uppercase; }
#products tr.alt td { background:url(../images/bg_alt.gif) repeat;}
#products td, #products th { border-right:1px dotted #ccc; padding:8px;}
#products th { padding:6px 8px;}
#products td { line-height:1.2em; vertical-align:top;}
#products td.end, #products th.end { border:0; padding-right:12px;}
#products td.thumb a img { border:2px solid #fff;}
#products td.thumb a:hover img { border:2px solid #608B1A;}
#products td span { color:#666; display:block; font-size:0.95em; white-space:nowrap;}
#products td.thumb span { display:inline; position:relative;}
#products td.thumb span.icon { background:url(../images/icon_magnify.png) no-repeat; bottom:7px; display:block; height:11px; position:absolute; right:4px; width:11px; }

/* AUTHORIZED DEALERS */
div.dealer { border-top:1px dotted #ccc; display:inline; float:left; margin:0 0 1em 0; padding-top:1em; width:185px;}
div.dealer h4 { font-size:1.1em; line-height:1.3em; margin-bottom:0;}
div.dealer h4 em { display:block; font-size:0.9em; font-style:normal; font-weight:normal; }


/*
----------------------------------------------------------
08. SHADOWBOX WINDOWS
---------------------------------------------------------- */
body.info-popup { background:#fff;padding:20px 30px 20px 40px; }
body.info-popup #content { text-align:left;}
#page-options { display:block; float:right; margin-bottom:0.75em; overflow:auto; text-align:right; width:500px;}
#page-options a { display:block; float:right; color:#fff; font-weight:bold; height:32px; line-height:32px; text-align:left; width:87px;}
#page-options #btn-printexpand { background-position:0 -100px; text-indent:45px; }
#page-options #btn-printexpand:hover { background-position:-150px -100px; }
#page-options #btn-toggle { background-position:0 -150px; margin-right:5px; text-align:center;}
#page-options #btn-toggle:hover { background-position:-150px -150px; }

/* GLOSSARY SLIDER */
dl.slider { margin-top:2em;}
dl.slider dt { border-top:1px dotted #ccc; color:#608B1A; display:block; font-size:1.3em; font-weight:bold; line-height:1.1em; }
dl.slider dt a { background:url(../images/icon_arrow.gif) no-repeat 0 0.6em; display:block; padding:0.3em 0 0.4em 0.5em;}
dl.slider dt a:hover { background-color:#F2F8F9;}
dl.slider dd { padding-left:0.5em;}

/* SHOPPING LIST */
#checklist ul { margin-bottom:2em; overflow:hidden; width:500px; }
#checklist li { display:block; float:left; width:33%;}
#checklist ul.accessories li { float:none; width:100%;}
#checklist h3 { border-top:1px dotted #ccc; clear:both; color:#608B1A; margin-top:0.5em; padding-top:1em;}
#checklist h3#room-sqfootage { border:none; clear:none; display:inline; font-weight:bold; margin:0; padding:0}
#checklist input.textfield { width:30px;}
#checklist form p { display:inline; }
#checklist p em { font-style:normal; font-weight:normal; padding:0 5px;}

/* PRODUCT SPECS */
#spec-sheet img { float:left; }
#spec-sheet img.sample { margin:0 15px 15px 0; width:300px;}
#spec-sheet img.map { display:inline; margin-top:5px;  }
#spec-sheet div { float:left; display:inline; }
#spec-sheet div.contact { width:235px; margin:5px 25px 25px 0; }
#spec-sheet div.specs { width:150px;}
#spec-sheet div.specs h3 { margin:0 0 0.75em;}
#spec-sheet div.specs h4 { margin-top:0.9em;}
#spec-sheet div.specs h4 span { font-size:0.8em; font-weight:normal; text-transform:uppercase;}
#spec-sheet div.contact-info { float:left;}


/*
----------------------------------------------------------
09. FORMS
---------------------------------------------------------- */
#search { display:inline; float:right}
#search #keyword { width:150px;}
#search input.button { vertical-align:top; }
input, select, textarea { font:11px Arial, Helvetica, sans-serif; }

/* FLOOR FINDER */
#floor-widget h3 { background:url(../images/bg_buyafloor.gif) no-repeat; clear:both; color:#666; font-size:1.2em; height:18px; margin:0 0 0 -7px; padding:4px 8px; position:relative; width:314px;}
#floor-widget h3.active { background:url(../images/bg_buyafloor_active.gif) no-repeat; color:#000 }
#floor-widget h3 span { color:#666; font-size:10px; position:absolute; right:8px; text-transform:uppercase;}
#floor-widget h3.active span { color:#000;}
#floor-widget h3:hover { cursor:pointer;}
#floor-widget label { display:block; float:left; width:40%; font-weight:bold; white-space:nowrap;}
#floor-widget label.nextcol { border-left:1px solid #C5D971; padding-left:10px;}
#floor-widget label span { font-weight:normal;}
#floor-widget hr { clear:both; margin-top:0.2em;}
#floor-widget p { float:right; text-align:right; width:auto;}
#floor-widget a { font-weight:bold;}
#floor-widget div.options { width:316px;}
#floor-widget div.options div { overflow:hidden; padding-bottom:15px;}

/* FLOOR FINDER - SUBPAGE EXCEPTIONS */
#sidebar #floor-widget { margin:0.7em 0 2.5em; width:265px;}
#sidebar #floor-widget h3 { background:url(../images/bg_buyafloor2.gif) no-repeat;font-size:1.1em; width:255px;}
#sidebar #floor-widget h3.active { background:url(../images/bg_buyafloor_active2.gif) no-repeat; }
#sidebar #floor-widget div.options { font-size:0.95em; width:260px;}
#sidebar #floor-widget label { width:44%; }
#sidebar #floor-widget label.nextcol { border-left:1px solid #C5D971; padding-left:5px;}

/* CONTACT FORM */
#contact-form { margin-top:1.5em;}
#contact-form label, #contact-form input { display:block;}
#contact-form label { float:left; font-weight:bold; padding-right:15px; width:150px }
#contact-form input, #contact-form textarea { font:11px Arial, Helvetica, sans-serif; margin-bottom:1em; width:215px;}
#contact-form input.btn { margin-left:165px;  }
span.required { color:#B0000D }


/*
----------------------------------------------------------
10. IE6 EXCEPTIONS
---------------------------------------------------------- */
* html body { behavior:url(http://www.professionalhardwood.com/assets/css/csshover.htc)}
* html #buyafloor { padding-right:17px; position:relative}
* html #content-main { position:relative; }
* html div.guide { float:left; overflow:hidden;}
* html #floor-widget div.options div { margin-bottom:1em; }
* html #floor-widget div.options div label { margin-right:-3px;}
* html #floor-widget h3 { width:311px;}
* html #media { position:absolute; top:5px; left:0;}
* html #nav-main li { display:inline; float:none;}
* html #nav-main li a { float:left;}
* html #nav-main li a:hover { background:none;}
* html #products span.icon { top:29px; left:39px;}
* html #search { width:205px;}
* html #shadowbox_nav_close { background:none;}
* html #sidebar #help { padding-right:20px;}
* html #subnav li { height:1em; margin-bottom:0.2em;}

* html .scrollButtons, * html #subnav, * html #products span.icon { behavior:url(/assets/css/iepngfix.htc) } /* png fix */