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

/* CSS Document */

/* BASIC styles */

* { margin: 0; padding: 0; }


body {
	width: 100%;
	font-size: 101%; /* Hack for better IE support */
	/* 
	background-repeat: repeat-x;
	background-color: #FFC; */

	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	margin-top: 7px;
	margin-bottom: 7px;
	padding-top: 0px;
	
	background-color: #FFFFFF; 
	background-image: url(../../share/images/assets/back-bg.jpg);
	background-position:top center;
	background-attachment:fixed;
	background-repeat:no-repeat;

	}

/* Main wrapper encapsulating the page */

#wrapper {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	width: 860px;
	height: auto;
	/*
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	*/
	border-width: 1px;
	border-style: solid;
	border-color: #EEEEEE;
	background-color: #FFF;
	padding: 7px 0px 0px 0px;
}
*html #wrapper {width:890px;}

/* Universal styles used throughout site */
#logo {
	width: 205px;
	float: right;
}

#logo img { border: 0px; }
*html #logo {margin-left:-17px;}
*html #left-column {margin-left:10px;}
#left-column {
	width: 200px;
	float: left;
	/*height: auto; */
	background-color: #FFF;
	background-image: url(../../share/images/assets/leftnav.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	padding-bottom: 20px;
	margin-right: 0px;
	margin-left: 12px;
}
#top-strip {height: 35px; width: 620px; background-color: #FFFFFF; float: right; background-image: url(../../share/images/assets/topbar.jpg);	background-repeat: repeat-x; margin-top: 0x; margin-bottom: 7px; margin-left: 0px; color: #01814E; font-size: .7em; text-align: right; padding-right: 10px; padding-top: 4px; }
#top-strip a{
	color:#01814E;
	text-decoration:none;
}#top-strip a:visited{color:#01814E; text-decoration:none;} #top-strip a:hover{color: #000000; text-decoration:underline;}

/*-------------------------------------------------------------------
 FOOTER STYLES 
 -------------------------------------------------------------------*/

.footer-left {float: left; width: 300px; margin-top: 6px; margin-left: 10px;}
.footer-centre {float: left; width: 100px; margin-top: 6px; margin-left: 10px; text-align: center;}
.footer-right {float: right; width: 500px; text-align: right; margin-right: 10px; margin-top: 5px;}
#footer a:link {color: #01814E; text-decoration:none;}
#footer a:visited {color: #01814E; text-decoration:none;}
#footer a:hover {text-decoration:underline; color: #FF9900;}


/*-------------------------------------------------------------------
 MAIN MENU STYLES 
 -------------------------------------------------------------------*/
#leftnav {
	/*height: 400px; */
	width: 180px;
	margin-left:7px;
	font-size: 0.7em;
	margin-top: 135px;
	padding-bottom: 22px;
}


#leftnav ul {
	/* height: auto; */
	width: 180px;
	display: block; 
	font-weight: bold;
	list-style-position: inside;
	list-style-type: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;

}


#leftnav ul li {margin-left: 0px;}
#leftnav ul li a:link{display: block; color: #FFFFFF;	padding-top: 6px;	padding-bottom: 6px;	padding-left: 10px;	text-decoration: none;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #FFFFFF;}
#leftnav ul li a:visited{	display: block;	color: #FFFFFF;	padding-top: 6px;	padding-bottom: 6px;	padding-left: 10px;	text-decoration: none;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #FFFFFF;}
#leftnav ul li a:hover, #leftnav ul li a.active{	display: block;	color: #01814E;	padding-top: 6px;	padding-bottom: 6px; padding-left: 10px;	text-decoration: none;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #FFFFFF;	background-color: #ABDEBD;}

#leftnav ul li ul li ul li {text-indent: 10px;  }
#leftnav ul li ul li a:link{	display: block;	color: #FFFFFF;	padding-top: 3px;	padding-right: 4px;	padding-bottom: 3px;	padding-left: 25px;	text-decoration: none;	background-color: #B4CC9A;	background-image: url(../../share/images/assets/menu-sub-level1.jpg);	background-repeat: repeat-y;}
#leftnav ul li ul li a:visited{	display: block;	color: #FFFFFF;	padding-top: 3px;	padding-right: 4px; padding-bottom: 3px;
padding-left: 25px;	text-decoration: none;	background-color: #ABDEBD;	background-image: url(../../share/images/assets/menu-sub-level1.jpg);
background-repeat: repeat-y;}
#leftnav ul li ul li a:hover, #leftnav ul li ul li a.active{	display: block;	color: #01814E;	padding-top: 3px;	padding-right: 4px;	padding-bottom: 3px;	padding-left: 25px;	text-decoration: none;	background-color: #004f80;	background-image: url(../../share/images/assets/menu-sub-level1-hover.jpg);
background-repeat: repeat-y;}
#leftnav ul li ul li ul li a:link{	display: block;	color: #FFFFFF;	padding-top: 3px;	padding-right: 4px;	padding-bottom: 3px;
padding-left: 25px;	text-decoration: none;	background-color: #38a7c1;	background-image: url(../../share/images/assets/menu-sub-level1.jpg);
background-repeat: repeat-y;}
#leftnav ul li ul li ul li a:visited{	display: block;	color: #FFFFFF;	padding-top: 3px;	padding-right: 4px;	padding-bottom: 3px;
padding-left: 25px;	text-decoration: none;	background-color: #38a7c1;	background-image: url(../../share/images/assets/menu-sub-level1.jpg);
background-repeat: repeat-y;}
#leftnav ul li ul li ul li a:hover, #leftnav ul li ul li ul li a.active{	display: block;	color: #FFFFFF;	padding-top: 3px;	padding-right: 4px;	padding-bottom: 3px;	padding-left: 25px;	text-decoration: none;	background-color: #38a7c1;	background-image: url(../../share/images/assets/menu-sub-level2-hover.jpg);
background-repeat: repeat-y;}


/*------------------------------------------------------
 Homepage specific styles 
 -------------------------------------------------------*/
#maincontent {	float: left;	width: 630px;	padding: 0px;	margin: 0px;	display: block; min-height: 500px;}

#main-left {background-color: #FFF; height: auto; width: 280px; float: left; margin-top: 20px; margin-right: 0px; margin-bottom: 20px;
	margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; }
#main-right {height: auto; width: 325px; float: left; margin-top: 20px; margin-bottom: 20px; margin-left: 0px; padding-top: 0px;	padding-right: 0px; padding-bottom: 0px; padding-left: 15px;}
#quicklinks {float: left; width: 615px; height: 175px; background-color: #FFFFFF; margin-bottom: 20px; padding-left: 10px;}
.quicklinks {border: 2px solid #FFFFFF; width: 615px; height: 125px; margin-top: 10px; padding: 0px; }
#footer {
	background-color: #ABDEBD;
	clear: both;
	height: 35px;
	width: 100%;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #01814E;
	font-size: .7em;
	margin-top: 5px;
	color:#01814E;
}

/* flash box at top */

#flash-box {width: 619px; height: 216px; background-color: #FFF; float: left; background-repeat: no-repeat; margin-left: 10px; }
#flash-box  .rotation{ position: absolute; width: 619px; float: right; height: 210px; margin-top: 16px; background-repeat: no-repeat;  background-repeat: no-repeat; background-position: bottom; }

#flash-box h1{position: relative; z-index: 10000;font-size: 1.0em; color: #01814E; display: block; float: left; margin-left: 5px; margin-top: 8px; margin-bottom: 0px; top: 15px;}

#highlighted-quote {
	background-color: #97B872;
	float: right;
	font-weight: bold;
	font-size: 1em;
	height: auto;
	color: #FFFFFF;
	padding: 10px;
	width: 280px;
	margin-top: 85px;
	margin-right: 25px;
	margin-left: 35px;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
}

#highlighted-quote  p a:link, #highlighted-quote p a:visited {text-decoration:none; color: #000066; } 
#highlighted-quote p a:hover {color:  #B4CC9A text-decoration: underline; }

.quote-name {padding-top: 5px; font-size: .7em; font-style: italic; text-align: right; filter:alpha(opacity=50);}






/* heading styles */
#main-left h2  {background-color: #FFF; width: auto; font-size: 1em; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 12px;  }

 #main-left h2 a:link, #main-left h2 a:visited {text-decoration:none; color: #A8B365; } 
#main-left h2 a:hover {color:  #B4CC9A; text-decoration: underline; }

#main-right h3 {background-color: #FFFFFF; width: auto; font-size: 1em; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 12px; color: #01814E;}
#main-right h3 a:link, #main-right h3 a:visited {
	text-decoration:none;
	color: #97B872
} 
#main-right h3 a:hover {color: #01814E; text-decoration: underline; }

#quicklinks h4 {background-color: #FFFFFF; width: 280px; padding: 4px; padding-top: 11px; font-size: .8em; color: #97B872}

#quicklinks h3 {background-color: #FFFFFF; width: 280px; padding-bottom: 12px; padding-top: 11px; font-size: 11pt; color: #01814E}


.testimonials-box {background-color: #FFF; height: auto; width: auto; border: 3px solid #B4CC9A; border-bottom-color:#ffffff;border-right-color:#ffffff;  padding: 8px; font-size: 0.8em; line-height: 17px;	font-family: Arial, Helvetica, sans-serif;}

.testimonials-box p {padding-bottom: 6px; }
.testimonials-box a:link, .testimonials-box a:visited {font-weight: bold; color: #666666; text-decoration: underline;}
.testimonials-box a:hover {font-weight: bold; color:  #B4CC9A text-decoration: underline;}





/*------------------------------------------------------------
INNER PAGE STYLES
--------------------------------------------------------------*/
#breadcrumb {
	width: 600px;
	margin-left:10px;
	height: auto;
	float: left;
	margin-bottom: 10px;
	font-size: .8em;
	font-weight: bold;
}
#wide-left {
	height: auto;
	width: 400px;
	float: left;
	margin-left: 10px;
	margin-bottom: 15px;
	margin-right: 0px;

}
#wide-left p {

	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 20px;
	font-size: 12px;
}

#wide-left ul li { 	font-size: .8em; line-height: 16px; padding: 2px 20px 2px 2px; margin-left:22px;  }

#wide-left ul li ul li { 	font-size: 1.0em;  }

h1.home {font-size: 0.9em; color: #01814E; padding-top: 5px; width: 280px; }  
#wide-left h1 {font-size: 1.2em; color: #01814E; padding-top: 12px;  }  
#wide-left h2 {font-size: 1.2em; color: #B4CC9A;  padding-top: 12px; }
#wide-left h3 {font-size: 1.1em; color: #01814E;  }  
#wide-left h4 {font-size: 12px; color: #ff9900;  }
#wide-left h5 {font-size: .9em; color: #01814E;  }
#wide-left h6 {font-size: .9em; color: #ff9900;  }



#wide-left a:link, #wide-left a:visited {text-decoration:underline; color: #01814E; } 
#wide-left a:hover {color: #ff9900; text-decoration: underline; }

.featured { background-color:#FFC; padding: 8px; color: #666666; font-weight: bold;  } 

.float-left {
	float:left;
	margin-right: 5px;
	margin-top:5px;
	margin-bottom:5px;
	border: 3px solid #6FA0C0;
}
#thin-right {
	width: 184px;
	margin-left: 10px;
	float: right;
	padding: 5px;
	margin-top: 45px;
	background-color: #EEEEEE; 
}

#thin-right h2{ font-size: 0.8em;	color: #333333; 	font-weight: bold;	margin-bottom: 10px; }
#thin-right h2 a:link, #thin-right h2 a:visited {text-decoration:none; color: #333333;  } 
#thin-right h2 a:hover, #thin-right h2 a:active  {color: #B4CC9A; text-decoration: underline; }

#thin-right h3{ font-size: 0.8em;		color: #696849; 	font-weight: bold;	margin-bottom: 10px; }
#thin-right h3 a:link, #thin-right h3 a:visited {text-decoration:none; color: #696849;  } 
#thin-right h3 a:hover, #thin-right h3 a:active  {color: #000000; text-decoration: underline; }

#thin-right h4{ font-size: 0.8em;		color: #006666; 	font-weight: bold;	margin-bottom: 10px; }
#thin-right h4 a:link, #thin-right h4 a:visited {text-decoration:none; color: #006666;  } 
#thin-right h4 a:hover, #thin-right h4 a:active  {color: #000000; text-decoration: underline; }


#thin-right .news-snippet { background-color: #EEEEEE;} 
#thin-right .news-snippet p  { font-size: 1.0em; padding-top: 4px; } 

#thin-right .news-snippet a:visited, #thin-right .news-snippet a:link,  #thin-right a:link,  #thin-right a:visited {font-weight: bold; color: #666666; text-decoration: none;}
#thin-right .news-snippet a:hover, #thin-right a:hover{font-weight: bold; color:  #B4CC9A text-decoration: underline;}



#thin-right p{ 	font-size: 0.8em; line-height: 1.2em; margin-top: 7px;} 
#thin-right ul li { 	font-size: 0.9em; } 
#thin-right img {
	border: 2px solid #cccccc;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}

#thin-right ul li { font-size: 0.7em; padding: 2px 2px 2px 6px;  list-style: disc;  list-style-position:inside; }



/* breadcrumb */


#breadcrumb h1 {

	font-size: 1.6em;
	color: #01814E;
	margin-bottom: 7px;
	margin-top: 8px;
}

#breadcrumb  { font-size: 9pt; } 
#breadcrumb a:link {color: #666666; text-decoration:none;}
#breadcrumb a:visited {color: #666666;text-decoration:none;}
#breadcrumb a:hover {color: #FF6600;text-decoration:underline;}


/* inside news */

.news-img { padding: 5px 5px 5px 0; float: left; border: 2px; border-color:#FFFFFF; 
	float:left;
	margin-right:5px;
	background-image: url(../../share/images/assets/news_bg.png); 
	padding-right: 18px;
	padding-bottom: 3px;
	padding-top: 2px;
	padding-left: 2px;
} 

.news { padding-bottom: 30px;} 
.news-date { font-size: 0.7em; padding-bottom: 0px; font-style:italic; } 
.news-date2 { font-size: 0.8em; padding-bottom: 0px; font-style:italic; } 

#wide-left h3 {  font-size: 0.9em; padding: 4px 2px 0px 2px } 
#wide-left h3 a:link,  #wide-left h3 a:visited {text-decoration: none; } 
#wide-left h3 a:hover {text-decoration: underline; } 

#news-desc { margin-bottom: 8px; width: auto; font-size: .9em;}
#news-desc a:link, #news-desc a:visited { text-decoration: none; color: #663333;}
#news-desc a:hover { color:  #B4CC9A text-decoration: underline;}

.newspage-img { float: right; padding: 4px 4px 4px 0px; } 


/* styles for news items on homepage */
.news-snippet {margin-top: 8px; margin-bottom: 8px; background-color: #EEF7E6; height: 58px; width: auto; font-size: .7em;}
.news-snippet a:link{font-weight: bold; color: #666666; text-decoration: none;}
.news-snippet a:visited{font-weight: bold; color: #666666; text-decoration: none;}
.news-snippet a:hover{font-weight: bold; color:  #B4CC9A text-decoration: underline;}
.news-snippet p{padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 10px;}
.news-snippet img{
	float:left;
	margin-right:5px;
	background-image: url(../../share/images/assets/news-img-brdr.jpg);
	padding-right: 18px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 3px;
}

/* styles for news items on widget */
.news-snippet2 {margin-top: 8px; margin-bottom: 8px;  height: 58px; width: auto; font-size: .7em;}
.news-snippet2 a:link{font-weight: bold; color: #666666; text-decoration: none;}
.news-snippet2 a:visited{font-weight: bold; color: #666666; text-decoration: none;}
.news-snippet2 a:hover{font-weight: bold; color:  #B4CC9A text-decoration: underline;}
.news-snippet2 p{padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 10px;}
.news-snippet2 img {
	float:left;
	margin-right:6px;
	/*background-image: url(../../share/images/assets/news-img-brdr2.jpg); */
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 3px;
	border: 0px;
}


/* #leftnav ul li a:link  */
/* products */

.products-img { padding: 5px 5px 5px 0; float: left; border: 2px; border-color:#FFFFFF; 
	float:left;
	margin-right:5px;
	background-image: url(../../share/images/assets/news_bg.png);
	padding-right: 18px;
	padding-bottom: 3px;
	padding-top: 2px;
	padding-left: 2px;
} 

#productlistings ul{ list-style: none; padding-left: 0px; margin-left:0px;  } 

#productlistings li { margin-bottom: 15px; list-style: none; padding-left: 0px; margin-left:0px; min-height: 90px;  } 

.products-date { font-size: 0.7em; padding-bottom: 0px; font-style:italic; } 
.products2 { font-size: 0.8em; padding-bottom: 0px; font-style:italic; } 

#productlistings h3 { padding-bottom: 0px; margin-bottom: 0px;  } 
#productlistings h3  a:hover { text-decoration: underline; } 

.products-desc { margin-bottom: 8px; width: auto; font-size: 12px;}
.product-desc   { font-size: 12px;}
.product-detail   { font-size: 12px;}
.products-desc a:link, .products-desc a:visited { text-decoration: none; color: #663333;}
.products-desc a:hover { color:  #B4CC9A text-decoration: underline;}

.products-cat { font-size: .9em; padding-bottom: 29px; margin-bottom: 29px;}
.products-cat a:link, .products-cat a:visited { text-decoration: none; color: #663333;}
.products-cat a:hover { color:  #B4CC9A text-decoration: underline;}

.productspage-img { float: right; padding: 4px 4px 4px 0px; } 

h3.prod-title {font-size: 19px; line-height: 23px; } 
h3.prod-title a:link, .prod-title a:visited {font-size: 16px;  text-decoration:none; }

.sub-category { font-size: 5px; }
.sub-category a:link { text-decoration: none; }

.floater { width: 290px; float: right; } 
.wide {width: 100%;  clear:both; }
.wide ul {padding-bottom: 20px; }

.prodcats  { font-size: 10pt; color: #666633; }
.prodcats a:link, .prodcats a:visited { text-decoration: none; }

.products a:hover { text-decoration: underline; }




/* quicklinks on home */

.quicklinks img {
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 3px;
	background-image: url(../../share/images/assets/quicklink-frame.jpg); 
	background-repeat: no-repeat;
	padding-top: 2px;
	margin-top: 15px;
}
#quicklinks a:link {
	list-style-type: none;
	display: block;
	float: left;
	font-size: 0.7em;
	color: #666666;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	text-decoration:none;
}
#quicklinks a:visited {
	list-style-type: none;
	display: block;
	float: left;
	font-size: 0.7em;
	color: #666666;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	text-decoration:none;

}
#quicklinks a:hover {
	list-style-type: none;
	display: block;
	float: left;
	font-size: 0.7em;
	color: #ccc;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	text-decoration:none;

}


/* CONTACT FORM */
.text, textarea {
	width: 100%;
}

textarea#message {
	margin-bottom: 10px;
}

input, textarea, select {
	border: 1px solid #CCCCCC;
}

label {
	display: block;
	padding-top: 10px;
}

label.strong {
	font-weight: bolder;
}

/*	dear ie users, sorry	*/
input[type=submit] {
	padding: 3px;
}


.sitemap { padding-top: 10px; padding-bottom: 16px;  }
.sitemap2 { padding-bottom: 16px;  }

.border { padding: 2px; margin: 6px; }