/*RainXchange Layout Information*/
/*© 2008 Sweetwater Landscape - All Rights Reserved.*/

body { background: #e2f2ff url(http://www.getpond.com/images/elements/layout/backgroundbody.jpg) repeat-x 0 0; color: #404040; }

#container { width: 960px; }
#main { padding-top: 6px; background: url(http://www.getpond.com/images/elements/layout/content_top.gif) no-repeat; }
#content { background: url(http://www.getpond.com/images/elements/layout/content_bg.gif) repeat-y; padding: 0 20px 20px; }
#content .grid2cola { width: 920px; }
#content .grid2cola .column.first { width: 610px; }
#content .grid2cola .column.last { width: 270px; }
#bottom { background: url(http://www.getpond.com/images/elements/layout/content_bottom.gif) no-repeat; width: 960px; height: 6px; font-size: 1px; }

#contentheader { border: 0; }
#contentheader h1 { margin-top: 6px; margin-bottom: 0 !important; }
body#overview #contentheader h1 a { width: 186px; background-image: url(http://www.getpond.com/images/paradise/paradise_title.gif); }
body#pondless #contentheader h1 a { width: 256px; background-image: url(http://www.getpond.com/images/paradise/pondless_title.gif); }
body#pond #contentheader h1 a { width: 223px; background-image: url(http://www.getpond.com/images/paradise/pond_title.gif); }
body#fountain #contentheader h1 a { width: 218px; background-image: url(http://www.getpond.com/images/paradise/fountain_title.gif); }
body#rainxchange #contentheader h1 a { width: 206px; background-image: url(http://www.getpond.com/images/paradise/rainxchange_title.gif); }
body#landscape #contentheader h1 a { width: 183px; background-image: url(http://www.getpond.com/images/paradise/landscape_title.gif); }
#contentheader ul#contentnav li a { margin-left: 20px; }

body#overview 	 #contentheader ul#contentnav li#pn-overview a,
body#pondless	 #contentheader ul#contentnav li#pn-pondless a,
body#pond 		 #contentheader ul#contentnav li#pn-pond a,
body#fountain	 #contentheader ul#contentnav li#pn-fountain a,
body#rainxchange #contentheader ul#contentnav li#pn-rainxchange a,
body#landscape	 #contentheader ul#contentnav li#pn-landscape a	{ color: #333; cursor: default; }

#content #hero { margin-top: -3px; margin-bottom: 40px; }
#content a { text-decoration: none; }
#content a:hover { text-decoration: underline; }
#content .navlinks a { clear: both; text-decoration: none; color: #08c; }
#content .navlinks a:hover { text-decoration: underline; }

/* main, content (colors, text, images) */
#main blockquote {font-size: larger; color: #4e4e4e; padding: 1em 1.2em; margin: 0 0 1em 0; border: 1px solid #e2e2e2; background: #f1f1f1; line-height: 140%;}
#main blockquote p {text-indent: -0.5em; margin: 0; padding: 0;}
#main blockquote em {color: #000; font-size: 10px;}
#main .sidebar { line-height: 17px; }
#materials dl { margin-bottom: 1em; }
#overview dt, #materials dt {padding: .3em 0 .5em; font-weight: bold; float: left; width: 3em; clear: both; border-top: 1px solid #e9e9e9;}
#overview dd, #materials dd {padding: .3em 0 .5em; border-top: 1px solid #e9e9e9; margin-left: 4em;}
#right { float: right; width: 250px; margin: 0 0 10px 20px; line-height: 120%; }

ul.pdf li { margin-left:8px; background:transparent url(http://www.getpond.com/images/elements/globaliconpdf12x12.gif) no-repeat scroll 0 0.4em; display:block; padding-left:20px; }

/* top-level heros */
#main #hero { width: 958px; min-height: 268px; margin-bottom: 40px; margin-left: -19px; }
#main #hero h2 { text-indent: -9999px; }
body#overview #hero { width: 960px; height: 400px; margin-top: -6px; margin-left: -20px; background: url(http://www.getpond.com/images/paradise/overview_hero.jpg) no-repeat 0 100%;  }
body#pondless #hero { width: 960px; height: 400px; margin-top: -6px; margin-left: -20px; background: url(http://www.getpond.com/images/paradise/pondless_hero.jpg) no-repeat 0 100%;  }
body#pond #hero { width: 960px; height: 400px; margin-top: -6px; margin-left: -20px; background: url(http://www.getpond.com/images/paradise/pond_hero.jpg) no-repeat 0 100%; }
body#fountain #hero { height: 320px; background: url() no-repeat 0 100%; }
body#rainxchange #hero { width: 960px; height: 360px; margin-top: -6px; margin-left: -20px; background: url(http://www.getpond.com/images/paradise/rainxchange_hero.jpg) no-repeat 0 100%; }
body#landscape #hero { width: 960px; height: 400px; margin-top: -6px; margin-left: -20px; background: url(http://www.getpond.com/images/paradise/landscape_hero.jpg) no-repeat 0 100%; }

/* Side Bar Sub-Layout */
body#overview #rainfact { background: url(http://www.getpond.com/images/rainxchange/rainfact_bg.jpg) repeat-y; width: 270px; padding: 0 20px; margin-bottom: 36px; }
body#overview #rainfact h2 { margin: 0 -20px; background: url(http://www.getpond.com/images/rainxchange/rainfact_header.jpg) no-repeat; width: 270px; height: 160px; text-indent: -9999px; outline: none; overflow: hidden; }
body#overview #rainfact #rainfactbottom { margin: 0 -20px; background: url(http://www.getpond.com/images/rainxchange/rainfact_bottom.jpg) no-repeat; width: 270px; height: 6px; font-size: 1px; }

#consultstrip { margin: 30px auto; width: 962px; height: 91px; background: url(http://www.getpond.com/images/elements/base/productstrip.png) no-repeat; }
#consultstrip h4 { float: left; margin: -18px 44px 0 48px; }
#consultstrip ul { padding-top: 30px; font-size: 12px; line-height: 16px; color: #999; }
#consultstrip ul li strong { font-weight: normal; color: #000; }
#consultstrip a { color: #08c; text-decoration: none; }
#consultstrip a:hover { text-decoration: underline; }

/* California Fees page */
.feetable {border: 1px solid #a1a5a9; border-bottom: none; margin-bottom: 10px;}
.feetable td {border-bottom: 1px solid #a1a5a9;}
.feeleft {padding: 3px 20px 3px 3px;}
.feeright {text-align: right; border-left: 1px solid #a1a5a9; padding: 3px 3px 3px 20px;}
.feetable tr.head {background-color: #F6F6F6;}

/* Resources: Energy Usage Calculator page */
table#calc {margin-bottom: .5em; background-color: #fff; border-collapse: collapse; line-height: 100%;}
table#calc th {padding: 5px; border: 1px solid #fff; font-size: 12px; text-align: center; color: #000; font-weight: bold;}
table#calc td {padding: 5px; border: 1px solid #fff; font-size: 10px;}
table#calc tr.info {background-color: #B2B2B2;}
table#calc tr.select {background-color: #C7C7C7;}
table#calc tr.result {background-color: #DCDCDC;}
form {margin-bottom: 0;}
#standbyPower {width: 160px}

/* Resources: MSDS page */
#datasheets, .datasheets {margin: 0 0 20px 0; width: 100%; padding: 0; border: none;}
#datasheets td, .datasheets td {border: none; vertical-align: top; font-size: 10px; padding: 17px 10px 5px 0; border-top: 1px dotted #a1a5a9; line-height: 14px; }
#datasheets .pic, .datasheets .pic {width: 60px;}
#datasheets .model, .datasheets .model {width: 210px; }
#datasheets td.supplies, .datasheets td.supplies {width: 235px;}
#datasheets .msds, .datasheets .msds {width: 100px;}
#main h2.headspace, .datasheets h2.headspace {padding-bottom: 5px; margin-bottom: 0;}
#datasheets th, .datasheets th {text-align: left; background: #efefef; padding: 5px 0;line-height: 16px; font-weight: bold;}
#datasheets th.first, .datasheets th.first {padding-left: 5px;}

/* Resources: Specs page */
#specs .column { width: 460px; }
#specs .column th {text-align: left; padding-bottom: 10px;}
#specs .column td {padding-right: 18px;}
#specs .column th h2 {padding-bottom: 5px; border-bottom: 1px solid #e9e9e9; margin-bottom: 5px; color: #76797c;}
#specs .column table {margin: 0 0 25px 0; font-size: 10px; line-height: 12px; width: 95%}
#specs .column table li {line-height: 16px;}
*html #specs .column table li {border-bottom: 1px solid #fff;}