/*GENERAL RULES AND RESETS*/
body {font: bold .75em/1.3em arial,sans-serif;}
html {overflow-y: scroll;}
a {text-decoration: none; color: #000;}
a img {border: none;}
#nav, #nav li, #footer ul, #footer li, h2, ul, li, #breadcrumb h1, #details h3, #leftNav ul, #details p, dt, dd {margin: 0; padding: 0;}
dd {margin-bottom: 10px;}
#logo, #tagline, #nav, #sidebar, #gradient, #home-sidebar, #locator-col2, #locator-sidebar {position: absolute;}
.clear {clear: both;}
#leftNav, #details-col2, #product, #page, #tools-col1, #media-col1, #tools-col2, #inner-col2, #breadcrumb img, #product-img , #content, #category,  #header, #nav li, #footer li, #media-col1 img, #category img, #categories img, #categoriesMedia img, #category p, #media-col1 p, #categories p, #categoriesMedia p, #categoriesMedia h2, #categories h2, #category li, #media-col1 li{float: left;}

/*WRAPPER*/
#wrapper, .locator#content {position: relative; height: 400px;}

/*HEADER*/
#wrapper {width: 975px; margin: 0 auto;}
#header {width: 975px; height: 116px;}
#nav {font-size: 110%; top: 83px; left: 258px;}
#nav li, #footer li {list-style: none; height: 11px; text-align: center; padding: 10px 0;}
#nav li {width: 143px; background: #cf0; line-height: 1em; height: 23px; padding: 4px 0;}
#nav a {color: #360; display: block;}
#nav li a {padding: 5px 0; border-right: 1px solid #fff; border-left: 1px solid #fff;}
#logo {top: 4px; left: 8px; }
#tagline {top: 0; right: 0px; padding: 46px 70px 0 0; background: url(../i/common/tagline-back.gif) no-repeat top right;}
#nav .first {height: 31px; width: 145px; padding: 0;}
#nav .first a {padding: 2px 0 3px; border: none; background: url(../i/common/nav-div.png) no-repeat top right;}
#nav  .first a:hover {background: url(../i/common/nav-div.png) no-repeat top right;}
#nav .last a {border-right: none;}
#nav li:hover, #nav .current, #nav .first.current {background: url(../i/common/nav-div-grad.gif) repeat-x;}
#nav li:hover a, #nav .current a {color: #fff;}

/*CONTENT*/
#content {position: relative; width: 975px; border-top: 2px solid #d1d1d1; border-bottom: 2px solid #d1d1d1; z-index: 0;}
.home#content {border: none;margin-top:6px;}

/*FOOTER*/
#footer {font-size: 110%; width: 100%; height: 32px;}
#footer ul {margin: 0 auto; width: 610px;}
#footer li {width: 116px; background: url(../i/common/foot-div.gif) top left no-repeat;}
#footer a {color: #333;}
#footer .first {background: none;}
#footer a:hover, #footer .current a {color: #f6a414; text-decoration: underline;}


/****************************************/
/*ADDITIONAL RULES SPECIFIC TO HOME PAGE*/
/****************************************/
#mainContent {width: 715px; height: 350px;}
#home-sidebar {top: 0; right: 0; width: 260px;}
#home-sidebar p {margin: 0; padding: 5px; line-height: 1.4;}
#home-sidebar #img1, #home-sidebar #img2 {width: 244px; height: 109px; margin: 0 8px ; background: #66ffff;}
#home-sidebar #img1 a {color: #2d4e5d;}
#home-sidebar #img2 a{color: #445b7a;}
#home-sidebar .rule, #home-sidebar .rule2 {width: 235px; height: 2px; text-align: center; padding: 10px; clear: both;}
#home-sidebar .rule div, #home-sidebar .rule2 div {width: 220px; margin: 0 auto; border-top: 1px solid #ccc;}
#home-sidebar .rule2 {padding: 10px 10px 6px 10px;}

#home-sidebar #img2 {background: #9999ff;}
#mainQuote{width:260px;height:128px;}
#home-sidebar #img3 {padding:0 8px 0 0;float:right;width:89px;}
#home-sidebar #img4 {padding:  0 ;float:right;width:160px;}


.home#footer {border-bottom: 1px #e4e4e4 solid; width: 715px; float: left; position: relative;}
#gradient {background: url(../i/home/gradient.gif) repeat-y; height: 100%; width: 11px; right: 0; top: 0;}




/*****************************************/
/*ADDITIONAL RULES SPECIFIC TO TOOLS PAGE*/
/*****************************************/

/*TOOLS PAGE - LOCAL NAVIGATION*/
#leftNav {background: #ededed url(../i/garden-tools/localNav-gradient-bg.gif) repeat-y; width: 170px; left: 0; z-index: 100; min-height: 382px;}
#leftNav ul {margin: 12px;}
#leftNav li {list-style: none; font-size: 110%; border-bottom: 2px solid #fff;}
#leftNav li a {display: block; padding: 5px;}
#leftNav li ul li a {padding: 0 0 3px 0;}
#leftNav li.current  a {background: #f8cc49 url(../i/garden-tools/localNav-li-gradient-bg.gif) repeat-x bottom left;}
#leftNav li.current ul li a {background: none;}
#leftNav li a:hover {background: #f8cc49 url(../i/garden-tools/localNav-li-gradient-bg.gif) repeat-x bottom left;}
#leftNav li:hover a {color: #fff;}
#leftNav li.current a {color: #fff;}
#leftNav ul .current li a {color: #000;}
#leftNav ul ul {margin: 0px;}
#leftNav ul ul li {padding: 0 0 0 25px; margin: 4px 0; font-size: 100%; border: none;}
#leftNav ul ul .current{background: url(../i/common/arrow.gif) no-repeat 0px 2px;}
#leftNav ul ul li:hover{background: url(../i/common/arrow.gif) no-repeat 0px 2px;}

/*TOOLS & MEDIA PAGES- COLUMN 1*/
#tools-col1, #media-col1 {width: 643px;}

/*TOOLS PAGE - COLUMN 2*/
#tools-col2 {width: 160px; border-left: 2px solid #d1d1d1; border-bottom: 2px solid #d1d1d1; min-height: 380px;}
#tools-col2 p {color: #9a9797; font-size: 120%; padding: 0 5px;}
/*TOOLS DETAILS PAGE - COLUMN 2*/
#details-col2 {width: 160px;}

/* BREADCRUMB TRAIL*/
#breadcrumb {margin-bottom: 0;padding: 3px 5px 0 15px;}
#breadcrumb h1 {padding: 15px 0;}
#breadcrumb h1 {font-size: 185%;line-height:1em;}
#breadcrumb img {margin-right: 5px}
#breadcrumb h1 .smallHeader{font-size:75%}
#breadcrumb h1 a {color:#5c5c5c;}

/*TOOLS PAGE - PRODUCT PAGE (DETAILS & GENERAL INFO)*/
#product, #page {width: 603px; padding: 5px 0 0 40px;}
#thumbs {padding: 15px 0;}
#product-img {padding: 5px 40px 15px 0;}
#description {padding: 0 40px 20px 0; font-weight: normal; min-height: 130px;}
#description  p{min-height: 129px; margin: 5px 0;}
#border {width: 315px; border-top: 2px solid #cbcbcb; margin-left: 145px;}
#thumbs img {margin-right: 50px;}
#details {margin-top: 35px; border-left: 2px solid #cbcbcb; padding-bottom: 70px; margin-bottom: 42px;}
#details h3 {font-size: 155%; padding: 5px 5px 3px; border-bottom: 2px solid #cbcbcb; line-height: 1em;}
#details p {margin: 2px 5px 8px;}
#details dt, #details dd{padding-left:5px}
#buy {margin: 10px 28px 10px;}
#content.details {background: url(../i/garden-tools/bw-flower.gif) bottom right no-repeat;}

/*TOOLS PAGE - CATEGORIES*/
#category {padding: 0 0 15px 15px; width: 630px;}
#category ul {margin: 10px 0 15px 0;}
#category h4 {font-size: 130%;line-height:1.2em}
#category li {height: 130px; width: 142px; list-style: none; text-align: center; margin: 0 15px 15px 0;}
#category ul img {width: 142px; margin: 5px 0;}



/*TOOLS PAGE - CATEGORY*/
#categories li {height: 50px; padding: 3px 5px 3px 15px; border-bottom: 1px solid #e4e4e4; list-style: none; clear: both;}
#categories h2 {display: inline; padding: 5px 15px; margin: 10px 0; font-size: 140%; width: 200px; border-right: 2px solid #d1d1d1;}
#categories h2:hover {text-decoration: underline;}
#categories p {margin: 5px 5px 5px 15px; padding: 0; width: 250px;}
#categories .last {border: none;}









/*MEDIA PAGE - MAIN*/
#categoriesMedia li {height: 50px; padding: 3px 5px 3px 15px; border-bottom: 2px solid #d1d1d1; list-style: none; clear: both;}
 #categoriesMedia h2 {display: inline; padding: 5px 15px 5px 25px; margin: 10px 0; font-size: 140%; width: 200px; border-right: 2px solid #d1d1d1;}
 #categoriesMedia h2:hover {text-decoration: underline;}
#categoriesMedia p {margin: 5px 5px 5px 15px; padding: 0; width: 360px;}
#categoriesMedia .last {border: none;}


/*MEDIA PAGE - CATEGORY and DETAIL*/

#media-col1 ul.media li{float:none;height: 10px; margin: 3px 5px 3px 100px; border-bottom:none; list-style: none; clear: both;}
#media-col1 ul.media li a, #page ul.mediaDetail li a, #media-col1 ul li a{text-decoration:underline;}
#media-col1 ul.media li a:hover, #page ul.mediaDetail li a:hover, #media-col1 ul li a:hover{text-decoration:none;color:#f6a414}
#media-col1 ul.mediaMain {margin: 15px 0;}
#media-col1 h4 {font-size: 80%;line-height:1em}
#media-col1 ul.mediaMain li { width: 71px; list-style: none; text-align: center; margin: 0 6px 15px 12px;height:80px;}
#media-col1 ul img, #media-col1 ul img.mainImage {width: 71px; margin: 5px 0;}
#media-col1 ul img.mainImage {width: 142px;}
#media-col1 ul.mediaDetail{margin: 3px 5px 3px 100px; }
#media-col1 ul.mediaDetail li{float:none; list-style: disc; text-align: left; margin: 5px 10px 5px 0; }
#media-col1 ul.mediaDetail li.noBullet{list-style: none;float:none;height:90px; margin: 5px 10px 20px 0;}

.detailBox{width: 590px; }

/*MEDIA PAGE - COLUMN 2*/
#inner-col2 {width: 160px; border-left: 2px solid #d1d1d1; min-height: 350px;}
#inner-col2 p {color: #9a9797; font-size: 120%; padding: 0 5px;}


/***********************************************/
/*ADDITIONAL RULES SPECIFIC TO THE LOCATOR PAGE*/
/***********************************************/
.locator#content {height: 100%; border: 2px solid #eee; padding: 15px 0 0 35px; width: 936px;}
#map-caption {margin: 0; padding: 0 0 10px; font-size: 155%;}
#locator-col2 h2 {font-size: 135%; text-align: center; padding-bottom: 15px;}
#locator-col2 {width: 140px; padding: 0 30px; top: 50px; left: 600px;}
#locator-col2 p {color: #6d6c6a;}
#locator-sidebar {width: 158px; height: 346px; top: 0; right: 0; background: #eee;}
#locator-sidebar #img1 {height: 215px;}
#locator-sidebar #img2 {height: 127px;}

/*STORE-LOCATOR INFO BOX */
#locator-info  {color: #000; font-size: 80%; }
#locator-info a {color: #360; display: block;}


/**************************************************************/
/*ADDITIONAL RULES SPECIFIC TO 2-interior column page layouts*/
/**************************************************************/

.leftSide, .rightSide{float:left; width:235px;padding:0 40px;margin-top:1px;}
.leftSide1, .rightSide1{float:left; width:288px;padding:0 15px;margin-top:1px;}
.leftSide, .leftSide1{border-right:1px solid #d1d1d1;min-height:220px;}.rightSide{}

#tools-col1 a {color: #333;text-decoration: underline;}

#tools-col1 a:hover{color: #f6a414;text-decoration: none; }
p.form{margin:5px 0 0 0;padding:0;}
label.form, form.retailForm input{display:block;}

.highlight{color:#ff9900;}
input.button {padding:2px 10px;
	background:#ff9900;
	border:1px solid #6d6c6a;
	color:#000;
	margin: 10px 3px;
	cursor: pointer;cursor:hand;
}

td.textLeft label.form{text-align: left;}
table.storeType td{padding:0 5px 0 0;}
td.stateZip{padding:0;}
td label.form, td.right{
	text-align: right;
}

td.left, table.left{
	text-align: left;
}
hr.formRule{
	width:50%;
	background-color:#ff6600;
	margin: 10px;
}
/**************************************************************/
/*ADDITIONAL RULES SPECIFIC TO 1 column page layouts*/
/**************************************************************/
#oneColumn {padding:10px 50px 10px 110px;}
#oneColumn2 {padding:10px 20px;}
/**************************************************************/
/*ADDITIONAL RULES SPECIFIC For SITEMAP*/
/**************************************************************/
ul.sitemap li{padding:4px 0}
ul.sitemap li ul li{margin:0 30px;}
.floatLeft{float:left;}
.bottom{padding:8px;}
.guarantee p{text-align:center;padding:0;margin:0;width:620px;}