body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: .9em;

	line-height: 1.1em;

}



/* Typography */



h2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.3em;

	color: #52860b;

	padding-top: 20px;

}

h3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.1em;

	color: #52860b;

}

a, a:link, a:visited {

	color:  #0075b2;

	text-decoration: none;

}

a:active {

	text-decoration: underline;

	color: #b27500;

}

a:hover {

	text-decoration: underline;

}

ul {

	list-style-type: disc;

	padding-left: 3em;

	margin: 1.1em 0 1.1em 0;

}

ol {

	padding-left: 3em;

	margin: 1.1em 0 1.1em 0;

}



/* Layout */

#container {

	width: 990px;

	margin: 0 auto;

}

#header { height: 160px; }

#logoarea {

	position: relative;

	float: left;

	margin: 23px 0 0 0;

	width: 340px;

	height: 107px;

	z-index: 0;

}

#logo {

	background: transparent url(../images/site-layout/EcoFriendOnline-Logo.png) no-repeat scroll 0% 0%;

	height: 107px;

	width: 340px;

	text-indent: -3333px;

	border: 0;

	margin: 0;

	z-index: 0;

}

#logo a {

	display: block;

	height: 107px;

	width: 340px;

	text-decoration: none;

	border: 0;

}

#tagline {

	position: absolute;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #0075b2;

	font-style: italic;

	font-size: 1.1em;

	top: -15px;

	left: 115px;

	width: 850px;

	z-index: 100;

	font-weight: bold;

	padding: 0 !important;

	line-height: 1.1em;

}

#header-right {

	float: right;

	width: 640px;

	height: 128px;

	margin-top: 30px;

}

#header-newsletter {

	float: left;

	color: #a0a0a0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 10pt;

}

#header-newsletter p {

	float: left;

	width: 9em;

	text-align: center;

}

#header-newsletter span { display: none; }

#header-newsletter #email {

	float: left;

	margin: 1px 4px 1px 4px;

	width: 150px;

	height: 22px;

}

#header-newsletter img { float: left; }

#header-signin { float: right; }

#header-signin span { display: none; }

#menu {

	width: 640px;

	background: #eaf5dc; /*menu strip background*/

	padding: 4px 0;

	margin-top: 4px;

	float: right;

	height: 31px;

}

#menu #cart {

	float: right;

	padding-right: 5px;

	text-align: right;

}

#menu #cart span { display: none; }

#header-right-bottom { width: 100%; }

#header-right-bottom span { display: none; }

#header-right-bottom #return-to-home {

	float: left;

	margin-top: 8px;

	width: 135px;

}

#header-right-bottom #blog-with-us {

	float: left;

	margin-top: 8px;

	padding-left: 40px;

}

#header-right-bottom #search {

	float: right;

	margin-top: 6px;

}

#header-right-bottom #search img {

	float: left;

	margin-top: 2px;

	margin-right: 4px;

}

#header-right-bottom #search #stext {

	float: left;

	margin: 1px 6px 1px 6px;

	width: 150px;

	height: 21px;

}

#header-right-bottom #advanced-search {

	clear: both;

	margin-left: 30px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10pt;

	margin-top: 3px;

}

#header-right-bottom #advanced-search a { color: #0075b2; }

#header-right-bottom #advanced-search a:visited { color: #0075b2; }

#content-top {

	background: url(../images/site-layout/Content-Top-Bg.gif) repeat-y top left;

	height: 412px;

}

#content-top-full {

	width: 990px;

	background: #eaf5dc url(../images/site-layout/Bg-Top-Full-Mid.png) top left repeat-y;

}

#content-top-full.bgwhite {

	background-color: #ffffff;

	background-image: url(../images/site-layout/Bg-White-Top-Full-Mid.png);

	background-position: top left;

	background-repeat: repeat-y;

}

#content-top-full.bgpattern {

	background-color: #eaf5dc;

	background-image: url(../images/site-layout/Bg-Top-Full-Mid-Pattern.png);

	background-position: top left;

	background-repeat: repeat-y;

}

#content-top-full #content-top-full-content {

	width: 950px;

	padding: 20px 20px 8px 20px;

	background: transparent url(../images/site-layout/Bg-Top-Full-Top.png) top left no-repeat;

}

#content-top-full.bgwhite #content-top-full-content {

	background: transparent url(../images/site-layout/Bg-White-Top-Full-Top.png) top left no-repeat;

}

#content-top-full #content-top-full-end {

	width: 990px;

/*	height: 12px;*/

	background: transparent url(../images/site-layout/Bg-Top-Full-Bottom.png) bottom left no-repeat;

}

#content-top-full.bgwhite #content-top-full-end {

	background: #eaf5dc url(../images/site-layout/Bg-White-Top-Full-Bottom.png) bottom left no-repeat;

}

#content-top-left {

	float: left;

	position: relative;

	padding: 0 16px 16px 16px;

	z-index: 1;

}

.featured {

	position: absolute;

	z-index: 5;

}



.hidden { display: none; }

#content-top-right {

	float: right;

	width: 263px;

	font-size: 11px;

	padding: 0 16px 0 16px;

}

#content-top-right #featuredvendor {

	background: url(../images/site-layout/Bg-SmRight-116px.png) top left no-repeat;

	padding: 11px 16px 16px 16px;

	height: 89px;

	width: 231px;

	margin: 0 0 24px 0;

	overflow: hidden;

}

#content-top-right #featuredvendor h3 {

	background: transparent url(../images/site-layout/Featured-Vendor.png) no-repeat scroll 0% 0%;

	width: 226px;

	height: 25px;

	text-indent: -3333px;

	border: 0;

	margin: 0;

}

#content-top-right #featuredvendor p {

	margin-top: 5px;

	text-align: center;

}

#content-top-right #featuredvendor a {

	color: #0075b2;

	text-decoration: none;

}

#content-top-right #affiliates {

	background: url(../images/site-layout/Bg-Affiliates.png) top left no-repeat;

	padding: 8px 106px 8px 8px;

	height: 100px;

	width: 149px;

	margin: 0 0 24px 0;

	overflow: hidden;

}

#content-top-right #affiliates h3 {

	background: transparent url(../images/site-layout/Shop-Our-Affiliates.png) no-repeat scroll 0% 0%;

	width: 145px;

	height: 45px;

	text-indent: -3333px;

	border: 0;

	margin: 0;

}

#content-top-right #affiliates p {

	margin: 5px 0 0 8px;

	text-align: center;

	color: #0075b2;

	line-height: 1.1em;

}

#content-top-right #affiliates a {

	color: #0075b2;

	text-decoration: none;

}

#content-top-right #readlearn {

	background: url(../images/site-layout/Bg-ReadLearn.png) top left no-repeat;

	padding: 14px 16px 16px 16px;

	height: 86px;

	width: 231px;

	margin: 0;

	overflow: hidden;

}

#content-top-right #readlearn h3 {

	background: transparent url(../images/site-layout/Read-And-Learn.png) no-repeat scroll 0% 0%;

	width: 191px;

	height: 27px;

	text-indent: -3333px;

	border: 0;

	margin: 0;

}

#content-top-right #readlearn p {

	margin-top: 5px;

	color: #868686;

	line-height: 1.2em;

}

#content-top-right #readlearn a, #content-top-right #readlearn a:visited { color: #0075b2; }

#content-divider {

	background: url(../images/site-layout/Content-Divider.gif) no-repeat top left;

	height: 8px;

	position: relative;

	z-index: 1000;

}

#content-divider img {

	position: absolute;

	z-index: 1001;

	left: 385px;

	margin-top: -52px;

}

#content-bottom {

	background: url(../images/site-layout/Content-Bottom-Bg.gif) top left repeat-y;

	width: 990px;

}

#content-bottom-left {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #868686;

	float: left;

	width: 450px;

	margin: 0 0 20px 10px;

	font-size: 9pt;

}

#content-bottom-left h2 {

	background: transparent url(../images/site-layout/About-EcoFriend-Online.gif) no-repeat scroll 0% 0%;

	width: 298px;

	height: 55px;

	text-indent: -3333px;

	margin: 0 0 10px 0;

	border: 0;

}

#content-bottom-left p, #content-bottom-left ul { line-height: 1.6em; }

#content-bottom-left h3 {

	margin-top: 18px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11pt;

	line-height: 13pt;

	color: #73a531;

}

#content-bottom-left ul {

	list-style: disc;

	margin-left: 20px;

	padding-left: 0;

}

#content-bottom-left span { display: none; }

#content-bottom-right {

	float: right;

	width: 480px;

	margin: 0 0 0 0;

}

#content-bottom-right #icons-header {

	position: relative;

	height: 39px;

	margin: 10px 0 0 0;

	z-index: 10;

}

#content-bottom-right #icons-header h2 {

	background: transparent url(../images/site-layout/Eco-Icons-Legend.png) no-repeat scroll 0% 0%;

	width: 254px;

	height: 39px;

	margin: 0;

	border: 0;

	float: left;

}

#content-bottom-right #icons-header h2 span {

	text-indent: -3333px;

	display: block;

}

#content-bottom-right  #icons-header  p {

	color: #898989;

	font-size: 11px;

	font-weight: normal;

	float: left;

	width: 200px;

	height: 39px;

	margin: 6px 0 0 8px;

}

#content-bottom-right #icons {

	clear: both;

	text-align: center;

	padding: 10px 0 0 0;

	z-index: 10;

	position: relative;

	width: 480px;

}

.icon {

	display:-moz-inline-box;/* Firefox 2 and under*/

	display:inline-block;/* FF3, Opera, Safari */

	width: 47px;

	height: 47px;

	margin: 0 20px 20px 0;

	position: relative;

	z-index: 49;

}

.icondetails {

	display: none;

	position: absolute;

	z-index: 50;

	font: 9px Verdana;

	background: #ffffff;

	overflow: hidden;

	text-align: center;

	padding: 10px;

	left: -59px;

	top: 30px;

	border: 1px solid black;

	width: 140px;

}

#footer-top { margin: 10px 0 0 0;

}

#footer-top #footer-order-status {

	height: 93px;

	width: 225px;

	background: #d9eaf4;

	float: left;

	margin: 0 0 0 1px;

}

#footer-top #footer-order-status #order-entry {

	float: left;

	width: 146px;

	margin: 10px 0 5px 0;

}

#footer-top #footer-order-status #order-entry h3 {

	background: transparent url(../images/site-layout/Check-Order-Status.gif) no-repeat scroll 0% 0%;

	text-indent: -3333px;

	width: 134px;

	height: 17px;

	margin: 0 0 0 5px;

	border: 0;

}

#footer-top #footer-order-status #order-entry input {

	width: 134px;

	height: 18px;

	margin: 5px 0 0 5px;

}

#footer-top #footer-order-status #order-check {

	float: right;

	text-align: center;

	width: 67px;

	margin: 14px 5px 0 0;

}

#footer-top #footer-memberships {

	float: left;

	background: transparent url(../images/site-layout/Bg-Footer-Memberships.png) top left no-repeat;

	width: 236px;

	height: 93px;

	margin: 0 0 0 6px;

}

#footer-top #footer-memberships p {

	font-size: 0.6em;

	color: #52860b;

	font-weight: bold;

	float: left;

	text-align: center;

}

#footer-top #footer-memberships #memberships-trustlogo {

	width: 105px;

	height: 89px;

	padding: 14px 5px 0 5px;

}

#footer-top #footer-memberships #memberships-authorize-net {

	width: 112px;

	height: 89px;

	padding: 2px 0 0 0;

}

#footer-top #footer-popular-searches {

	float: left;

	width: 515px;

	height: 93px;

	margin: 0 0 0 6px;

	background: transparent url(../images/site-layout/Bg-Footer-Searches.png) top left no-repeat;

	margin: 0 0 0 6px;

	color: #52860b;

}

#footer-top #footer-popular-searches h3 {

	margin: 2px 0 0 8px;

}

#footer-top #footer-popular-searches #searches {

	margin: 2px 2px 2px 8px;

}

#footer-top #footer-popular-searches #searches p {

	width: 164px;

	height: 14px;

	line-height: 14px;

	overflow: hidden;

	font-size: 11px;

	float: left;

	margin: 2px 0 0 0;

}

#footer-top #footer-popular-searches #searches p a {

	text-decoration: none;

	color: #52860b;

}

#footer-top #footer-popular-searches #searches p a:hover {

	text-decoration: underline;

}

#footer #footer-bottom {

	text-align: center;

	font-size: 0.8em;

	color: #52860b;

	margin: 15px 0 20px 0;

}

#footer #footer-bottom p { margin-top: 5px; }

#container #footer #footer-bottom a, #container #footer #footer-bottom a:visited {

	color: #0075b2;

	text-decoration: underline;

}





#content2-top { background: url(../images/site-layout/Content2-Top-Bg.png) repeat-y top left;

}

#content2-top-left {

	float: left;

	width: 214px;

	padding: 0 0 16px 0;

	z-index: 1;

}

#content2-top-left  h2 {

	color: #73a531;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16pt;

	text-indent: 16px;

}

#content2-top-left ul {

	margin: 14px 0 0 0;

	width: 100%;

	list-style-type: none;

}

#content2-top-left ul li {

	margin: 0;

	width: 100%;

	text-indent: 32px;

	display: block;

	border-bottom: 1px solid white;

}

#content2-top-left  ul  li a {

	background: transparent url(../images/site-layout/Menu-Full.gif) top left no-repeat;

	font: normal 12pt Tahoma, Verdana, Arial, Helvetica, sans-serif;

	color: #0075b2;

	text-decoration: none;

	height: 30px;

	line-height: 30px;

	width: 100%;

	display: block;

}

#content2-top-left  ul  li  a.active {

	background-color: #444444;

	color: #ffffff;

	font-weight: bold;

}

#content2-top-left  ul  li  a.subactive {

	font-weight: bold;

}

#content2-top-left ul li  a:link, #content2-top-left ul li a:active, #content2-top-left ul li a:visited {

	color: #0075b2;

}

#content2-top-left  ul  li a:hover {

	text-decoration: underline;

}

#content2-top-left  ul  li  ul { margin: 0; }



#content2-top-left ul li ul li { margin: 0; }



#content2-top-left  ul  li  ul li a {

	background-color: #e8e8e8;

	text-indent: 48px;

	margin: 0;

	height: 20px;

	line-height: 20px;

}

#content2-top-left  ul  li  ul li a.active{

	background-color: #444444;

	color: #ffffff;

	font-weight: bold;

}





#content2-top-right {

	background: url(../images/site-layout/Bg-TopRight-Full-Pattern.png) top left no-repeat;

	float: right;

	width: 763px;

	padding: 0 0 16px 0;

	height: 454px;

	/*	height: 380px; */

	position: relative;

	z-index: 1;

}



.filmstripphoto {

	width: 338px;

	height: 337px;

	position: absolute;

	z-index: 2;

	border: 1px solid black;

}

#content3-top-right {

	float: right;

	width: 762px;

}

#productlist-top     {

	background: transparent url(../images/site-layout/Bg-TopRight-Top.png) top left no-repeat;

	width: 762px;

	height: 12px;

	line-height: 1px;

}

.bgwhite #productlist-top     {

	background: transparent url(../images/site-layout/Bg-White-TopRight-Top.png) top left no-repeat;

}

#productlist-content  {

	background: transparent url(../images/site-layout/Bg-TopRight-Mid.png) top left repeat-y;

	width: 747px;

	padding: 0 0 0 15px;

}

.bgwhite #productlist-content  {

	background: transparent url(../images/site-layout/Bg-White-TopRight-Mid.png) top left repeat-y;

}

#productlist-bottom     {

	background: transparent url(../images/site-layout/Bg-TopRight-Bottom.png) top left no-repeat;

	width: 762px;

	height: 12px;

}

.bgwhite #productlist-bottom     {

	background: transparent url(../images/site-layout/Bg-White-TopRight-Bottom.png) top left no-repeat;

}

#productlist-content h2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13.5pt;

	padding-top: 0;

	color: #444444;

}







.position1 {

	top: 40px;

	left: 30px;

/*	top: 15px;

	left: 30px; */

}

.position2 {

	top: 100px;

	left: 400px;

/*	top: 50px;

	left: 400px; */

}





#content2-bottom {

	background: url(../images/site-layout/Bg-Bottom-Full.png) top left no-repeat;

	width: 990px;

	height: 164px;

	padding: 0;

}

#content2-bottom #photo-container {

	width: 800px;

	height: 164px;

	text-align: center;

	padding: 12px 0 0 0;

	margin: 0 auto;

}

#content2-bottom #photos {

	height: 132px;

	text-align: center;

	overflow: hidden;

	margin: auto;

}

ul.filmstrip li {

	display: inline;

}



#items {

	width: 747px;

	clear: both;

}



.item {

	background: transparent url(../images/site-layout/Bg-Item-Top.gif) top left no-repeat;

	float: left;

	width: 166px;

	margin: 0 13px 12px 0;

	text-align: center;

	font-size: 9pt;

	line-height: 11pt;

}

.itemphoto {

	height: 150px;

	width: 150px;

	text-align: center;

	border: 1px solid #8CC640;

	background: white;

	margin: 6px auto;

}

.itemphoto a {

	display: block;

	width: 150px;

	height: 150px;

}



.itemdescription {

	background: transparent url(../images/site-layout/Bg-Item-Bottom.gif) bottom left no-repeat;

	padding: 0 0 12px 0;

	height: 130px;

	overflow: hidden;

}

.itemdescription img {

	padding: 4px;

}



.item a, .item a:link, .item a:visited {

	text-decoration: none;

	color: #444444;

}

.item a:hover, .item a:active {

	text-decoration: underline;

	color: #444444;

}



.price {

	color: #0075b2;

	font-weight: bold;

}

.sorter {

	float: left;

	padding: 1em;

	font: normal 10pt Verdana, Arial, Helvetica, sans-serif;

	position: relative;

	z-index: 0;

}

.sorter select {

}





.pager {

	font-size: .8em;

	float: right;

    padding: 1em;

}



.pager a, .pager span {

	color:#003366;

    display: block;

    float: left;

    padding: 0.2em 0.5em;

    margin-right: 0.1em;

}

.pager span.current {

    border: 1px solid #2E6AB1;

    font-weight: bold;

    background: #2E6AB1;

    color: #fff;

}

.pager a {

    border: 1px solid #9AAFE5;

    text-decoration: none;

    background: #fff;

}

.pager a.nextprev {

    font-weight: bold;

    border: 1px solid #9AAFE5;

    background: #fff;

}

.pager span.nextprev {

    border: 1px solid #ddd;

    color: #999;

    background: #fff;

	margin-left: 4px;

}

.pager .nextprev-next {

    float: right;

}

.pager a:hover {

    background-color: #2E6AB1;

	color: #fff;

}









.filmstrip  li img { border: 1px solid white; }







input.green {

	color: #868686;

	background-color: #f2f9ea;

	border: 1px solid #8cc63f;

}





input.blue {

	color: #9f9f9f;

	background-color: #f5f5f5;

	border: 1px solid #0075b2;

}

.clear { clear: both; }

.aboutuspic {

	background-image: url(../images/zion.jpg);

	background-repeat: no-repeat;

	background-position: center top

}

#content-top-full p {

	/* padding: 10px 0 0 0; */

}

.green {
	color: #2a770d;
	font-weight: bold;
}

.italicize {

	font-style: italic;

	font-size: 0.9em;

}



blockquote {

	margin: 10px 48px;

}



#content-top-full blockquote.quot {

	background: transparent url(../images/site-layout/quoleft-gr.gif) left top no-repeat;

	min-height: 36px;

}

#content-top-full blockquote.quot div {

	padding: 0 48px;

	background: transparent url(../images/site-layout/quoright-gr.gif) right bottom no-repeat;

	min-height: 36px;

}

#content-top-full.bgwhite blockquote.quot {

	background: transparent url(../images/site-layout/quoleft-wh.gif) left top no-repeat;

	min-height: 36px;

}

#content-top-full.bgwhite blockquote.quot div {

	padding: 0 48px;

	background: transparent url(../images/site-layout/quoright-wh.gif) right bottom no-repeat;

	min-height: 36px;

}

.img-float-left {

	float: left;

	margin: 10px;

	border: 1px solid #8cc63f;

	padding: 10px;

	background: white;

}



.img-float-right {

	float: right;

	margin: 10px;

	border: 1px solid #8cc63f;

	padding: 10px;

	background: white;

}





.img-caption {

	font-size: 0.8em;

	text-align: center;

}

.floatleft {

	float: left;

	margin: 3px;

}

.floatright {

	float: right;

	margin: 3px;

}



#content-top-full-content h3 {

	padding-top: 20px;

}

#content-top-full-content p {

	margin-bottom: 14px;

}

#content-top-full    #content-top-full-content .img-float-left p       {

	padding-top: 0px;

	margin-bottom: 0px;

}

#container #content #content-top-full #content-top-full-content .img-float-left .img-caption { padding-top: 10px; }







/* BEGIN NAVIGATION ATTEMPT #2 */

#content2-top-left-v2 {

	float: left;

	width: 210px;

	padding: 0 0 16px 0;

	z-index: 1;

}

#content2-top-left-v2  h2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14pt;

	width: 210px;

	background: #eaf5dc;

	line-height: 32px;

	text-indent: 4px;

	padding-top: 0;

	color: #444444;

}

#content2-top-left-v2 ul {

	margin: 0;

	padding: 0;

	width: 100%;

	list-style-type: none;

	text-indent: 8px;

	overflow: hidden;

}

#content2-top-left-v2 ul li {

	margin: 0;

	width: 100%;

	display: block;

}

#content2-top-left-v2  ul  li a {

	background: transparent url(../images/site-layout/Menu-Full.gif) top left no-repeat;

	font: normal 11pt Tahoma, Verdana, Arial, Helvetica, sans-serif;

	color: #0075b2;

	text-decoration: none;

	height: 30px;

	line-height: 30px;

	width: 210 px;

	display: block;

}

#content2-top-left-v2  ul  li  a.active {

	background-color: #444444;

	color: #ffffff;

	font-weight: bold;

}

#content2-top-left-v2  ul  li  a.subactive {

	font-weight: bold;

}

#content2-top-left-v2 ul li  a:link, #content2-top-left-v1 ul li a:active, #content2-top-left-v1 ul li a:visited {

	color: #0075b2;

}

#content2-top-left-v2  ul  li a:hover { text-decoration: underline;

}

#content2-top-left-v2  ul  li  ul { margin: 0;

}

#content2-top-left-v2 ul li ul li {

	margin: 0;

	text-indent: 16px;

}

#content2-top-left-v2  ul  li  ul li a {

	margin: 0;

	height: 21px;

	line-height: 21px;

	background: #fbfdf8 url(../images/site-layout/Categories-Nav-Sub2-v2.png) top left no-repeat;

}

#content2-top-left-v2  ul  li  ul li a.active{

	background: #444444 url(../images/site-layout/Categories-Nav-Sub2-Active-v2.png) top left no-repeat;

	color: #ffffff;

	font-weight: bold;

}

#content2-top-left-v2 ul li ul li ul li {

	text-indent: 32px;

}

#content2-top-left-v2  ul  li  ul li ul li a {

	background: #ffffff url(../images/site-layout/Categories-Nav-Sub3-v2.png) top left no-repeat;

}

#content2-top-left-v2  ul  li  ul li ul li a.active{

	background: #444444 url(../images/site-layout/Categories-Nav-Sub3-Active-v2.png) top left no-repeat;

	color: #ffffff;

	font-weight: bold;

}

#content2-top-left-v2 ul li ul li ul li ul li {

	text-indent: 48px;

}

#content2-top-left-v2 ul li ul li ul li ul li a {

	background: #ffffff url(../images/site-layout/Categories-Nav-Sub4-v2.png) top left no-repeat;

}

#content2-top-left-v2 ul li ul li ul li ul li a.active{

	background: #444444 url(../images/site-layout/Categories-Nav-Sub4-Active-v2.png) top left no-repeat;

	color: #ffffff;

	font-weight: bold;

}

/* END NAVIGATION ATTEMPT #2 */



/* BEGIN NAVIGATION ATTEMPT #3 */

#content2-top-left-v3 {

	float: left;

	width: 210px;

	padding: 0 0 16px 0;

	z-index: 1;

}

#content2-top-left-v3  h2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14pt;

	width: 210px;

	background: #eaf5dc;

	line-height: 32px;

	text-indent: 4px;

	padding-top: 0;

	color: #444444;

}

#content2-top-left-v3 ul {

	margin: 0;

	padding: 0;

	width: 100%;

	list-style-type: none;

	text-indent: 8px;

	overflow: hidden;

	border-bottom: 1px solid #8dc640;

}

#content2-top-left-v3 ul li {

	margin: 0;

	width: 100%;

	display: block;

}

#content2-top-left-v3  ul  li a {

	background: #eaf5dc;

	border-top: 1px solid #8dc640;

	font: normal 11pt Tahoma, Verdana, Arial, Helvetica, sans-serif;

	color: #0075b2;

	text-decoration: none;

	height: 30px;

	line-height: 30px;

	width: 210 px;

	display: block;

}

#content2-top-left-v3  ul  li  a.active {

	background: #eaf5dc url(../images/site-layout/Categories-Nav-Sub1-Active-v3.png) top left no-repeat;

	font-weight: bold;

}

#content2-top-left-v3  ul  li  a.subactive { font-weight: bold; }

#content2-top-left-v3 ul li  a:link, #content2-top-left-v1 ul li a:active, #content2-top-left-v1 ul li a:visited { color: #0075b2; }

#content2-top-left-v3  ul  li a:hover { text-decoration: underline; }

#content2-top-left-v3  ul  li  ul { margin: 0; }

#content2-top-left-v3 ul li ul { border-bottom: 0; }

#content2-top-left-v3 ul li ul li {

	margin: 0;

	text-indent: 16px;

}

#content2-top-left-v3  ul  li  ul li a {

	border-top: 0;

	margin: 0;

	height: 21px;

	line-height: 21px;

	background: #fbfdf8 url(../images/site-layout/Categories-Nav-Sub2-v3.png) top left no-repeat;

}

#content2-top-left-v3  ul  li  ul li a.active{

	background: #444444 url(../images/site-layout/Categories-Nav-Sub2-Active-v3.png) top left no-repeat;

	font-weight: bold;

}

#content2-top-left-v3 ul li ul li ul li {

	text-indent: 32px;

}

#content2-top-left-v3  ul  li  ul li ul li a {

	background: #ffffff url(../images/site-layout/Categories-Nav-Sub3-v3.png) top left no-repeat;

}

#content2-top-left-v3  ul  li  ul li ul li a.active{

	background: #444444 url(../images/site-layout/Categories-Nav-Sub3-Active-v3.png) top left no-repeat;

	font-weight: bold;

}

#content2-top-left-v3 ul li ul li ul li ul li {

	text-indent: 48px;

}

#content2-top-left-v3 ul li ul li ul li ul li a {

	background: #ffffff url(../images/site-layout/Categories-Nav-Sub4-v3.png) top left no-repeat;

}

#content2-top-left-v3 ul li ul li ul li ul li a.active{

	background: #444444 url(../images/site-layout/Categories-Nav-Sub4-Active-v3.png) top left no-repeat;

	font-weight: bold;

}

#content2-top-left-v3 ul li ul li ul li ul li ul li {

	text-indent: 64px;

}

#content2-top-left-v3 ul li ul li ul li ul li ul li a {

	background: #ffffff url(../images/site-layout/Categories-Nav-Sub5-v3.png) top left no-repeat;

}

#content2-top-left-v3 ul li ul li ul li ul li ul li a.active{

	background: #444444 url(../images/site-layout/Categories-Nav-Sub5-Active-v3.png) top left no-repeat;

	font-weight: bold;

}

/* END NAVIGATION ATTEMPT #3 */



.categorynav li {

	display: none;

}

.categorynav li.subactive {

	display: inherit;

}

#content2-divider {

	background: url(../images/site-layout/Content-Divider-16.gif) no-repeat top left;

	height: 16px;

	position: relative;

	z-index: 1000;

}

#content2-divider  img {

	position: absolute;

	z-index: 1001;

	left: 385px;

	margin-top: -52px;

}

#content3-divider {

	background: url(../images/site-layout/Content-Divider-16.gif) no-repeat top left;

	height: 16px;

}



#productlist-content h2 {

	margin-bottom: 20px;

}

div.product {

	border: 1px solid green;

	padding: 8px 4px;

	height: 254px;

	position: relative;

}

div.product.freeship {

	background-image: url(/images/icons/Shipping-Icon-Bg.gif);

	background-repeat: no-repeat;

	background-position: bottom right;

}

div.productpage div.product.freeship {

	background-image: url(/images/icons/Shipping-Icon-Bg2.gif);

	background-repeat: no-repeat;

	background-position: bottom right;

}

.productcontainer {

	/*border: 1px solid green;

	padding: 8px 4px;

	height: 270px;*/

	margin: 0; padding: 0;

}

.proddetailscontainer {

	position: relative;

	display: block;

	height: 80px; /*5.6em*/

	overflow: hidden;

	margin: 0; padding: 0;

}

.prodimage a.ectlink {

	display: block;

	width: 150px;

	height: 150px;

}

td.prodimage {

	overflow: hidden;

	height: 150px;

	margin: 0; padding: 0;

}

.prodname a, .prodname a:link, .prodname a:visited, .listprice, .prodprice {

	text-decoration: none;

	color: #444444;

	font-size: 9pt;

	line-height: 11pt;

}

.prodpricetall {

	line-height: 22pt;

}

.prodname {

	height: 3.2em;

	overflow: hidden;

	position: relative;

}

.listprice {

	text-align: center;

}

.proddescription {

	position: absolute;

	border: 1px solid black;

	background: white;

	z-index: 50;

	width: 200px;

	left: -20px;

	top: 20px;

	display: none;

	line-height: 1.2;

	padding: 4px;

}

div.freeship td.proddetailslink {

	padding-right: 14px;

}



/* eCommerce Tool Classes */

div.prodprice, div.prodname {

	text-align: center;

	width: 100%;

}

div.prodprice {

	margin: 0 0 5px 0;

}

div.prodoptions {

	width: 300px;

	margin:	0 auto 5px auto;

}

.cstitle {

	text-align: center;

	margin: 0 0 20px 0;

}

td.cobll a.ectlink, td.cobll a.ectlink:link, td.cobll a.ectlink:visited {

	color: black;

}

div.detaildescription {

	line-height: 1.25;

	font-size: 10pt;

}

div.detailname {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 1.6em;

	line-height: 1.5em;

}

span.discountsapply {

	font-size: .8em;

}

div.detaildiscounts {

	font-size: 1.6em;

	font-weight: bold;

	margin-bottom: 8px;

}

span.detailoption {

	line-height: 1.3em;

}





/* New stuff test */

#content-top-right #featuredvendor2 {

	background: url(../images/site-layout/Bg-SmRight-116px.png) top left no-repeat;

	padding: 11px 16px 16px 16px;

	height: 89px;

	width: 231px;

	margin: 0 0 12px 0;

	overflow: hidden;

}

#content-top-right #featuredvendor2 h3 {

	background: transparent url(../images/site-layout/Featured-Vendor.png) no-repeat scroll 0% 0%;

	width: 226px;

	height: 25px;

	text-indent: -3333px;

	border: 0;

	margin: 0;

}

#content-top-right #featuredvendor2 p {

	margin-top: 5px;

	text-align: center;

}

#content-top-right #featuredvendor2 a {

	color: #0075b2;

	text-decoration: none;

}

#content-top-right #affiliates2 {

	background: url(../images/site-layout/Bg-Affiliates.png) top left no-repeat;

	padding: 8px 106px 8px 8px;

	height: 100px;

	width: 149px;

	margin: 0 0 12px 0;

	overflow: hidden;

}

#content-top-right #affiliates2 h3 {

	background: transparent url(../images/site-layout/Shop-Our-Affiliates.png) no-repeat scroll 0% 0%;

	width: 145px;

	height: 45px;

	text-indent: -3333px;

	border: 0;

	margin: 0;

}

#content-top-right #affiliates2 p {

	margin: 5px 0 0 8px;

	text-align: center;

	color: #0075b2;

	line-height: 1.1em;

}

#content-top-right #affiliates2 a {

	color: #0075b2;

	text-decoration: none;

}

#content-top-right #latestblogposts {

	background: url(../images/site-layout/Bg-LatestBlogPosts.png) top left no-repeat;

	padding: 38px 6px 6px 6px;

	height: 96px;

	width: 251px;

	margin: 0;

	overflow: hidden;

}

#content-top-right #latestblogposts h3 {

	display: none;

}

#content-top-right #latestblogposts ul {

	color: #868686;

	margin: 0;

	line-height: 1.2em;

	padding: 0 0 0 20px;

	list-style-image: url(../images/site-layout/Bullet.png);

}

#content-top-right #latestblogposts li {

	padding-bottom: 3px;

}

#content-top-right #latestblogposts a, #content-top-right #latestblogposts a:visited { color: #0075b2; }

