img { border: 0px; }
td { vertical-align: top; }
html, body{ background: url(http://reimerhardwoods.com/themes/Reimerhardwoods/images/page-background.jpg) repeat-x #0e1a28; font-family: Arial, Geneva, Verdana, Helvetica, sans-serif; font-size: 12px; text-align: left; margin: 0px; }
body { border-top: solid 5px #fff; }
.clear { clear: both; }

.wrapper, #logo, .footer { margin: 0 auto; position: relative; }
.wrapper { background-color: #ffffff; color: #444444; margin-top: 9px; margin-bottom: 16px; padding: 10px; text-align: left; -webkit-border-radius: 10px; -moz-border-radius: 10px; CCborderRadius: 10px; }
#productPhotos, #nav, #logo, .wrapper, #header, .footer, #homeContentContainer, #subContentContainer, #crumbTrail { width: 903px; }

#nav { height: 61px; }
#header { height: 330px; }
.topNav { background: transparent url(http://reimerhardwoods.com/themes/Reimerhardwoods/images/sprites.png) no-repeat 0 -168px; height: 26px; padding: 3px 0 0 33px; position: absolute; top: -5px; left: 355px; width: 540px; }

#productPhotos { height: 254px; text-align: right; font-size: 9px; color: #777777; }
#subContentContainer, #homeContentContainer { margin: 0px; z-index: 0; }
#subContentContainer .subNav { margin-top: 10px; }
#subContentContainer .content { float: left; display: inline-block; margin-right: 20px; width: 600px; }
#subContentContainer .subNav { display: inline-block; padding-right: 1px; width: 274px; }
#subContentContainer .singleColumn.content { margin-top: 0px; margin-right: 0px; width: 895px; }

li { margin-bottom: 3px; }
ul li { list-style-type: square; }

a:link,  a:active,  a:hover,  a:visited { color: #333333; text-decoration: underline; }
a:hover { text-decoration: none; }

.footer { margin-top: 5px; margin-bottom: 15px; }
.footer div, .footer a:link, .footer a:hover, .footer a:active, .footer a:visited { color: #FFFFFF; font-size: 13px; text-decoration: none; }
.footer a:hover { text-decoration: underline; }

.button { border: 2px solid #999999; background-color: #DDDDDD; font-weight: bold; height: 20px; padding-top: 4px; width: 100%; -webkit-border-radius: 7px; -moz-border-radius: 7px; CCborderRadius: 7px; }
.button a {margin: 9px;}

.featureBox { border: 3px solid #DDDDDD; background-color: #FFFFFF; float: left; overflow: hidden; width: 288px; -webkit-border-radius: 7px; -moz-border-radius: 7px; CCborderRadius: 7px; }
.featureBox .featureContent { padding: 10px 10px; }
.featureBox .featureContent div.hr { border-top: solid 1px #7c7c7c; border-bottom: solid 1px #d6d4d4; height: 0px; margin-top: 2px; width: 241px; }
.featureBox .featureContent h1{ color: #666666!important; background-color: #DDDDDD; border-bottom: 0px!important; margin: -15px -25px 10px -16px; padding: 12px 20px 10px 12px; width: 100%; font:bold normal 20px 'Trebuchet MS', Helvetica, sans-serif!important; }
.featureBox .featureContent p { margin: 7px 0px; padding: 0px; }
.featureBox .featureContent a:link, .featureBox .featureContent a:hover, .featureBox .featureContent a:active, .featureBox .featureContent a:visited { color: #2db406; font-weight:bold; text-decoration: none; }
.featureBox .featureContent a:hover { text-decoration: underline; }
.featureBox .featureContent ul { clear: both; margin-bottom: 15px; }
.left, .middle, .right { height: 156px; }
.left { margin-right: 8px; width: 311px; }
.middle { margin-right: 8px; width: 279px; }
.right { width: 278px;}

.suppliers { width: 895px; margin-top: 8px; }
.fscCertificate { color: #0b5805; font-weight: bold; font-size: 12px; line-height: 13px; width: 192px; }
.fscCertificate img { margin-right: 4px; }
.fscCertificate span { font-size: 11px; font-weight: normal; }
.fscCertificate a:link { font-weight: normal; font-size: 11px; text-decoration: underline!important; }

.intro { float: right; width: 600px; margin-bottom: 20px; }
.news { float: left; width: 250px; margin-bottom: 20px; }
.contentHeader { clear: both; margin-top: 10px; }
p, h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 10px; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { color: #666666; border-bottom: solid 2px #888888; }
h2 { color: #777777; font-size: 18px!important; }
h3 { color: #888888; font-size: 16px!important; }
h4 { color: #999999; font-size: 14px!important; }
h5 { color: #184a71; font-size: 12px!important; font-weight: bold; }
h6 { color: #184a71; font-size: 12px!important; }

img.feature { float: right; margin: 0px 0px 10px 10px; }

.smallPrint { font-size: 0.9em; }
.error { color: #CC0000; }

.highlight { padding: 4px; border: solid 1px #CC0000; background-color: #FFDFDF; color: #CC0000; margin-bottom: 10px; clear: both; display: block; }
.highlight ul { margin-bottom: 0px; margin-top: 5px; color: #CC0000; }
.highlight strong { color: #CC0000; }

.slideshow { height: 254px; width: 100%; padding: 0; margin: 0; overflow: hidden; }
.slideshow img { top:0; left:0; }

/* Sprite Styles */
.sprite { background: transparent url(http://reimerhardwoods.com/themes/Reimerhardwoods/images/sprites.png) no-repeat top left; display: block; float: left; position: relative; border: 0; outline: 0; text-indent: -9999px; }
.sprite.text { text-indent: 0; }
.sprite.icon { padding: 3px 0 2px 20px; }
.sprite.nav { font-size: 0px; height: 61px; }
.sprite.nav.home { background-position: 0 -41px; width: 130px; }
.sprite.nav.home:hover { background-position: 0 -104px; }
.sprite.nav.about { background-position: -130px -41px; width: 129px; }
.sprite.nav.about:hover { background-position: -130px -104px; }
.sprite.nav.products { background-position: -259px -41px; width: 129px; }
.sprite.nav.products:hover { background-position: -259px -104px; }
.sprite.nav.testimonials { background-position: -388px -41px; width: 129px; }
.sprite.nav.testimonials:hover { background-position: -388px -104px; }
.sprite.nav.suppliers { background-position: -517px -41px; margin-top: 0; width: 129px; }
.sprite.nav.suppliers:hover { background-position: -517px -104px; }
.sprite.nav.careers { background-position: -646px -41px; width: 129px; }
.sprite.nav.careers:hover { background-position: -646px -104px; }
.sprite.nav.contact { background-position: -775px -41px; width: 127px; }
.sprite.nav.contact:hover { background-position: -775px -104px; }
.sprite.phone { background-position: -886px 2px; height: 18px; width: 115px; }
.sprite.branch { background-position: -521px 0; height: 18px; text-decoration: none; width: 105px; }
.sprite.branch:hover { text-decoration: underline; }
.sprite.newsletter { background-position: -2px 0; height: 39px; left: 660px; position: absolute; top: -5px; width: 246px; }
.sprite.newsletter:hover { background-position: -258px 0; }
.sprite.logo { background-position: -579px -166px; height: 72px; margin-top: 9px; width: 323px; }

.contentTable td, .contentTable th { padding: 5px 10px 5px 0; }
.contentTable th { text-align: right; }

.form label { display: block; font-weight: bold; font-size: 12px; line-height: 14px; padding: 7px 15px 0px 0px; float: left; text-align: right; width: 130px; }
.form li { background-image: none; clear: both; margin: 0px; padding: 10px 0; }
.form li div { float: left; width: 288px; }
.form li.no-label div { width: 430px; }
.form ul, .form li { position: relative; clear: left; list-style: none; list-style-image: none; margin-left: 0; padding-left: 0; margin-bottom: 0px!important; }
.form ol li { list-style: alphabetic; }
.form p { margin-bottom: 15px; }

.form small { color: #444; display: block; clear: left; }
.form li.long-label label, .form li.radio label { padding-top: 0; }
.form li.radio label.required { background-position: 131px -289px; }
.form li div label { display: inline; font-size: 13px; font-weight: normal; line-height: 18px; padding: 0; text-align: left; width: auto !important; }

.form ul.list { float: none; margin-bottom: 20px!important; }
.form ul.list li { float: none; list-style-type: disc; margin-left: 30px; padding: 3px; }

.form .checkbox label { padding-top: 2px; width: 20px; }
.form .checkbox div { width: 398px; }
.form .control-list { margin-bottom: 5px; }
.form .control-list li { padding: 5px 0 0 0; }
.form .control-list.inline li { clear: none; float: left; padding: 0 0 8px 0;  margin-right: 7px; }
.form li.no-label input, .form li.no-label select, .form li.no-label textarea { clear: none; float: none; }
.form .control-list.inline li input, .form .control-list.inline li select, .form .control-list.inline li textarea { float: left; }
.form li table th { text-align: right; vertical-align: top; padding: 5px 7px 0 0; }
.form li table td { text-align: left; vertical-align: top; }

.form .checkBoxTable th { text-align: center; }
.form .checkBoxTable th, .form .checkBoxTable td { padding: 7px; }
.form .checkBoxTable td.checkbox { text-align: center; }
.form .checkBoxTable td input { display: inline; float: none; }

.form .validation
{
    display: block;
    float: left;
    margin-left: 10px;
    padding: 3px 7px;
    width: 175px;
}

.form #generatingContractLoader.validation { margin-top: 5px; }

.form input,
.form select,
.form textarea {
    padding: 4px 6px;
    font-size: 13px;
    background: #fff url(http://reimerhardwoods.com/themes/Reimerhardwoods/images/bg-form-field.gif) repeat-x top left;
    border: 1px solid #aaa;
    color: #333;
    clear: right;
    display: block;
    float: left;
    margin-right: 5px;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* CSS3 */
}

.form input.hidden {
	display: none;
	background: transparent;
}

.form .xsmall-input {
    width: 75px!important;
}

.form .small-input {
    width: 130px!important;
}

.form .medium-input {
    width: 180px!important;
}

.form .large-input {
    width: 268px!important;
}

.form .xlarge-input {
    width: 400px!important;
}

.form select.large-input {
    max-width: 240px!important;
}

.form textarea {
    font-family: Arial, Helvetica, sans-serif;
}

.form select {
    height: 25px;
    padding: 4px;
    margin: 2px 0;
    background: #fff;
}

.form .address3 { height: 0px; width: 0px; border: 0; display: none; padding: 0; }
.form .button, .form button { margin: 10px 0 20px 165px; }
.form .button.no-pad { margin-left: 10px; }

.message { display: block; border: solid 1px #fff; padding: 9px 12px; color: #333; text-decoration: none; margin: 0 0 20px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.message.error { background: #f8dfdf; border-color: #b00000; }
.message.error, .message.error a { color: #b00000; }
.message.success { background: #e4f8ca; border-color: #417200; }
.message.success, .message.success a { color: #417200;}
.message.success a {text-decoration: underline}
.message.warning { background: #fff8c1; border-color: #cdb700; }
.message.warning, .message.warning a { color: #8f7f00; }
.message h1, .message h2, .message h3, .message h4, .message h5, .message p, .message ul { margin-bottom: 0; }