/*
=============================================================================================

Ronny's Garden World
General Layout Style Sheet

Created by Delaware.Net
http://www.delaware.net
Copyright 2008

=============================================================================================
*/



/* Color Scheme
=============================================

Headings - #000000
Body Font - #ffffff
Links - #ff0000

========================================== */



body {background:url(/images/bg.jpg) left top repeat-x; font:10px Verdana, Arial, Helvetica, sans-serif; color:#000000; margin:0;}

a {outline-style:none; color:#000000;} /* Removes dotted lines around links when active */
a:hover, a:focus, a:active {color:#8eb36e;}

img {border:none;}
strong {font-weight:bold;}
input, textarea {background:#fff; border:1px solid #777;}

/* Use to add jump link to navigation and main content also add link in footer to jump to top of page for screen readers */
.access {display: none; text-indent:-9999px; overflow:hidden; height:0;}

.thumbnail {padding:3px; margin:3px; border:1px solid #444; background:#ccc;}




/* Layout
========================================== */

#wrapper {margin:0 auto; width:877px;}


/*=== Header ===*/
#header {background:url(/images/header-bg.jpg) left top no-repeat; color:#000; position:relative; height:208px; font-size:9px;}
#header h1 {margin:0; text-indent:-9999px; overflow:hidden; height:126px; width:476px; position:absolute; top:19px; left:0;}
#header h1 a:link, #header h1 a:visited, #header h1 a:hover {display:block; background:url(/images/logo.png) left top no-repeat; height:123px; width:476px;}
#header ul {margin:0; padding:0; position:absolute; top:19px; right:0;}
#header ul li {list-style:none; display:inline; float:left; border-right:1px solid #000; padding:0 10px;}
#header ul li.last {border:none;}
#header ul li a {color:#000000; text-decoration:none;}
#header ul li a:hover {text-decoration:underline;}
#header fieldset {border:none; position:absolute; bottom:6px; right:0;}
#header .submitBtn {background:#f8e2b8; font-size:12px; border:none; padding:2px;}

/*== Navigation Main== */
/* If using a horizontal nav, add display:block to the a tag and display:inline li to create the button but remove the extra whitespace from IE6 and watch using a height on the A tag */
#navMain {/*NAV CONTAINER*/}
#navMain ul {width:875px; height:30px; margin:0 0; padding:0; border-bottom:1px solid #b6e390; border-top:1px solid #b6e390;}
#navMain ul li {list-style:none; display:inline; float:left;}
#navMain ul li a {height:30px; display:block;} /* FLOAT LEFT ON A TAG COULD BE REASON FOR IE6 SCREWING UP LIST NAVIGATION - TRY ADDING IT NEXT TIME AND SEE WHAT HAPPENS */
#navMain ul li a {text-indent:-9999px; overflow:hidden; text-decoration:none;}

#btn1 a:link, #btn1 a:visited {background:url(/images/btn-delivery.gif) no-repeat left bottom; width:129px; margin:0 0 0 20px;}
#btn1 a:hover {background-position:top left;}

#btn2 a:link, #btn2 a:visited {background:url(/images/btn-hardiness.gif) no-repeat left bottom; width:161px; margin:0 0 0 33px;}
#btn2 a:hover {background-position:top left;}

#btn3 a:link, #btn3 a:visited {background:url(/images/btn-diy.gif) no-repeat left bottom; width:161px; margin:0 0 0 44px;}
#btn3 a:hover {background-position:top left;}

#btn4 a:link, #btn4 a:visited {background:url(/images/btn-blog.gif) no-repeat left bottom; width:90px; margin:0 0 0 33px;}
#btn4 a:hover {background-position:top left;}

#btn5 a:link, #btn5 a:visited {background:url(/images/btn-employ.gif) no-repeat left bottom; width:153px; margin:0 0 0 28px;}
#btn5 a:hover {background-position:top left;}


/*=== Content ===*/

/* MAIN CONTENT AREA */
#contentMain {width:713px; float:left; margin:7px 0 0;}
#contentMain #subcontentMain {height:179px; border:1px solid #b6e390; margin:2px 0 6px 0; padding:8px;}
#contentMain #interiorMain {height:auto; width:689px; border:1px solid #b6e390; margin:7px 0 6px 1px; padding:10px;}
#interiorMain #rightBox {width:200px; border:1px solid #b6e390; margin:0 0 0 20px; padding:0 10px 10px 10px; float:right;}


#contentMain #announcements {width:400px; float:left;}
#contentMain #announcements ul {padding:0 0 0 15px;}
#contentMain #announcements ul li {list-style:none; padding:0 0 15px;}
#contentMain #weeklyAd {width:214px; height:170px; border-left:1px solid #b6e390; padding:5px 20px; float:right;}
#contentMain #weeklyAd h3{margin:0px 0px 15px 0px;}
.sIFR-active #contentMain h3 {visibility: hidden; font-family: Helvetica, Arial, sans-serif; line-height: 1em; font-size: 20px; margin:0; color:#fff;}
.sIFR-active #contentMain h4 {visibility: hidden; font-family: Helvetica, Arial, sans-serif; line-height: 1em; font-size: 18px; margin:0; color:#fff; background:#b6e390; margin:-8px -8px 10px -8px; padding:4px 7px 0 6px;}


#contentMain #imageswap {margin:1px 0 0;}

#flashMain {margin:1px 0 0 1px; border:1px solid #360;}


/* SUB CONTENT AREA */
#contentSub {width:156px; float:left; margin:7px 7px 7px 0;}
#contentSub ul {margin:0; padding:0;}
#contentSub ul li {list-style:none; padding:1px 0 0 1px;}
#contentSub ul li p {font-size:9px; text-align:center; padding:0 10px;}
#contentSub ul li a {color:#000000;}

#contentSub #box1 {background:url(/images/landscape-box.jpg) left top no-repeat; height:156px; width:155px; margin:0 0 7px; padding-top:2px;}
#contentSub #box1 h2 {background:url(/images/landscape-design-services.jpg) left top no-repeat; height:45px; text-indent:-9999px; overflow:hidden; margin:0;}
#contentSub #box2 {background:url(/images/hours-box.jpg) left top no-repeat; height:156px; width:155px; margin:0 0 7px;}
#contentSub #box2 h2 {background:url(/images/store-hours.jpg) left top no-repeat; height:29px; text-indent:-9999px; overflow:hidden; margin:0;}
#contentSub #box3 {background:url(/images/calc-box.jpg) left top no-repeat; height:156px; width:155px;}
#contentSub #box3 h2 {background:url(/images/mulch-stone-and-topsoil-calculator.jpg) left top no-repeat; height:64px; text-indent:-9999px; overflow:hidden; margin:0;}

/*=== Footer ===*/
#footer {background:url(/images/footer-gradient.jpg) left top no-repeat; height:55px; width:876px;clear:both; font-size:9px; float: left; text-align: center;}
#address { height:55px; float:left; margin:0 0 0 10px; z-index:9999px; width:auto;}
#footerNav {width:600px;}
#cards { height:55px; position:relative; float:right; margin:-45px 8px 0 0;z-index:9999px; width:auto;}
#footer ul {margin:0 110px 0 0; padding:6px 0; list-style:none; width:700;}
#footer ul li {display:inline; border-right:1px solid #000; padding:0 10px;}
#footer ul li.last {border:none;}
#footer ul li a {color:#000000; text-decoration:none;}

#footer #nav1 {width:640px;}
#footer #nav2 {width:430px;}

#copyright {text-align:center; color:#777; margin:20px}

#delawarenet a:link, #delawarenet a:visited, #delawarenet a:hover {display:block; text-decoration:none; height:30px; width:100px; color:#777;}

/* Mulch Calculator */
.mulchbox {
	padding:8px;
	margin:5px;
	float:left;
	width:320px;
}
.mulchbox legend{
	font-size:18px;
}
.mulchtotal {
	padding:8px;
	margin:5px;
	width:670px;
}
.mulchtotal legend{
	font-size:18px;
}