@charset "utf-8";
/* CSS Document */

body { background-color: #F4F4F4; margin: 0; padding: 0; font-size: 12px; color: #666; font-family: Arial, Helvetica, sans-serif; }
body,td,tr { font-size: 12px; }
a, a:link,a:visited,a:hover,a:active { color:#00AEE8; text-decoration:underline;  }


.clearfloat { clear:both; display:block; }

.heading1 { color:#666; font-family:Tahoma, Geneva, sans-serif; font-size:22px; font-weight: normal; display:block; margin:0 0 12px 0; padding:0; }
.heading2 { color: #00AEE8; font-family:Tahoma, Geneva, sans-serif; font-size:16px; font-weight: normal; display:block; margin: 0 0 5px 0; padding:0; line-height: 20px; }
.heading2alt { color: #00AEE8; font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-weight: normal; margin: 0 0 5px 0; padding:0; line-height: 20px; font-weight:bold; }

.heading3 { color:#666; font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight: bold; display:block; margin:0; padding:0; }

.heading4 { color:#00AEE8; font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight: bold; line-height: 22px; display:block; margin: 10px 0; }
.heading4 a { color:#00AEE8;  }
.heading4 a:hover { color:#00AEE8; text-decoration:underline;  }

.heading5 { color: #00AEE8; font-family:Tahoma, Geneva, sans-serif; font-size:16px; font-weight: normal; margin: 0 0 5px 0; padding:0; line-height: 20px; }

.heading6 { color: #333; font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight: normal; display:block; margin: 0; padding: 0 0 5px 18px; }

.producttitle {  color: #00AEE8; font-family:Tahoma, Geneva, sans-serif; font-size:16px; font-weight: normal; display:block; margin: 0; padding:7px 0 7px 18px; }

.heading3alt { color:#666; font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight: bold; margin:0; padding:0; }

#topnav { background-color:#fff; }
#topnavwrapper { width: 980px; margin: 0 auto 0 auto; background-color:#fff; padding:0; overflow:hidden; }
#topnavwrapper .topnavwrapperleft { float:left; width: 240px; text-align:left; padding: 13px 0 0 0; }
#topnavstatus { width:240px; }
#topnavwrapper .topnavwrapperright { float: left; width: 740px; }
#topnavwrapper .topnavwrapperright .navigation { float:left; margin: 0; padding: 12px 0 0 0; }
#topnavwrapper .topnavwrapperright .showcart { width: 260px; float: left; padding: 9px 0 0 0;  }
#topnavwrapper .topnavwrapperright .showcart .status { padding: 3px 0 0 0; }
#topnavwrapper .topnavwrapperright .showcart img { float: right; margin: 0 0 0 5px; }
#topnavwrapper .topnavwrapperright .searchbar { float: right; margin: 0; width: 207px; }


#banner { background-color:#fff; background-image:url(../images/bannertopborderalt.gif); background-position:top; background-repeat:repeat-x; }
#bannerwrapper { width: 980px; margin: 0 auto 0 auto; padding: 0; }
#bannerwrapper .logo { width: 180px; position: absolute; margin: 67px 0 0 25px; }
#bannerwrapper .logo a { border: none; }

#mainnavbar { background-image:url(../images/navbargbg.jpg); background-repeat:repeat-x; }
#mainnavbarwrapper { width: 980px; margin: 0 auto 0 auto; background-image:url(../images/navbargbg.jpg); background-repeat:repeat-x; }
#mainnavbarwrapper .mainnavbarwrapperleft { width:702px; float:left; }
#mainnavbarwrapper .mainnavbarwrapperright { }
#mainnavbarwrapper .mainnavbarwrapperright a { text-align:right; color:#fff; font-weight:bold; font-size:9pt; width: 268px; float: right; text-decoration: none; background-image:url(../images/weather.jpg); background-repeat:no-repeat; background-position:left top; padding:10px 10px 11px 0; margin: 0; } 
#mainnavbarwrapper .mainnavbarwrapperright a:hover { background-position:right top; color:#fff; }
#mainnavbarwrapper .mainnavbarwrapperright a:active, #mainnavbarwrapper .mainnavbarwrapperright a:visited, #mainnavbarwrapper .mainnavbarwrapperright a:selected { color:#fff; }

#content { background-image:url(../images/silhouttebg.gif); background-repeat: repeat; }
#contentwrapper { width: 940px; margin: 0 auto 0 auto; padding: 20px; background-color:#fff; overflow: hidden; display:block; line-height: 18px; }

#footer { background-image:url(../images/footerbg.jpg); background-repeat:repeat-x; height: 149px; }
#footerwrapper { width: 980px; margin: 0 auto 0 auto; background-image:url(../images/footerwrapperbg.jpg); background-repeat:no-repeat; height: 149px; }
#footerwrapper #footeraddress { border-left: 1px #ccc solid; width: 350px; color: #fff; font-size:15px; text-align:left; float:left; margin: 40px 0 0 200px; line-height: 20px; padding: 5px 0 5px 25px; }
#footerwrapper #footeraddress a { color:#fff; }
#footerwrapper #footerlinks { float:right; margin: 55px 0 0 0; }
#footerwrapper #footerlinks img { margin: 0 0 0 20px; }
#footerwrapper #footerlinks img a { border: 0;  }

#bottomnav { background-image:url(../images/bottomnavbg.jpg); background-repeat:repeat-x; color:#fff; margin: 0; }
#bottomnav #bottomnavwrapper { padding: 0; width: 980px; margin: 0 auto 0 auto; background-image:url(../images/bottomnavbg.jpg); background-repeat:repeat-x; }
#bottomnav #bottomnavwrapper .bottomnavleft { float:left; width:400px; text-align:left; color:#fff; padding: 10px 0 0 0; }
#bottomnav #bottomnavwrapper .bottomnavright { float: right; text-align:right;  } 
#bottomnav #bottomnavwrapper .bottomnavleft a { color:#fff; }

.rippleevent { line-height: 18px; margin:0 0 15px 0;  }
.rippleevent a { text-align:left; color:#333; font-weight:bold; font-size:10pt; width: 920px; display:block; text-decoration: none; background-image:url(../images/rippleevent.jpg); background-repeat:no-repeat; background-position:left top; height: 48px;  padding:11px 10px 0 10px; } 
.rippleevent a:hover { background-position:right top ;}
.rippleevent a .event { color: #00AEE8; }
.rippleevent a .date { color:#333; font-size: 8pt; font-weight:normal; }

.search-box { height:1px;  padding:0; margin: 8px 0 30px 0; }
.divideline { padding: 15px 0 0 0; margin: 0 0 15px 0; border-bottom: 1px #CCC solid; display:block; }

.fineprint { font-size: 10px; lsine-height: normal; }
.bannerpaddingbtm { display:block; padding: 0 0 20px 0; }

.program { display:block; overflow:hidden; }
.program img { float:left; padding: 0 15px 10px 0; display: inline; }

#programlist { margin: 15px 0 0 0; }
#programlist dl { float: left; margin: 0 15px 0 0; border-bottom:1px solid #ccc; padding: 20px 0; overflow:hidden; width: 445px; }
#programlist dt { float:left; margin:0 10px 0 0; }
#programlist dd { overflow:auto; }

#programlistalt { margin: 15px 0 0 0; }
#programlistalt dl { margin:0; padding: 20px 0; border-bottom: #CCC 1px solid; }
#programlistalt dl.first { border-bottom: #CCC 1px solid; border-top: #CCC solid 1px; }
#programlistalt dt { float:left; margin:0 10px 0 0; }
#programlistalt dd { overflow:auto; min-height: 80px; }

.signupbtn { margin: 8px 0 0 0; }
.signupbtn a { text-align:center; color:#fff; font-weight:bold; font-size:13px; width: 164px; display:block; text-decoration: none; background-image:url(../images/signup.jpg); background-repeat:no-repeat; background-position:left top; padding:10px 0 10px 0; } 
.signupbtn a:hover { background-position:right top ;}

.signupsmallbtn { }
.signupsmallbtn a { text-align:center; color:#fff; font-weight:bold; font-size:12px; width: 115px; display:block; text-decoration: none; background-image:url(../images/signupsmall.png); background-repeat:no-repeat; background-position:left top; padding:6px 0 6px 0; } 
.signupsmallbtn a:hover { background-position:right top; color:#35A8E6; }

.rippleproductsmall { width: 310px; float:left; }

.imagepaddingright { padding: 0 10px 0 0; }
.imagepaddingleft { padding: 0 0 0 10px ; }

.shop-product-small ul { list-style:none; }

.productfeaturelist { padding:0; margin: 10px 0; }
ul.productfeaturelist li.productItem { list-style:none; margin: 0 3px 3px 0; padding: 0; float:left; }
ul.productfeaturelist li.productItem div.shop-product-container { width: 308px; }
ul.productfeaturelist li.productItem div.shop-product-container-custom { width: 295px; }

.catProductAttributeGroup { padding-top: 10px; }

ul.tabs { margin: 0 0 0 0; padding: 0; float: left; list-style: none; width: 100%; }
ul.tabs li { float: left; overflow: hidden; text-align: center; height: 34px; line-height:34px; margin: 0 1px 0 0;  }
ul.tabs li a { padding: 0; margin: 0; display:block; outline: none; border: none; width: 151px; text-decoration: none; color: #fff; background-image:url(../images/button.gif); background-position: left top; background-repeat:no-repeat; font-weight: bold; font-size:13px; }
ul.tabs li a:hover { background-image:url(../images/button.gif); background-position: top right; background-repeat: no-repeat; }	
html ul.tabs li.active a, html ul.tabs li.active a:hover  { background-image:url(../images/button.gif); background-position: top right; background-repeat: no-repeat; }

ul.tabs li.spring a { background-image:url(../images/button2.gif);  }
ul.tabs li.spring a:hover { background-image:url(../images/button2.gif); }	
html ul.tabs li.spring.active a, html ul.tabs li.spring.active a:hover  { background-image:url(../images/button2.gif);}

ul.tabs li.summer a { background-image:url(../images/button3.gif); }
ul.tabs li.summer a:hover { background-image:url(../images/button3.gif);}	
html ul.tabs li.summer.active a, html ul.tabs li.summer.active a:hover  { background-image:url(../images/button3.gif);}

ul.tabs li.fall a { background-image:url(../images/button4.gif); }
ul.tabs li.fall a:hover { background-image:url(../images/button4.gif);}	
html ul.tabs li.fall.active a, html ul.tabs li.fall.active a:hover  { background-image:url(../images/button4.gif);  }

ul.tabs li.thisweek { margin: 0 0 0 0; }
ul.tabs li.thisweek a { background-image:url(../images/button5.gif); width: 332px; color: #00AEE8; }
ul.tabs li.thisweek a:hover { background-image:url(../images/button5.gif); color: #00AEE8;}	
html ul.tabs li.thisweek.active a, html ul.tabs li.thisweek.active a:hover  { background-image:url(../images/button5.gif); color: #00AEE8;  }

.tab_container { clear: both; float: none; width: 100%; padding: 0; margin:0; }
.tab_content { padding: 0; margin: 0; }

.programdescription { padding: 0 0 10px 0; display: block; }

#programcharttitle { font-size:16px; font-family:Tahoma, Geneva, sans-serif; color:#fff; font-weight:normal; padding: 8px 0; display: block; }

#programchart { width: 940px; background-image:url(../images/programlistbg/winterprogramlist.jpg); background-position:left bottom; background-repeat: no-repeat; padding: 0; background-color:#8FCEF0; text-align:left; }
#programchart a { color:#fff; font-size: 9pt; }
#programchart a.title { color:#fff; font-size: 16px; }
#programchart td { color: #fff; font-weight:bold; border-bottom: #fff 1px solid; padding: 5px;  font-size: 9pt; line-height: normal; }

#programchartspring { width: 940px; background-image:url(../images/programlistbg/springprogramlist.jpg); background-position:left bottom; background-repeat: no-repeat; padding: 0; background-color:#79AD5A; text-align:left; }
#programchartspring a { color:#fff; font-size: 9pt; }
#programchartspring a.title { color:#fff; font-size: 16px; }
#programchartspring td { color: #fff; font-weight:bold; border-bottom: #fff 1px solid; padding: 5px;  font-size: 9pt; line-height: normal; }

#programchartsummer { width: 940px; background-image:url(../images/programlistbg/summerprogramlist.jpg); background-position:left bottom; background-repeat: no-repeat; padding: 0; background-color:#B9B92D; text-align:left; }
#programchartsummer a { color:#fff; font-size: 9pt; }
#programchartsummer a.title { color:#fff; font-size: 16px; }
#programchartsummer td { color: #fff; font-weight:bold; border-bottom: #fff 1px solid; padding: 5px;  font-size: 9pt; line-height: normal;  }

#programchartfall { width: 940px; background-image:url(../images/programlistbg/fallprogramlist.jpg); background-position:left bottom; background-repeat: no-repeat; padding: 0; background-color:#C16100; text-align:left; }
#programchartfall a { color:#fff; font-size: 9pt; }
#programchartfall a.title { color:#fff; font-size: 16px; }
#programchartfall td { color: #fff; font-weight:bold; border-bottom: #fff 1px solid; padding: 5px;  font-size: 9pt; line-height: normal; }

.joinusthisweek { padding: 20px; background-color:#eeeeee; margin: 0; overflow: hidden;  }

form { margin: 0px; padding: 0px; }

#loginswap { display:none; text-align: center; background-color: #212121; margin: 1px 0 15px 0; }