/* CSS Document */

/* --- Store Category Pages --- */
#category-filters, #category-promo, #category-liners{width:390px; font-size:.9em; background:url(../images/store/pond-pumps.jpg) no-repeat top center; background-color:#e0eef9; border: 1px solid #c8ddee; border-bottom: 1px solid #84bce9; border-right: 1px solid #84bce9; overflow:auto;}
#category-filters h4, #category-promo h4{padding-left:5px; margin: 50px 0 0 0;}
#category-filters p, #category-linerponds p, #category-promo p{padding-left: 5px;}

/* --- PURCHASE PAGES INFORMATION --- */
.moreprodinfo{width:100%; margin-top:35px;}
.moreprodinfo h3{display:none;}
.moreprodinfo ul#prodinfonav{border-bottom:1px solid #c8ddee; display:block; margin:0; list-style-position:outside; list-style-type:none; padding:0; width: 100%; height:20px; }
* html .moreprodinfo ul#prodinfonav li a{display:block;	float:left;	width:90px;}
.moreprodinfo ul#prodinfonav li{display:inline; padding:0; margin:0; height:20px; width:90px;}
#infonav1{background:url(../images/productinfobg.gif) no-repeat;}
#info1, #info2, #info3, #info4{display: none; border: 1px solid #c8ddee; border-top:none; padding:7px; background: url(../images/productinfobg2.gif) repeat-x; margin-bottom:25px;}
#info1{display:block;}
.moreprodinfo div ul{list-style-type:none; margin:0; padding:0 0 0 5px;}
.moreprodinfo div ul li{padding:0 0 3px 10px; background:url(../images/navbutton.gif) no-repeat; background-position: left top; text-indent: 5px;}
#infolinks{margin:5px auto 20px auto; border-top: 1px solid #c8ddee; background:#e9f4fb; padding:5px; width:97%; display:block;}
* html #infolinks{width:93%;}
#infolinks ul{list-style-position:outside; list-style-type:none; margin:0; padding:0;}

/* --- STORE RIGHT BAR --- */
#rightstorebar{width:200px; float:right; margin-left:10px;}
#rightstorebar img{	margin-bottom:5px;}
#rightstorebar #shoppingcart img{margin:0;}
#shoppingcart{background:url(../images/cart-middle.gif) repeat-y; margin-top:10px;}
#shoppingcart p{margin:10px 0; padding-left:10px;}
* html #shoppingcart p{padding:0;}
#shoppingcart-top{height:10px; background:url(../images/cart-top.gif) no-repeat #FFF; background-position: bottom center;}
#shoppingcart-bottom{height:10px; background:url(../images/cart-bottom.gif) no-repeat #FFF; background-position:top center;}
.price{font-weight:bold; text-align:center; color:#990000;}
#rightstorebar .price{font-weight:normal !important;}
.dropdownoption{width:180px; font-size:.7em; padding:0;}
* html .dropdownoption{width:200px;}
.dropdownoption option{width:300px;}
#itempicture{float:right; width:220px; text-align:right; display:block; margin-bottom:5px; padding:0 0 2px 5px;}
#rightstorebar table{border-bottom:2px solid #b4cfe5;}
#rightstorebar table td{border-top:1px solid #d8e8f4; line-height:1.25em; padding-bottom:3px}
#rightstorebar p{color:#000;}

/* --- FEATURED PRODUCTS --- */
#rightstorecontent{width:202px; float:right; text-align:center;}
#featuredproducts{background-color:#FFF; width:190px; float:right; background:url(../images/features-header.gif) no-repeat; border: 1px solid #c8ddee; border-bottom: 1px solid #84bce9; border-right: 1px solid #84bce9; margin-left:10px;}
#featuredproducts h4{color:#00677d; font-size:1.1em;}
#featuredproducts ul{ border-bottom:3px solid #88c540; height:25px; list-style-type:none; display:block; list-style-position:outside; margin: -25px 0 0 0; padding:0; font-size:.9em; position: relative; z-index: 99;}
#featuredproducts ul li{width:35px; float:left; margin: 0 0 0 2px; height:25px;}
#featuredproducts ul li a{text-decoration:none; width:35px;}
li#fnav1{background:url(../images/features-active.gif) no-repeat;}
li#fnav2, li#fnav3{background:url(../images/features-notactive.gif) no-repeat;}
#featured1, #featured2, #featured3{font-size:.85em;}
#featured2, #featured3{display:none;}
#featured1 p, #featured2 p, #featured3 p{margin: 5px 5px 10px 5px; padding:0;}
.featuredbuynow{font-size: 1.1em;}
.featuredbuynow a, .featuredbuynow a:link,.featuredbuynow a:visited,.featuredbuynow a:hover,.featuredbuynow a:active{color:#990000 !important;	text-decoration:none;}

/* --- Store Stuff that is used elsewhere --- */
#ToCtable{font-size: 12px; line-height: 1.3em; padding:0 0 10px 0; margin: 0 !important; width:600px; display:table; overflow:visible;}
#ToCtable h1{margin:0; font-size:1.5em; padding:5px;}
#ToCtable div{text-align:center; width:198px; height:175px; position:relative; float:left; margin: 0 0 0 2px; padding-top: 10px; display:inline; border-bottom: 1px dotted #e0eef9;}
#ToCtable div div.price{padding:0; margin:0; height:auto !important; border: none;}
#ToCtable a, #ToCtable a:link, #ToCtable a:visited, #ToCtable a:hover, #ToCtable a:active{text-decoration:none; display:block; width:150px; margin:auto;}
.producttable2{width:370px; border:1px solid #e0eef9; padding:0; margin: 1em auto;}
* html .producttable2, * html .producttable{width:350px; font-size: .95em;}
.producttable2{border: 1px solid #a6d470; margin-top:10px;}
.producttable2 th{color:#659235; background:#deedcf;}
.producttable2 td{text-align:left; padding: 0 0 0 5px; margin:0;}
.producttable2 td p{ margin:0; padding:0;}
.producttable2 strong{color:#294a51;}
.producttable2 tr.blue{background:#deedcf;}
* html #content div#ToCtable{width:590px;}
* html #content div#ToCtable div{width:190px;}
.producttable{border:1px solid #e0eef9; padding:0; margin: 1em auto; width:370px}
.producttable th{color:#066478; background:#edf5fc;}
.producttable td{text-align:center;}
.producttable td p{margin:0; padding:0;}
.producttable tr.blue{background:#edf5fc;}
.producttable tr.white, .producttable th.white, producttable2 tr.white, producttable2 th.white{background-color:#FFF;}
.producttable ul{text-align:left; margin: 0 0 0 10px; padding: 0 0 0 5px;}

/* --- Rain Barrel Page --- */
#rainbarrels{overflow:visible; display:table;}
#rainbarrels div{ width:190px; float:left; position:relative;}
#rainbarrels div.right, #rainbarrels div.center{ margin-left:15px;}
#rainbarrels div div.top{background: url("../images/rainbarrels-top.gif") no-repeat top; height:7px;}
* html #rainbarrels div div.top{background-position:bottom;}
#rainbarrels div div.middle{background: url("../images/rainbarrels-middle.gif") repeat-y;}
#rainbarrels div div.bottom{background: url("../images/rainbarrels-bottom.gif") no-repeat top; height:7px;}
#rainbarrels h3{text-align:center; font-size: 1em; margin:0; padding:0; height: 4em;}
#rainbarrels h4{font-size: 1em; color:#066478; text-indent:5px; padding:0; margin:0;}
#rainbarrels ul{margin:0 0 10px 25px; padding:0; font-size: .9em;}
#rainbarrels div.instructions{margin-left:5px; float:left; width:93px;}
#rainbarrels div.buy{float:left; position: relative; width:29px; margin-left:13px;}
* html #rainbarrels div.buy{margin-left:5px;}
#rainbarrelscontent{display:table; margin-top:25px;}
#rainbarrelscontent div.testimonial{margin:10px 0 0 0; width: 370px;}
#rainbarrelscontent div#testimonials{float:left; margin-left:0; width:400px;}
#rainbarrelscontent div#text{margin:0 0 0 410px; padding:0;}
#rainbarrelscontent div#text h3{clear:left;}
.testimonial-big{margin: 20px auto 20px auto; border: 1px dotted #e0eef9; color:#00677d; padding:10px; background:url(../images/quote.gif) no-repeat #edf5fc; width:580px !important;}
.testimonial-big p{padding:0; margin:0; text-indent: 30px;}

/* --- Promos, Price Comps --- */
#shoppingcartpromo{width:350px; margin:auto; border: 1px solid #c8ddee; background:#e0eef9; padding:5px; margin-bottom:10px; overflow:auto;}
#shoppingcartpromo h3{padding: 5px;}
#shoppingcartpromo p{padding: 5px; margin:0;}
#pricecomp{background-color:#deedcf; border: 1px solid #a6d470; width:250px; margin:0 auto 10px auto; padding:5px;}
#pricecomp p{margin:0; padding:0;}

/* --- Further Reading --- */
.ToC{width:600px; font-size:.9em; background-color:#e0eef9; margin:1em auto;}
* html .ToC{width:590px;}
.ToC ul{list-style-position:outside; list-style-type:none; margin:0; padding:0 0 15px 0; background:#edf5fc;}
.ToC ul li{margin:0 0 0 10px; padding:0 0 2px 0; list-style-type:none; border-bottom: 1px solid #e0eef9; font-weight:bold;}

/* --- Store Headers --- */
#storeheader{width:600px; background:#deedcf; overflow:visible; display:table; height:15em; margin:0; padding:0;}
* html #storeheader{width:590px;}
#storeheader h1{font-size:1.7em; text-indent:10px;}
#storeheader div#left{width:260px; position:relative; float:left; }
* html #storeheader div#left{width:250px;}
#storeheader div.testimonial{width:230px; border:0; margin: 10px 0 0 10px; color:#00677d; padding:7px 0 0 0; background:url(../images/quote2.gif) no-repeat #deedcf;}
#storeheader div.testimonial p{padding:0; margin:0; text-indent: 40px;}
#storeheader div#middle{width:170px; border-left: 1px solid #88c540; float:left; position:relative; text-align:center; margin:1em auto 1em auto; height:13em;}
#storeheader div#middle img{padding-top:.5em;}
#storeheader div#right{border-left: 1px solid #88c540; float:left; position:relative; margin:1em auto 1em auto; padding:0; height:13em; width:150px;}
#storeheader div#right ul{list-style:none outside; width:145px; margin:0; padding:0;}
#storeheader div#right ul li{display:block; width:145px; margin: 0 0 0 10px; padding:0 0 15px 0; text-align:center; vertical-align:middle; line-height:1.2em; font-size:1.1em;}
#storeheader div#right ul li#top, #storeheader div#right ul li#middle{border-bottom: 1px solid #88c540;}
#storeheader div#right ul li#bottom, #storeheader div#right ul li#middle{padding-top:10px;}
#storeheader a, #storeheader a:link, #storeheader a:visited, #storeheader a:hover, #storeheader a:active{color:#1b3b42; text-decoration:none;}

/* --- Item Rating --- */
#ratings p, #ratings h3, #rateMe{padding:0; margin:0;}
#rateStatus{float:left; clear:both; width:100%; height:20px;}
#rateMe input{float:left; width:15px; height:15px;}
#ratings{width:350px; margin:auto; font-size:.75em; display:table; overflow:visible; line-height:1.2em;}
#ratings div#averagerating{float:left; width:150px;}
#ratings div#rateproduct{float:right; width:125px; margin-right:0;}