/* CSS Document */


#natMulchCollage {
float:left;
margin-left:55px;
margin-top:0px;
margin-right:0px;/*This is necessary because the imageContainer class has a right margin of 25px;*/
width:314px;
border:none;
background-color:none;

}

#content {
background-image:url(../../imageFiles/sodMulchSoil/doubleLine_horizontal_875w_copy.jpg);
/*background:pink;*/
height:600px;
background-repeat:no-repeat;
background-position:25px 1075px;

}



#content .mulchPricing {
float:left;
width:270px;
margin-left:50px;
margin-top:10px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
line-height:1.5em;
border:thin black solid;
z-index:2;
}


#content .mulchPricing a {/*You must set the width and height of a link to make it visible and to add other styles. I also had to add the div container to the front of this tag to make the styling work.*/
float:left;
display:block;
width:260px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:white;
padding:5px;
text-align:center;
text-decoration:none;
color:blue;
}

#content .mulchPricing a span {
text-decoration:underline;
}



#content .mulchPricing a:hover {
background-color:#CCCCCC;
}

#content .mulchPricing a:visited {
color:blue;

}

#content .mulchPricing a:visited span {
text-decoration:underline;
}




#rubMulchCollage {
float:left;
margin-left:25px;
margin-top:35px;
margin-right:0px;/*This is necessary because the imageContainer class has a right margin of 25px;*/
width:305px;
height:342px;
border:none;
}


#leftColumn_mulch {
width:470px;
border:none;
border-right:double #999999 5px;
height:500px;
border-top: double #999 5px;
}

#leftColumn_mulch p {
width:80%;


}

#leftColumn_mulch p a {
color:blue;
text-decoration:underline;
}

#horizontalDoubleLine {
float:left;
margin-top:20px;
margin-left:45px;
width:314px;


}