.style23 {font-size: 95%}

img.special {border: 0px #3366FF solid;}


.style23 {font-size: 95%}



.style23 {font-size: 95%}
 


td {
	font-family: Tahoma,  Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF; 
	font-weight:normal; 
	line-height:16px;
}

.menu {
	font-family:   Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	line-height:18px; 
	text-decoration:none; 
	font-weight:bold;
}
.menu:hover {
	font-family:   Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	line-height:14px; 
	text-decoration:underline; 
	font-weight:bold;
}


.menu2 {
	font-family:   Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	line-height:14px; 
	text-decoration:none; 
	font-weight:normal;
}
.menu2:hover {
	font-family:   Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #3366FF; 
	line-height:14px; 
	font-weight:normal;
}

.big {
	font-family: Tahoma, verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	color: #ffffff; 
	line-height:16px; 
	text-decoration:none; 
	font-weight: bold; 
}

.large {
	font-family: Tahoma, verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	line-height:15px;
	text-decoration:none;
	font-weight: bold;
	padding-left: 1em;
}

.caption {
	font-family: Tahoma, verdana, Arial, Helvetica, sans-serif; 
	font-size: 8px; 
	color: #4A6663; 
	line-height:15px; 
	text-decoration:none; 
	font-weight: bold; 
}

.more {
	font-family:   Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #023B55; 
	line-height:18px; 
	text-decoration:none; 
	font-weight:bold;
}
.more:hover {
	font-family:   Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8px; 
	color: #023B55; 
	line-height:18px; 
	text-decoration:underline; 
	font-weight:bold;
}

.footermenu {
	font-family:   Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000033; 
	line-height:18px; 
	text-decoration:none; 
	font-weight:Normal;
}
.footermenu:hover {
	font-family:   Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000033; 
	line-height:18px; 
	text-decoration:underline; 
	font-weight:Normal;
}
.product {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #4A6663;
}
.price {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #4A6663;
}

.style1 {
	color: #333333;
	font-size: 12px;
}
.style3 {font-size: 14px}.Para1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #39372B;
}
.desc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.header {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 1em 0 0 1em;
	font-weight: bold;
	line-height: normal;
}
.tiny {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #777059;
	padding: 0, 0, 0, 0;
	margin: 0, 0, 0, 0;
}
.index {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: normal;
	color: #FFFFFF;
}
.category1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #696452;
	padding-left: 1em;
	margin-bottom: 1em;
}
.side {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 0 1em 0.5em 1em;
}
.copy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.style12 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 5px;
	padding: 0 0 0 0em;
	padding-bottom: 8px;
}

.style10 {
	font-size: 14px;
	font-weight: bold;
}

.style20 {
	font-size: 11px;
	font-weight: normal;
	color:#FFFFFF;
	
	font-family: Arial, Helvetica, sans-serif;

	margin-top: 0px;
	float:left;
}


.style11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	color: #666666;
	text-decoration: none;
	
	margin-top: 5px;
}
.style18 {font-family: Arial, Helvetica, sans-serif}
.style19 {color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.style17 {font-size: 14px}

p{
padding:0px; 
margin:10px 0px; 
}
#cartButton{
margin-left:13px; 
}

#btns{
width:560px; 
}
.chart1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0.2em 1em 0.2em 1em;
}
.chart2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding: 0.2em 1em 0.2em 1em;
}
.chart4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.chart3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.robin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #454E7E;
	text-decoration: none;
}
.robinlarge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #454E7E;
	text-decoration: none;
}
.Para2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
ul.MenuBarHorizontal
{
  font-family:   Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	text-align:left;
	color: #FFFFFF; 
	line-height:12px; 
	text-decoration:none; 
	font-weight:bold;
	margin:0;
	word-spacing:inherit;
	letter-spacing:inherit
		
	list-style-type: none;
	font-size: 90%;
	cursor: default;
	
}
ul.MenuBarActive
{
	z-index: 10000;
}
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 9px;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 8.8em;
	float: left;
}
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 10020;
	cursor: default;
	width: 8.8em;
	position: relative;
	left: -1200em;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
ul.MenuBarHorizontal ul ul
{
	position: relative;
	margin: -5% 0 0 95%;
}
ul.MenuBarHorizontal ul
{
	border: 0px solid #000033;
}
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #000033;
	padding: 0.5em 0.25em;
	color: #FFFFFF;
	text-decoration: none;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color:#3366FF;
	color: #FFFFFF;
}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color:#3366FF;
	color: #FFFFFF;
	border:#030;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(http://www.eco-gear.ca/SpryAssets/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 99% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(http://www.eco-gear.ca/SpryAssets/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(http://www.eco-gear.ca/SpryAssets/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(http://www.eco-gear.ca/SpryAssets/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 10010;
}
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		float: left;
		background: #FFF;
	}
}.headline {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FFFFFF;
padding: 5px;
visibility: hidden;
border: 1px dashed gray;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}


.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FFFFFF;
padding: 5px;
visibility: hidden;
border: 1px dashed gray;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
right: 60px; /*position where enlarged image should offset horizontally */

}


.thumbnail3{
position: relative;
z-index: 0;
}

.thumbnail3:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FFFFFF;
padding: 5px;
visibility: hidden;
border: 1px dashed gray;
color: black;
text-decoration: none;
}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail3:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -50px;
left: 60px; /*position where enlarged image should offset horizontally */

}.copy2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3B3C26;
}
.Para3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333421;
}
.Para4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #990000;
}


a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
ul.MenuBarHorizontal li{
	width:8.6em;
}