/* CSS Document */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{margin: 0; padding : 0;}

/*Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 
{font-size: 100%;}

/* Removes list-style from lists */
ol, ul
{list-style:none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{font-style:normal; font-weight: normal;}

/* Removes borders */
table
{border-collapse: collapse; border-spacing: 0;}

/* Removes border from fieldset and img */
fieldset, img
{border: 0;}

/* Left-aligns text in caption and th */
caption, th
{text-align: left;}

/* Removes quotation marks from q */
q:before, q:after
{content: '';}
 
 
body {
    background-color:#D0DBB1;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

p {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:15px;
}

#container {
    min-height: 100%;
    _height: 100%;
    position:absolute;
    left: 50%;
    width: 980;
    margin-left: -490px;
}

#content {
    width: 980px;
    min-height: 100%;
    _height: 100%;
    position:relative;
}


#logo {
    position:absolute;
    left:0px;
    top:36px;
    background-image:url(../images/dodsonlumbertop.gif);
    width:976px;
    height:91px;
    z-index:1;
}

#landingmain {
    position:absolute;
    left:26px;
    top:127px;
    width:931px;
    height:233px;
    z-index:2;
}

#landinginfo {
    position:absolute;
    left:0px;
    top:0px;
    width:236px;
    height:196px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:16px;
    color:#FFFFFF;
    text-decoration: none;
    padding-left:20px;
    padding-top:35px;
    z-index:3;
}

a.info:link {color:#FFFFFF;}
a.info:active {color:#FFFFFF;}
a.info:visited {color:#FFFFFF;}
a.info:hover {color:#FFFFFF;}

#flash {
    position:absolute;
    left:280px;
    top:0px;
    width:628px;
    height:233px;
    z-index:3;
}

#gap {
    position:absolute;
    left:0px;
    top:151px;
    background-image:url(../images/backgroundwhole.gif);
    width:976px;
    height:461px;
    z-index:1;
}

#landinggap {
    position:absolute;
    left:0px;
    top:127px;
    background-image:url(../images/backgroundwhole.gif);
    width:976px;
    height:485px;
    z-index:1;
}

#printDiv {
    position:absolute;
    left:695px;
    top:15px;
    width:45px;
    height:20px;
    z-index:2;
    text-align: right;
}

#gapgreen {
    position:absolute;
    left:0px;
    top:171px;
    background-image:url(../images/backgroundwholegreen.gif);
    width:976px;
    height:461px;
    z-index:1;
}

#green {
    background-color:#7ea052;
    position:absolute;
    left:200px;
    top:145px;
    width:757px;
    height:213px;
    z-index:2;
}

#green h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 15px;
    color: #FFFFFF;
    padding-left:20px;
    padding-top:20px;
}

#green h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 13px;
    color: #FFFFFF;
    padding-left:20px;
    padding-top:17px;
}

.greenH1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 15px;
    color: #FFFFFF;
    padding-left:0px;
    padding-top:20px;
}

.greenWithTreeline {
    background-image:url(../images/treeline.gif); 
    background-repeat:no-repeat; 
    background-position: right bottom;
}

#green p{
    font-size:12px;
    line-height:15px;
    color:#eeeeed;
    padding:8px 75px 0px 20px;
}

.greenNonP {
    font-size:12px;
    color:#eeeeed;
    padding-left: 20px;
}

a.green:link {color:#ffffff;}
a.green:active {color:#ffffff;}
a.green:visited {color:#ffffff;}
a.green:hover {color:#ffffff;}

#green ul {
    color:#eeeeed;
    font-size:12px;
    line-height:14px;
    padding:8px 75px 0px 20px;
}

#landinggreen {
    background-color:#7ea052;
    position:absolute;
    left:26px;
    top:151px;
    width:931px;
    height:209px;
    z-index:2;
}


#leftcorner {
    position:absolute;
    left:50px;
    top:383px;
    width:340px;
    height:185px;
    z-index:1;
}

#landingleftcorner {
    position:absolute;
    left:50px;
    width:340px;
    z-index:1;  
    height:202px;
    top:389px;
}

#leftcorner h1 {
    font-size:15px;
    color:#7ea052;
    font-weight:bold;
    padding-bottom:10px;
    
}

#leftcorner p {
    color:#666666;
    font-size:12px;
    line-height:15px;
    padding-right:30px;
}

#leftcorner ul {
    color:#666666;
    font-size:12px;
    line-height:18px;
    padding:10px 0px 10px 10px;
}

a.leftcorner:link {color:#7ea052;}
a.leftcorner:active {color:#7ea052;}
a.leftcorner:visited {color:#7ea052;}
a.leftcorner:hover {color:#becfa8;}

#contactForm {
    position:absolute;
    left:35px;
    top:365px;
    width:555px;
    height:235px;
    z-index:1;
}

#contactForm h1 {
    font-size:15px;
    color:#7ea052;
    font-weight:bold;
}

#contactForm label {
    color:#666666;
    font-size:12px;
    line-height:15px;
    padding-right:30px;
}


#filterForm {
    position:absolute;
    left:10px;
    top:10px;
    width:365px;
    height:325px;
    z-index:1;
    border: 1px solid;
    background-color: white;
}

#filterForm h1 {
    padding-left:10px;
    font-size:15px;
    color:#7ea052;
    font-weight:bold;
}

#filterForm label {
    color:#666666;
    font-size:12px;
    line-height:15px;
    padding-right:5px;
}

#filterForm select, p {
    color:black;
    font-size:12px;
    line-height:15px;
}

#iframe {
    height:182;
    width:320;
    overflow-x:hidden;
}

#landingfeaturedsuppliertop {
    position:absolute;
    left:393px;
    top:389px;
    background-color:#7ea052;
    width:521px;
    height:20px;
    font-size:14px;
    font-weight:bold;
    color:#FFFFFF;
    padding-top:2px;
    padding-right:15px;
    z-index:5;
}

#landingfeaturedsupplier{
    position:absolute;
    left:393px;
    top:412px;
    background-image:url(../images/roseburgbg.gif);
    color:#666666;
    font-size:9px;
    line-height:12px;
    width:119px;
    height:132px;
    padding-top:70px;
    padding-left:10px;
    padding-right:5px;
    z-index:7;
}

a.landingfeatured:link {color:#7ea052;}
a.landingfeatured:active {color:#7ea052;}
a.landingfeatured:visited {color:#7ea052;}
a.landingfeatured:hover {color:#becfa8;}

#lowerimage1 {
    position:absolute;
    left:392px;
    top:383px;  
    width:173px;
    height:229px;
    z-index:2;
}

#lowerimage2 {
    position:absolute;
    left:573px;
    top:383px;
    width:173px;
    height:229px;
    z-index:2;
}

#lowerimage3 {
    position:absolute;
    left:754px;
    top:383px;
    width:173px;
    height:229px;
    z-index:2;
}

#lowerimagethin1 {
    position:absolute;
    left:56px;
    top:383px;
    background-image:url(../images/imgwidegreentruck.jpg);
    width:143px;
    height:229px;
    z-index:2;
}

#lowerimagethin2 {
    position:absolute;
    left:626px;
    top:383px;
    background-image:url(../images/imgthinwarehouse.jpg);
    color:#666666;
    width:143px;
    height:229px;
    z-index:8;
}

#lowerimagethin3 {
    position:absolute;
    left:786px;
    top:383px;
    background-image:url(../images/imgthinparticleboard.jpg);
    color:#666666;
    width:143px;
    height:229px;
    z-index:7;
}

#lowerimagewide2 {
    position:absolute;
    left:209px;
    top:383px;
    background-image:url(../images/imgwidegreentruck.jpg);
    width:354px;
    height:229px;
    z-index:2;
}

#lowerimagewide3 {
    position:absolute;
    left:573px;
    top:383px;
    background-image:url(../images/imgwidegreentruck.jpg);
    background-repeat:no-repeat;
    width:354px;
    height:229px;
    z-index:2;
}

.sideimage1{
    border: 1px solid;
    border-color:#FFFFFF;
    float:right;
    margin-left:20px;
    margin-bottom:200px;
    margin-right:40px;
}

.sideimage2{
    border: 1px solid;
    border-color:#FFFFFF;
    float:right;
    top:400px;
    margin-left:0px;
    margin-right:40px;
    z-index:3;
}

#featsupply {
    position:absolute;
    left:46px;
    top:383px;
    background-image:url(../images/productssupplybg.gif);
    background-repeat:no-repeat;
    width:267px;
    height:229px;
    z-index:197;
}

#know {
    position:absolute;
    left:337px;
    top:383px;
    background-image:url(../images/knowboxwidebg.gif);
    background-repeat:no-repeat;
    width:310px;
    height:229px;
    z-index:196;
}

#knowshort {
    position:absolute;
    left:337px;
    top:383px;
    background-image:url(../images/knowboxshortbg.gif);
    background-repeat:no-repeat;
    width:266px;
    height:229px;
    z-index:196;
}

#boxtopper {
    font-size:12px;
    color:#eeeeed;
    font-weight:bold;
    padding-top:6px;
    padding-right:8px;
    padding-bottom:5px;
}

.boxtext {
    font-size:11px;
    line-height:18px;
    margin-left:103px;
    margin-right:12px;
    margin-top:17px;
}

a.boxtext:link {color:#7ea052;}
a.boxtext:active {color:#7ea052;}
a.boxtext:visited {color:#7ea052;}
a.boxtext:hover {color:#becfa8;}

.boxtextshort {
    font-size:11px;
    line-height:18px;
    margin-left:90px;
    margin-right:10px;
    margin-top:17px;
}

a.boxtextshort:link {color:#7ea052;}
a.boxtextshort:active {color:#7ea052;}
a.boxtextshort:visited {color:#7ea052;}
a.boxtextshort:hover {color:#becfa8;}


.boxtextshortList {
    font-size:11px;
    line-height:15px;
    padding-left: 50px;

}
a.boxtextshortList:link {color:#7ea052;}
a.boxtextshortList:active {color:#7ea052;}
a.boxtextshortList:visited {color:#7ea052;}
a.boxtextshortList:hover {color:#becfa8;}

#navigation {
    position:absolute;
    left:0px;
    top:127px;
    background-image:url(../images/navbar.gif);
    background-repeat:no-repeat;
    width:976px;
    height:24px;
    z-index:100;
}

#navcurrentlocation {
    position:relative;
    top:8px;
    left:25px;
    width:165px;
    height:16px;
    font-size:14px;
    color:#7ea052;
    font-weight:bold;
    text-align:right;
    padding-right:10px;
    text-transform:uppercase;
}

a.navcurrentlocation:link {color:#7ea052; text-decoration:none;}
a.navcurrentlocation:active {color:#7ea052; text-decoration:none;}
a.navcurrentlocation:hover {color:#becfa8; text-decoration:none;}
a.navcurrentlocation:visited {color:#7ea052; text-decoration:none;}

#navlinks {
    position:absolute;
    top:8px;
    left:190px;
    width:765px;
    height:16px;
    text-align:right;
}

.navlink {
    font-size:12px;
    color:#7ea052;
    font-weight:bold;
    padding-right:25px;
    padding-top:5px;
}

a.navlink:link {color:#7ea052; text-decoration:none;}
a.navlink:active {color:#7ea052; text-decoration:none;}
a.navlink:hover {color:#becfa8; text-decoration:none;}
a.navlink:visited {color:#7ea052; text-decoration:none;}


#subnav {
    position:absolute;
    left:0px;
    top:151px;
    width:200px;
    height:207px;
    background-image:url(../images/subnavabout.gif);
    background-repeat:no-repeat;
    z-index:2;
}

#subnavlong {
    position:absolute;
    left:0px;
    top:151px;
    width:200px;
    height:461px;
    background-image:url(../images/subnavabout.gif);
    background-repeat:repeat-y;
    z-index:2;
}

#subnavlinks {
    position:relative;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    line-height:18px;
    color:#000000;
    text-decoration: none;
    width:153px;
    margin-top:10px;
}
    
.subnavlink {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    line-height:18px;
    color:#000000;
    text-decoration: none;
    padding-right:8px;
}

a.subnavlink:link {color:#000000; text-decoration:none;}
a.subnavlink:active {color:#333333; text-decoration:none;}
a.subnavlink:hover {color:#333333; text-decoration:none;}
a.subnavlink:visited {color:#000000; text-decoration:none;}

#subnavlinks2 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    line-height:18px;
    color:#000000;
    text-decoration: none;
    background-image:url(../images/subnavbg.gif);
    background-repeat:repeat-y;
}

.subnavSelected 
{ 
    color:#000000; 
    padding-right:8px; 
    font-weight: bold;
}

.subnavlink2 {
    color:#203C17;
    padding-right:8px;
}
a.subnavlink2:link {color:#203C17; text-decoration:none;}
a.subnavlink2:active {color:#333333; text-decoration:none;}
a.subnavlink2:hover {color:#333333; text-decoration:none;}
a.subnavlink2:visited {color:#203C17; text-decoration:none;}

.historypic {
    border: 1px solid;
    border-color:#FFFFFF;
    float:right;
    margin-left:20px;
    margin-bottom:200px;
    margin-right:40px;
}

#pages {
    position:absolute;
    background-image:url(../images/treeline.gif);
    left:200px;
    top:520px;
    height:76px;
    width:757px;
    z-index:3;
}

#treeline {
    position:absolute;
    background-image:url(../images/treeline.gif);
    left:200px;
    top:282px;
    height:76px;
    width:757px;
    z-index:3;
}

#treeline p {
    font-size:12px;
    line-height:15px;
    color:#eeeeed;
    padding:8px 75px 0px 20px;
}

#treelinelow {
    position:absolute;
    background-image:url(../images/treeline.gif);
    left:200px;
    top:550px;
    height:76px;
    width:757px;
    z-index:3;
}

#contactinfo {
    position:absolute;
    left:228px;
    top:213px;
    background-image:url(../images/contactinfo.gif);
    background-repeat:no-repeat;
    width:163px;
    height:130px;
    z-index:3;
}


#rightimage {
    position:absolute;
    left:704px;
    top:151px;  
    background-repeat:no-repeat;
    width:253px;
    height:207px;
    z-index:101;
}

#bottom {
    position:absolute;
    left:0px;
    top:612px;
    background-image:url(../images/bottom.gif);
    background-repeat:no-repeat;
    width:976px;
    height:47px;
    z-index:15;
}


#footer {
    position:absolute;
    left:0px;
    top:648px;
    font-size:10px;
    color:#666666;
    padding-top:15px;
    width:976px;
    height:30px;
    z-index:16;
}

a.footer:link {color:#666666;}
a.footer:active {color:#666666;}
a.footer:visited {color:#666666;}
a.footer:hover {color:#666666;}

#columnarForm fieldset
{
    float: left;
    display: block;
    width: 220px;
}

#columnarForm input
{
    display: block;
    width: 190px;
}

#columnarForm label
{
    display: block;
    font-size:10px; 
    margin-bottom: 8px;
}

#columnarForm select
{
    display: block;
    width: 190px;
}

.submit {
    background-color: #D0DBB1;
    border: 2px groove #7EA052;
    width: 95px;
}

.reqField {
    color: red;
    font-style: italic;
}

.gridHeader 
{
    background-color: #7EA052;
    font-weight: bold;
    color: White;
}

.gridHeader a:link { color: #eeeeed; }
.gridHeader a:visited { color: #eeeeed; }
.gridHeader a:active { color: #7ea052; }
.gridHeader a:hover { color: #7ea052; background-color: #eeeeed; }

.gridAltRow 
{
    background-color: #eeeeed;
    text-align: left;
    vertical-align: top;    
}

.gridAltRow a:link { color: black; }
.gridAltRow a:visited { color: black; }
.gridAltRow a:active { color: black; }
.gridAltRow a:hover { color: white; background-color: black; }

.gridFieldHeaders {
    background-color: #d0dbb1;
    text-align: left;
    vertical-align: top;    
    font-weight: bold;
}

.gridFields {
    background-color: #eeeeed;
    text-align: left;
    vertical-align: top; 
    padding-left: 3px;
}

.gridFields a:link { color: black; }
.gridFields a:visited { color: black; }
.gridFields a:active { color: black; }
.gridFields a:hover { color: white; background-color: black; }

.gridPaging {
    text-align: right;
    background-color: white;
    color: #7ea052;
    padding-left: 3px;
    font-weight: bold;
    border-top: 0px solid white;
    border-right: 0px solid white;
    border-left: 0px solid white;
}

.gridPaging a:link { color: #7ea052; }
.gridPaging a:visited { color: #7ea052; }
.gridPaging a:active { color: #7ea052; }
.gridPaging a:hover { color: white; background-color: #7ea052; }

.gridRow {
    background-color: #D0DBB1;
    text-align: left;
    vertical-align: top;    
}

.gridRow a:link { color: black; }
.gridRow a:visited { color: black; }
.gridRow a:active { color: black; }
.gridRow a:hover { color: white; background-color: black; }

.whiteBg 
{
    background-color: White;
}

.darkGreneBg 
{ 
    background-color: #7ea052; 
    background-attachment: fixed;
    background-image: url(../images/treelinesolid.gif);
    background-repeat: no-repeat;
    background-position: right bottom;  
}

.gridResults
{
    font-weight: bold;
}

.errorMsg 
{
    color: red;
    font-style: italic; 
}

.warningMsg 
{
    color: orange;
    font-style: italic; 
}

.infoMsg 
{
    font-style: italic; 
}

.locationLinks 
{
    text-decoration: underline;
    color: black;
}

a.locationLinks:hover { color:white; text-decoration:none; background-color: #7EA052; }

.prodTableNoBg 
{
    background-color: #7EA052;
    border-left: 1px solid #7EA052;
    border-top: 1px solid #7EA052;
    border-right: 1px solid black;
}

#prodTable {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    /*border: 2px solid black;*/
    background-color: #becfa8;
    padding-left: 20px;
    color: #203C17;
}

#prodTable th
{
    font-weight: bold;
    /*background: white url(../images/prodTableHeaderBg.gif) no-repeat;*/
    background-color: white;    
    line-height: 15px;
    padding-left: 5px;
    /*border: 2px solid black;*/

}

#prodTable caption {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:15px;
    color: #FFFFFF;
    padding-top:10px;
    padding-bottom:10px;
}
.prodTableAltRow 
{
    background-color: #d0dbb1;
    text-align: left;
    vertical-align: top;    
}

#triColLeft {
    position:absolute; 
    top:45px; 
    left:10px; 
    width:233px;
    margin-top: 10px;
    z-index: 2;
}

#triColLeft li {
    width: 210px;
    font-size:11px;
}

#triColMid {
    position:absolute; 
    top:45px; 
    left:243px; 
    width:233px;    
    margin-top: 10px;   
    z-index: 2;
}
#triColMid li {
    width: 210px;
    font-size:11px;
}

#triColRight {
    position:absolute; 
    top:45px; 
    left:476px; 
    width:233px;
    margin-top: 10px;       
    z-index: 2;
}

#triColRight li {
    width: 210px;
    font-size:11px;
}

.triColHeader {
    font-weight: bold;  
    color: white;
}

.triColList {
    list-style-position: outside;
    list-style-type: disc;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px; 
}



.boxTextLink {
    color:#7ea052;
}

a.boxTextLink:link {color:#7ea052;}
a.boxTextLink:active {color:#7ea052;}
a.boxTextLink:visited {color:#7ea052;}
a.boxTextLink:hover {color:#becfa8;}

#biColLeft {
    position:absolute; 
    top:45px; 
    left:10px; 
    width:333px;
    margin-top: 10px;
    z-index: 2;
}

#biColLeft li {
    width: 310px;
}

#biColRight {
    position:absolute; 
    top:45px; 
    left:343px; 
    width:333px;
    margin-top: 10px;   
    z-index: 2;
}

#biColRight li {
    width: 310px;
}

#singleCol {
    position:absolute; 
    top:45px; 
    left:10px; 
    width:685px;
    margin-top: 10px;
    z-index: 2;
}

#singleCol li {
    width: 685px;
    margin-left: 25px;
    padding-left: 5px;
}

.landingfs-logo {
    position: absolute; 
    z-index: 10;
}

#credentials {
    text-align: right;
    width: 350px;
}

/* Top, Right, Bottom, Left */
.formSpacer {
    padding: 5px 3px 5px 5px;
}


/* 
===============================
   Google Widget
=============================== 
*/   
/* Widget content container */
#goog-wm { }

/* Heading for "Closest match" */
#goog-wm h3.closest-match { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 13px;
    color: #FFFFFF;
    padding-left:20px;
    font-style: italic;
}

/* "Closest match" link */
#goog-wm h3.closest-match a { 
    color:#ffffff;
}
a.goog-wm h3.closest-match:link {color:#ffffff;}
a.goog-wm h3.closest-match:active {color:#ffffff;}
a.goog-wm h3.closest-match:visited {color:#ffffff;}
a.goog-wm h3.closest-match:hover {color:#ffffff;}

/* Heading for "Other things" */
#goog-wm h3.other-things { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 13px;
    color: #FFFFFF;
    padding-left:20px;
}

/* "Other things" list item */
#goog-wm ul li { 
    list-style-position: outside;
    list-style-type: disc;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px; 
}

/* Site search box */
#goog-wm li.search-goog { 

}

/* Begin Base Template Styles */
a.BaseNoHover:hover { background-color: transparent; color: white; text-decoration: none; }

.BaseNavList {
    color: #009933;
    border-right-width: thin;
    border-right-style: solid;
    border-right-color: #CC3300;
    padding-right: 4px;
}

.BaseList {
    clear: left;
    list-style-position: outside;
    list-style-type: disc;
    padding:5px 5px 5px 5px;
    margin-left: 25px;
}

.BaseNavLink { color: #009933; } 
a.BaseNavLink:link { color: #009933; }
a.BaseNavLink:visited { color: #009933; }
a.BaseNavLink:hover { background-color: #009933 ; color: white; text-decoration: none; }
a.BaseNavLink:active { font-weight: bold; color: #009933; text-decoration: underline; }

.BaseBody {
    font-family: Arial, Helvetica, sans-serif;
    background-color: white;
    background-image: url(../images/truck-watermark.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom right;

}

.Baseh1 { font-size: 18px; margin-top: 5px; margin-bottom: 5px;  color: #009933; }
.Baseh2 { font-size: 16px; margin-top: 7px; margin-bottom: 5px;  color: #009933; }
.Baseh3 { font-size: 13px; font-weight: bold; margin-top: 7px; margin-bottom: 5px;  color: #009933; }

.BaseHorizTile { 
    width: 135px;
    height: 125px;
    text-align: right;
    background-image:url(../images/DWL-Logo-HorizTile.gif); 
}

.BaseHorizTile { 
    background-image:url(../images/DWL-Logo-HorizTile.gif); 
}

a.BaseLink:link { font-weight: bold; color: #CC3300; text-decoration: underline; }
a.BaseLink:visited { font-weight: bold; color: #CC3300; text-decoration: underline; }
a.BaseLink:hover { font-weight: bold; background-color: #FFFF00; text-decoration: none; }
a.BaseLink:active { font-weight: bold; color: #CC3300; text-decoration: underline; }
/* End Base Template Styles */