/* ------------------------------ BEGIN Global Styles ------------------------------ */
@import url("../../global/CSS/global.css");
/* ------------------------------ END Global Styles ------------------------------ */

/* BE SURE TO COPY YOUR CLIENT STYLES IN THIS MASTER.CSS IN ORDER FOR THE EDITOR TO IMPLEMENT THE CLIENT STYLES-
YOU HAVE TO LOAD THEM UP SEPARATELY AS CLIENT.CSS AS WELL */

/* UNIVERSAL */

html, body, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, form, blockquote, fieldset, input {
margin:0;
padding:0;
}

fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
iframe body {border: none;}

body {
	background-color: #FFF; margin: 0px;
}

img.left { float: left; padding: 2px 20px 16px 0; }
img.right { float: right; padding: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

img.navigate { float: left; margin: 0px 0px 20px 0; }


hr {
	border: 0;
	width: 100%;
	color: #000006;
	background-color: #000006;
	height: 1px;
	line-height: 1px;
	margin: 10px 0px;
	padding: 0px;}
	
ul li {
	padding: 0 0 0 15px;
	margin: 0px;
	background: url(../Images/bullet.gif) no-repeat 0em 0.5em;
	list-style: none;}

/*-----------------------------------------------------------------------------------------------------TYPE */
body, p, div, li, td {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #000006;
	font-weight:normal;
}
	
a:link, a:visited, a:active {
	color: #006B6E; 
	text-decoration: underline;}
	
a:hover {
	color: #41989D; 
	text-decoration: underline;}
	
h1 {font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;}

h2 {font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: #E39200;}
	
h3 {
	font-size: 14px;
	line-height: 22px;
	color: #006B6E;}
	
h4 {font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #48A842;}
	
h5 {font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;}
	
.bodyoptional {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color: #000006;
	font-style: italic;
}

/*-----------------------------------------------------------------------------------------------------GLOBAL OVERRIDES */
.swcredit {
	font-size: 9px;
	color: #7b7458;}
a.swcredit:link, a.swcredit:visited{color: #7b7458; text-decoration:none;}
a.swcredit:hover, a.swcredit:active{color: #333; text-decoration:underline;}

.pageSearchTitle {
font-size: 14px;
line-height: 18px;
color: #657D95;}

a.pageSearchTitle {
font-size: 14px;
line-height: 18px;
color: #657D95;
text-decoration:none;}

a.pageSearchTitle:hover {
font-size: 14px;
line-height: 18px;
color: #657D95;
text-decoration:underline;}

.photogallery {
    padding: 0px;
    margin: 0px 0px 0px -10px;
    list-style: none;
}
.photogallery li {
    padding: 0 6px 6px 0;
    margin: 0px;
    background: none;
    float: left;
}
.photogallery li a {
    padding: 2px; 
    border: 1px solid #999999;
    display: block;
}
.photogallery li a:hover {
    padding: 2px; 
    border: 1px solid #262626;
    display: block;
}

.today {
background-color:#f0dbb6;
}
.weekend {background-color:#60A6AA;
}

.all-day-event:hover {
background-color:#FFF; color: #006B6E;
}
.all-day-event {
background-color:#f0dbb6;color: #262626;
}

.upcoming-events-wrapper li {
	background:none repeat scroll 0 0 transparent;
	clear:both;
	padding:0;
}
.upcoming-events-date {
	font-size:small;
	margin:0;
	padding:0;
	color: #000006;
}
.upcoming-events-name{
	font-size:small;
	margin:0;
	padding:0;
	color: #000006;
}
.upcoming-events-wrapper h3 {color: #000006;
	text-transform:uppercase;font-size: small;}
	
.upcoming-events-wrapper p {
	color:#000006;
	float:left;
	font-size:small;
	margin-bottom:20px;
	width:220px;
}
p.upcoming-events-date {
	-moz-border-radius:8px;
	background-color:#0E7A7D;
	float:left;
	font-size:xx-small;
	margin:0 10px 0 0;
	padding:0;
	text-align:center;
	width:35px;
}
p.upcoming-events-view-link {
	float: none;
	margin: 0;
}
span.upcoming-events-weekday, span.upcoming-events-time {display:none;}
span.upcoming-events-month {
	color:#FFFFFF;
	display:block;
	font-size:11px;
	font-weight:bold;
	margin-bottom:-5px;
	text-transform:uppercase;
}
span.upcoming-events-date {
	color:#FFFFFF;
	font-size:18px;
	letter-spacing:-1px;
	margin:0;
	padding:0;
}
.upcoming-events-name a {
	font-size:16px;
	font-weight:bold;
	text-decoration: none;
}

/*-----------------------------------------------------------------------------------------------------SEARCH */
#search {
	float: left;
	width: 295px;
	height:35px;
	margin-top:5px;
	background-image: url(/sitefiles/1288/Images/searchfield.gif);
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	bottom: 50px;

}
.searchField {
	font-size: 11px;
	color: #1F1A14;
	width: 265px;
	height: 35px;
	border: 0px;
	background-color:none;
	background: transparent;
	float: right;
	padding-top: 8px;

}
.searchButton {
	width: 33px;
	height:35px;
	line-height: 0px;
	background-image: url(/sitefiles/1288/Images/searchbtn.png);
	background-repeat: no-repeat;
	float:right;
	text-indent:-1000px;
	border:0px;
	position: absolute;
	right: 0px;background-color:#f0d4a1;
}
img, .searchButton { behavior: url(/SiteFiles/1288/Scripts/iepngfix.htc); }

/*-----------------------------------------------------------------------------------------------------MAIN NAV */
#mainnav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;}

#mainnav li ul
{display: none;}

#mainnav li{
	padding: 0px;
	margin: 0px;
	float: left;
	height: 35px;
	background: none;
	text-align:center;
	background-image: url(/sitefiles/1288/Images/menubar.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-weight: bold;
}
	
#mainnav a{
	font-size: 10px;
	text-transform: uppercase;
	color: #006B6E;
	display: block;
	text-decoration: none;
	margin: 0px;	
	padding: 8px 7px;
	background-image: url(/sitefiles/1288/Images/menubar.gif);
	background-repeat: no-repeat;
	background-position: right center;	


}

#mainnav a:hover {
	font-size: 10px;
	text-transform: uppercase;
	color: #FFF;
	background-color:#006B6E;
	display: block;
	text-decoration: none;
	margin: 0px;	
	padding: 8px 7px;
	background-image: url(/sitefiles/1288/Images/menubar.gif);
	background-repeat: no-repeat;
	background-position: right center;

}
	
#mainnav a.current  {
	font-size: 10px;
	text-transform: uppercase;
	color: #FFF;
	background-color:#00858A;
	display: block;
	text-decoration: none;
	margin: 0px;	
	padding: 8px 7px;
	background-image: url(/sitefiles/1288/Images/menubar.gif);
	background-repeat: no-repeat;
	background-position: right center;

	}
#mainnav a.trigger {
	padding: 8px 7px;}


#mainnav ul li a  {
	color: #FFF; font-size: 10px;
	text-align:left;
	padding: 8px 7px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #00858A;

}
#mainnav ul li a.current  {
	color: #006B6E; 
	text-decoration: none;
	padding: 8px 7px;
	
}
#mainnav li ul, #mainnav ul li  {
	width: 21em;background: none;
}
#mainnav li ul {
	position: absolute;color: #FFF;
	display: none;background: none;
	background-color: #006B6E;
	z-index:10;
}
#mainnav li:hover a, #mainnav a:focus, #mainnav a:active, #mainnav li.p7hvr a {
	color: #FFF; background-color:#006B6E;
}
#mainnav li:hover ul, #mainnav li.p7hvr ul {
	display: block;
}

#mainnav li:hover ul a, #mainnav li.p7hvr ul a {
	color: #FFF; 
	background-color: transparent;
}
#mainnav ul a:hover {
	text-decoration:none;font-size: 10px;
	background-color: #00858A!important;
	color: #FFF!important;
}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#mainnav li {
	width: auto;
}
#mainnav ul li li {display:none;}
/*-----------------------------------------------------------------------------------------------------SUB NAV */
#subnavWrapper {
	float: left;
	width: 276px;
	padding: 0px;}
	
ul#subnav {
	float: left;
	padding: 0;
	margin-bottom: 20px;
	list-style: none;
	background: none;}
	
#subnav li {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 276px;
	background: none;}
	
#subnav a {
	font-size: 12px;
	display: block;
	text-decoration: none;
	padding: 5px 0px;
	color: #006B6E;
}
	
#subnav a:hover {
	font-size: 12px;
	display: block;
	text-decoration: none;
	padding: 5px 0px;
	color: #41989D;}

#subnav a.current {
	font-size: 12px;
	display: block;
	text-decoration: none;
	padding: 5px 0px;
	color: #41989D;}

#contentSubDefault h2 {
	font-size:13px;
	display: block;
	text-decoration: none;
	padding: 5px 0px;
	color: #000006;
	text-transform:uppercase;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}

#contentSubDefault h2 a {
	font-size:13px;
	display: block;
	text-decoration: none;
	padding: 5px 0px;
	color: #000006;
	text-transform:uppercase;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;}
	
#contentSubDefault p {display:none;}
	
/* breadcrumb */
#breadcrumb {
	float: left;
	width: 624px;
	text-align: left;
	padding-bottom: 20px;
	padding-top: 2px;
}
	
#breadcrumb ul{
	padding: 0px;
	margin: 0px;
	list-style: none;}
	
#breadcrumb li {
	margin: 0px;
	float: left;
	background:none;}

#breadcrumb a {
	padding: 0 0 0 20px;
	font-size: 10px;
	display:inline;
	text-decoration: none;
	color: #808080;
	background: url(../Images/breadcrumb.gif) no-repeat 0.2em;}
	
#breadcrumb a:hover {
	padding: 0 0 0 20px;
	font-size: 10px;
	display:inline;
	text-decoration: none;
	color: #000006;
	background: url(../Images/breadcrumb.gif) no-repeat 0.2em;}
	
#breadcrumb a.first  {
	padding: 0px;
	font-size: 10px;
	display:inline;
	text-decoration: none;
	color: #808080;
	background: none;
	margin-left: -15px;}
	
#breadcrumb a.first:hover  {
	padding: 0px;
	font-size: 10px;
	display:inline;
	text-decoration: none;
	color: #000006;
	background: none;
	margin-left: -15px;}

#breadcrumb a.current  {
	padding: 0 0 0 20px;
	font-size: 10px;
	display:inline;
	text-decoration: none;
	color: #000006;
	background: url(../Images/breadcrumb.gif) no-repeat 0.2em;}

/*-----------------------------------------------------------------------------------------------------WRAPPERS */
#indexWrapper {
	width: 100%;
	float: left;
	text-align: left;
	background-color: #60A6AA;}
	
#topWrapper {
	width: 100%;
	float: left;
	text-align: left;
	border-top: 5px solid #006B6E;
	background-image: url(/sitefiles/1288/Images/bk-top.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	height: 229px;
	position: relative;
	z-index:10;
}
	
#mainnavWrapper {
	margin: 0px auto;
	padding: 0px;
	height: 40px;
	width: 625px;
	position: absolute;
	left: 0px;
	float: right;
	bottom: 0px;
	z-index:10;
}
* html #mainnavWrapper {
	margin: 0px auto;
	padding: 0px;
	height: 40px;
	width: 625px;
	position: absolute;
	left: 0px;
	float: right;
	bottom: -5px;
	z-index:10;}

#contentWrapper {
	width: 100%;
	float: left;
	text-align: left;
	background-image: url(/sitefiles/1288/Images/bk-content.gif);
	background-repeat: repeat-x;
}
	
#footerWrapper {
	width: 100%;
	float: left;
	text-align: left;}

/*-----------------------------------------------------------------------------------------------------SITE INDEX */
#siteIndex {
	margin: 0px auto;
	padding: 20px 0px;
	width: 940px;
	height: 150px;
	background-color: #60A6AA;
	position:relative;
	color:#006B6E;}
	
.siteIndex {
	color: #006B6E;}
a.siteIndex:link, a.siteIndex:visited{color: #006B6E; text-decoration:none;}
a.siteIndex:hover, a.siteIndex:active{color: #FFF; text-decoration:none;}
	
#siteIndex dl {
	float: left;
	overflow: hidden;
	font-size: 12px;
	line-height: 18px;
	padding:0px 20px;}
	
#siteIndex dt {
	padding: 0px 0px 15px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	}
	
#siteIndex dd {
	padding: 1px 0pt;
	}

.white {
	color: #FFF;}
a.white:link, a.white:visited{color: #FFF; text-decoration:none;}
a.white:hover, a.white:active{color: #FFF; text-decoration:underline;}
	

	
/*-----------------------------------------------------------------------------------------------------TOP */
#top {
	margin: 0px auto;
	padding: 0px;
	width: 940px;
	position: relative;
	height: 234px;
	z-index:10;
}
	
#logo {
	width: 346px;
	height: 144px;
	position: absolute;
	left: -15px;
	top: 25px;
}
	
#indexTab {
	float: right;
	width: 304px;
	height: 35px;
}

/*-----------------------------------------------------------------------------------------------------CONTENT */
.clear {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;}
	
#content {
	margin: 0px auto;
	width: 936px;
	position: relative;
}
	
#contentLeft {
	float: left;
	width: 312px;
	overflow: hidden;
}
#contentLeftInnerContainer {
	width: 312px;
	background-color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
}
	
#contentLeftInner {
	width: 267px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	background-color: #CEEBEA;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	margin-right: 5px;
}
* html #contentLeftInner {
	width: 297px;
	w\idth: 267px; }
	
#contentLeftBottom {
	width: 267px;
	margin-right: 5px;
	margin-left: 10px;
	padding: 15px;
	clear: left;
}
* html #contentLeftBottom {
	width: 297px;
	w\idth: 267px; }
	
#contentMid {
	float: left;
	width: 312px;
	overflow: hidden;
}
#contentMidInnerContainer {
	width: 312px;
	background-color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
}
	
#contentMidInner {
	width: 277px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-color: #CDE6CC;
	padding: 10px 10px 10px 15px;
}
* html #contentMidInner {
	width: 302px;
	w\idth: 277px; }

#contentMidRight {
	width: 277px;
	padding: 15px;
	clear: left;
}
* html #contentMidRight {
	width: 307px;
	w\idth: 277px; }
	
#contentRight {
	float: left;
	width: 312px;
	overflow: hidden;
}
#contentRightsInnerContainer {
	width: 312px;
	background-color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
}
	
#contentRightInner {
	width: 267px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-color: #F0DCB8;
	padding: 15px;
}
* html #contentRightInner {
	width: 297px;
	w\idth: 267px; }
	
#contentRightBottom {
	width: 267px;
	margin-right: 0px;
	margin-left: 5px;
	padding: 15px;
	clear: left;
}
* html #contentRightBottom {
	width: 297px;
	w\idth: 267px; }
	

	
/*-----------------------------------------------------------------------------------------------------DEFAULT CONTENT */

#DEFcontentLeft {
	width: 624px;
	padding-top: 10px;
	padding-bottom: 20px;
	position:relative;
	min-height:250px;
	float: left;
}
	
/*-----------------------------------------------------------------------------------------------------FOOTER */
#footer {
	margin: 0px auto;
	width: 940px;
}

#footerRight {
	float: right;
	width: 290px;
	font-size: 11px;
	color: #000006;
	text-align: right;
}
	
#footerLeft {
	float: left;
	width: 650px;
	font-size: 11px;
	color: #000006;
}
a.footer:link, a.footer:visited, a.footer:active {
	font-size: 11px;
	color: #000006; 
	text-decoration: none;}
	
a.footer:hover {
	color: #000006; 
	text-decoration: underline;}
	
#missionWrapper {
	background-color: #006B6E;
	float: left;
	width: 100%;
	height: 50px;
}
#mission {
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 15px;
	font-size: 11px;
	color: #FFFFFF;
}
#mission a:link, #mission a:visited, #mission a:active{
	font-size: 11px;
	color: #FFFFFF; text-decoration:none;
}

#mission a:hover{
	font-size: 11px;
	color: #FFFFFF; text-decoration:underline;
}
#sponsor {
	float: left;
	height: 50px;
	width: 125px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#sponsorList {
	float: left;
	height: 50px;
	width: 815px;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}

#topSpot {
	height: 80px;
	width: 600px;
	position: absolute;
	top: 50px;
	right: 0px;
}
/*-----------------------------------------------------------------------------------------------------HOME FLASH */

#flashWrapper {
	float: left;
	width: 100%;
}
#flashContent {
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}
#dots {
	background-image: url(/sitefiles/1288/Images/dots.gif);
	background-repeat: repeat-x;
	position: absolute;
	height: 4px;
	width: 100%;
	top: 234px;
}
#flash {
	width: 604px;
	float: left;
	padding-bottom: 10px;
	height: 321px;
	border: 10px solid #CEEBEA;
	margin-top: 10px;
}
* html #flash {
	height: 301px;padding-bottom: 0px;
	}
#border {
	border: 10px solid #CEEBEA;
	position: absolute;
	height: 331px;
	width: 604px;
	left: 0px;
	top: 10px;
}
#veggies {
	background-image: url(/sitefiles/1288/Images/veggies.png);
	position: absolute;
	bottom: -53px;
	right: -56px;
	background-repeat: no-repeat;
	height: 118px;
	width: 453px;
}
img, #veggies { behavior: url(/SiteFiles/1288/Scripts/iepngfix.htc); }

#veggiesSub {
	background-image: url(/sitefiles/1288/Images/veggiesSub.png);
	position: absolute;
	bottom: -53px;
	right: -56px;
	background-repeat: no-repeat;
	height: 118px;
	width: 453px;
}
img, #veggiesSub {
	behavior: url(/SiteFiles/1288/Scripts/iepngfix.htc);
	
}

#DefContent {
	float: left;
	width: 624px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000006;
}
#contentSubDefaultContainer{
	float: right;
	width: 316px;
	padding-bottom: 20px;
}
#contentSubDefault{
	float: right;
	width: 276px;
	padding-top: 65px;
	padding-left: 20px;
	background-image: url(/sitefiles/1288/Images/bk-sub.jpg);
	background-repeat: repeat-y;
	padding-right: 20px;
	padding-bottom: 10px;
}
* html #contentSubDefault {
	width: 316px;
	w\idth: 276px; }
	
#contentSub {
	float: right;
	width: 308px;
	padding-top: 55px;
	padding-left: 8px;
	background-image: url(/sitefiles/1288/Images/bk-sub.jpg);
	background-repeat: repeat-y;
	padding-right: 0px;
	padding-bottom: 0px;
}
* html #contentSub {
	width: 318px;
	w\idth: 308px;
	padding-top: 53px;
 }
	
#contentSubBottom {
	background-image: url(/sitefiles/1288/Images/bk-subBtm.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 10px;
	width: 316px;
}
#contentSubRight {
	float: right;
	width: 306px;
}
#DEFcontentRight {
	float: left;
	width: 300px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}
/*-----------------------------------------------------------------------------------------------------TABS */

#tab {
	float: left;
	height: 302px;
	width: 302px;
	border: 1px solid #666666;
}
.tabset {
	background-color:#F6E4C3;
	border-right:1px solid #666;
	margin:0;
	overflow:hidden;
	padding:0;
	width:302px;
}
* html .tabset {
	width: 302px;
	overflow: auto;
	margin: 0;	padding:0;
}
.tabset li {
	margin:8px 0 0;
	display: inline;
	float: left;
	background:none;
	padding:0;
}
.tabset li a {
	display: block;
	width: 139px;
	height: 20px;
	background: url(/SiteFiles/1288/Images/tabset-item.gif) no-repeat;
	padding: 10px 6px 10px 5px;
}
.tabset li a span {
	display: block;
	height: 20px;
	overflow: hidden;
	background-repeat: no-repeat !important;
	text-indent: -9999px;
	cursor: pointer;
}
.tabset li a span.subscribe{background: url(/SiteFiles/1288/Images/tabset-link-1.png);}
.tabset li a span.community{background: url(/SiteFiles/1288/Images/tabset-link-2.png);}
.tabset li a.active, .tabset li a:hover{
	background-position: 0 100%;
	border-top: 1px solid #666666;
}

* html .tabset li a span.subscribe {background: url(/SiteFiles/1288/Images/tabset-link-1.gif);}
* html .tabset li a span.community{background: url(/SiteFiles/1288/Images/tabset-link-2.gif);}

.tabsetbox {
	height:225px;
	overflow:auto;
	padding:10px 10px 10px 20px;
	width:260px;
}
* html .tabsetbox {
	width: 290px;
	w\idth: 260px;
	height:235px;}
	
#tabicon {width:200px;}

#tabicon img {padding-right: 15px;display: inline;}

.product-list-item {
float:left;
height:200px;
text-align:center;
width:31%;background: none;
}

.modal-bg {z-index:20;}


/* test by bt */
.product-detail-inquire-popup, .product-tellafriend-info {
	/*position: static !important;*/
}

/* SOCIAL LINKS */
div#social-links {
	background:url("/sitefiles/1288/images/social.png") no-repeat scroll 0 0 transparent;
	float:right;
	height:23px;
	margin-right:7px;
	margin-top:4px;
	padding-left:101px;
	padding-top:6px;
	width:85px;
}

span.recent-blog-posts-date {display: none;}
.recent-blog-posts-wrapper ul li a {
	border-bottom: 1px dotted;
	text-decoration: none;
}
.recent-blog-posts-wrapper ul li {
	background:url("/sitefiles/1288/images/book_open.png") no-repeat scroll 0 0.1em transparent;
	margin-bottom: 6px;
	padding-left:25px;
}