body { font-size: 80%; font-family: Verdana; line-height: 125%; }

p {
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

td {
	font-weight: bold;
}

a:link { color: #000; font-weight: bold; }

a:visited { color: #000; font-weight: bold; }

a:hover { color: #ccc; font-weight: bold; }

a:active { font-weight: bold; }
.padT3 { padding-top: 3px; }

.padT5 {
padding-top: 10px;
}
.padT7 { padding-top: 7px; }
.padT10 {
	padding-top: 10px;
}

.padT20 {
	padding-top: 20px;
}
.padB5 { padding-bottom: 5px; }
#padB5 { padding-bottom: 5px; }
.padB8 { padding-bottom: 8px; }
.padB15 { padding-bottom: 15px; }
#padB15 {
padding-bottom: 15px;
}
.padTB5 { padding-top: 5px; padding-bottom: 5px; }
.padTB10 {
	padding-bottom: 10px;
	padding-top: 10px;
}
.padTB15 {
padding-bottom: 15px;
padding-top: 15px;
}
#padTB15 {
padding-top: 15px; padding-bottom: 15px;
}
.padALL { padding: 5px; }
.padR { padding-right: 6px; }
.padL {
	padding-left: 6px;
}
.padLR { padding-right: 6px; padding-left: 6px; }

#padLR { padding-right: 4px; padding-left: 4px; }
.largetitle {
	font-size: 1.5em;
	line-height: 110%;
}

.tdoverride {
	color: #000;
	font-weight: normal;
}
ul {
	margin-top: 0px;
	padding-top: 0.5em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: left;
}
.navoverride { color: #598527; }
.color-green {
	color: #598527;
}
#nostrong { font-weight: normal; }
.emailformbrdr {
	border: 2px solid #598527;
	background-color: #dbf5b6;
}
.emailform-row {
	border: 2px solid #598527;
	background-color: #f2ffdf;
}

.dropdown-border {
	border: 2px solid #000000;
	text-transform: uppercase;
}
.product-cells {
	background-color: #FFFFFF;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #598527;
}
p.moretop {
	margin-top: 0em;
	padding-top: 1em;
}
p.small {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}
p.notop {
	margin-top: 0em;
	padding-top: 0em;
}
p.nobottom {
	margin-bottom: 0em;
	padding-bottom: 0em;
}
p.notop-morebtm {
	padding-top: 0em;
	padding-bottom: 1em;
	margin: 0em;
}
p.capitalize {
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	text-transform: capitalize;
}
p.noindent {
	text-indent: 0px;
	margin: 0px;
	padding-top: .25em;
	padding-right: 0px;
	padding-bottom: .25em;
	padding-left: 0px;
}
p.lesstall {
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
}
p.wholesalename {
	padding-top: 0.5em;
	padding-bottom: 0px;
	text-transform: uppercase;
	font-weight: bold;
}
p.wholesalenameTOP {
	padding-top: .5em;
	padding-bottom: 0px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0px;
}

p.wholesalename2 {
	padding-top: 0em;
	padding-bottom: 0px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px;
}
tr.test {
	margin-bottom: 2em;
	padding-bottom: 2em;
}
.caps {
	text-transform: uppercase;
}
.HM-CUSTOM-BRDR {
	font-style: normal;
	width: 280px;
	font-weight: normal;
	text-align: justify;
	background-position: center;
	margin-bottom: 2em;
	margin-top: -1em;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #598527;
	border-bottom-color: #598527;
	border-left-color: #598527;
	padding-top: 1.5em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
}
.wholesale-box {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-bottom-color: #000000;
}
.paraoverride {
	color: #000;
	font-weight: normal;
	text-indent: 1em;
	margin: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 1em;
	padding-left: 0em;
}
.whiteback {
	background-color: #FFFFFF;
	padding: 1em;
}
.color-red {
	color: #FF0000;
}
.color-red-dark {
	color: #CC0000;
}



/*---------- bubble tooltip -----------*/
div#container{width: 500px; margin:0 auto}


a.tt{
	position:relative;
	z-index:24;
	color:#3CA3FF;
	font-weight:bold;
	text-decoration:none;
	left: 0px;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
	position:relative;
	top:0px;
	left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
	text-align: center;

	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	z-index: 100;
	display: block;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	background: url(bubble_filler.gif) repeat bottom;
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(bubble.gif) no-repeat bottom;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/*begin kid's top*/
#nav {
	padding:0;
	margin:0;
	list-style:none;
	height:108px;
	position:relative;
	z-index:200;
	font-family:arial, verdana, sans-serif;
	width:498px;
}
#nav li.top {display:block; float:left;}
#nav li a {
	display:block;
	float:left;
	height:104px;
	width:auto;
	text-decoration:none;
	padding:0;
	cursor:pointer;
}
#nav li a b {margin-left:-999px;}
#nav li a.fruit {
	background-image: url(images/sleevescolors_kids_01.jpg);
	height: 108px;
	width: 123px;
	background-repeat: no-repeat;
}
#nav li a.veg {
	background-image: url(images/sleevescolors_kids_02.jpg);
	background-repeat: no-repeat;
	height: 108px;
	width: 137px;
}
#nav li a.greens {
	background-image: url(images/sleevescolors_kids_03.jpg);
	background-repeat: no-repeat;
	height: 108px;
	width: 94px;
}
#nav li a.nuts {
	background-image: url(images/sleevescolors_kids_04.jpg);
	background-repeat: no-repeat;
	height: 108px;
	width: 144px;
}
#nav li a.choco {
	background-image: url(images/sleevescolors_kids05.jpg);
	background-repeat: no-repeat;
	height: 104px;
	width: 96px;
}
#nav li a.apple {
	background-image: url(images/sleevescolors_kids07.jpg);
	background-repeat: no-repeat;
	height: 104px;
	width: 88px;
}


#nav li:hover a,
#nav a:hover
{
}

#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{
	left:0;
	top:110px;
	width:152px;
	z-index:300
}
#nav :hover ul.sub li
{
	display:block;
	position:relative;
	float:left;
	width:130px;
	font-weight:normal;
	top: 110px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
#nav :hover ul.sub li a
{display:block; height:50px; width:150px; border:1px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover   ul  li.apples  {
	background-image: none;
	background-color: #FFFFFF;
	position: relative;
	left: -10px;
	top: 0px;
}
#nav :hover   ul  li.potatoes  {
	background-image: none;
	background-color: #FFFFFF;
	position: relative;
	top: 0px;
	left: -8px;
}
#nav :hover   ul  li.cabbages  {
	background-image: none;
	position: relative;
	top: 0px;
	left: -30px;
	background-color: #FFFFFF;
}
#nav :hover       ul    li.almonds    {
	background-image: none;
	position: relative;
	left: 5px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #FFFFFF;
}
#nav :hover ul li.snickers {
	background-image: none;
	position: relative;
	left: 5px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #FFFFFF;
}
#nav :hover ul li.core {
	background-image: none;
	position: relative;
	left: 5px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #FFFFFF;
}



#nav :hover ul.sub li a:hover 
{background-position: 0 50px; position:relative;}
#nav :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}

/*begin kid's btm*/
#navbtm {
	padding:0;
	list-style:none;
	height:108px;
	position:relative;
	z-index:100;
	font-family:arial, verdana, sans-serif;
	width:364px;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#navbtm li.top {
	display:block;
	float:left;
}
#navbtm li a {
	display:block;
	float:left;
	height:108px;
	width:auto;
	text-decoration:none;
	padding:0;
	cursor:pointer;
}
#navbtm li a.fruit {
	background-image: url(images/sleevescolors_kids_05.jpg);
	height: 108px;
	width: 133px;
	background-repeat: no-repeat;
}
#navbtm li a.veg {
	background-image: url(images/sleevescolors_kids_06.jpg);
	background-repeat: no-repeat;
	height: 108px;
	width: 113px;
}
#navbtm li a.greens {
	background-image: url(images/sleevescolors_kids_07.jpg);
	background-repeat: no-repeat;
	height: 108px;
	width: 118px;
}
#navbtm table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	padding:0;
	width:0;
	height:0;
	margin:-1px;
}
#navbtm .sub {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
}
#navbtm li:hover {
	position:relative;
	z-index:100;
}
#navbtm a:hover {
	position:relative;
	white-space:normal;
	z-index:100;
}
#navbtm :hover ul.sub {
	left:0;
	top:110px;
	width:152px;
	z-index:100
}
#navbtm :hover ul.sub li {
	display:block;
	position:relative;
	float:left;
	width:125px;
	font-weight:normal;
	top: 110px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
#navbtm :hover ul.sub li a {
	display:block;
	height:50px;
	width:145px;
	border:1px solid #888;
	border-color:#ddd #888 #000 #ccc;
	text-decoration:none;
	padding:0;
	cursor:pointer;
}
#navbtm :hover ul li.apples {
	background-image: none;
	background-color: #FFFFFF;
	position: relative;
	left: 0px;
	top: 0px;
}
#navbtm :hover ul li.potatoes {
	background-image: none;
	background-color: #FFFFFF;
	position: relative;
	top: 0px;
	left: -15px;
}
#navbtm :hover ul li.cabbages {
	background-image: none;
	position: relative;
	top: 0px;
	left: 5px;
	background-color: #FFFFFF;
}
#navbtm :hover ul.sub li a:hover {
	background-position: 0 50px;
	position:relative;
}


/*begin women's top*/
#navwom {
	padding:0;
	margin:0;
	list-style:none;
	height:115px;
	position:relative;
	z-index:400;
	font-family:arial, verdana, sans-serif;
	width:516px;
}
#navwom li.top {
	display:block;
	float:left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#navwom li.last {
	display:block;
	float:left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#navwom li a {
	display:block;
	float:left;
	height:115px;
	width:auto;
	text-decoration:none;
	padding:0;
	cursor:pointer;
}
#navwom li a b {margin-left:-999px;}

#navwom li a.fruit {
	background-image: url(images/sleevescolors_women_01.jpg);
	height: 115px;
	width: 83px;
	background-repeat: no-repeat;
}
#navwom li a.veg {
	background-image: url(images/sleevescolors_women_02.jpg);
	background-repeat: no-repeat;
	height: 115px;
	width: 121px;
}
#navwom li a.slubm {
	background-image: url(images/sleevescolors_women_03.jpg);
	background-repeat: no-repeat;
	height: 115px;
	width: 97px;
}
#navwom li a.greens {
	background-image: url(images/sleevescolors_women_03.jpg);
	background-repeat: no-repeat;
	height: 115px;
	width: 117px;
}
#navwom li a.nuts {
	background-image: url(images/sleevescolors_women_04.jpg);
	background-repeat: no-repeat;
	height: 115px;
	width: 85px;
}
#navwom li:hover a,
#navwom a:hover
{
}

#navwom table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#navwom .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#navwom li:hover {
	position:relative;
	z-index:400;
}
#navwom a:hover {
	position:relative;
	white-space:normal;
	z-index:400;
}

#navwom :hover ul.sub
{
	left:0;
	top:117px;
	width:130px;
	z-index:400
}
#navwom :hover ul.sub li
{
	display:block;
	position:relative;
	float:left;
	width:130px;
	font-weight:normal;
	top: 117px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
#navwom :hover ul.sub li a
{display:block; height:50px; width:150px; border:1px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#navwom :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#navwom :hover   ul  li.apples  {
	background-image: none;
	background-color: #FFFFFF;
	position: relative;
	left: -30px;
	top: 0px;
}
#navwom :hover   ul  li.potatoes  {
	background-image: none;
	background-color: #FFFFFF;
	position: relative;
	top: 0px;
	left: -10px;
}
#navwom :hover ul li.slub {
	background-image: none;
	position: relative;
	top: 0px;
	left: -20px;
	background-color: #FFFFFF;
}
#navwom :hover   ul  li.cabbages  {
	background-image: none;
	position: relative;
	top: 0px;
	left: -12px;
	background-color: #FFFFFF;
}
#navwom :hover       ul    li.almonds    {
	background-image: none;
	position: relative;
	left: -24px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #FFFFFF;
}

#navwom :hover ul.sub li a:hover 
{background-position: 0 50px; position:relative;}
#navwom :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}


/*begin women's bottom*/
#navwombtm {
	padding:0;
	list-style:none;
	height:127px;
	position:relative;
	z-index:200;
	font-family:arial, verdana, sans-serif;
	width:516px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#navwombtm li.top {display:block; float:left;}
#navwombtm li a {
	display:block;
	float:left;
	height:127px;
	width:auto;
	text-decoration:none;
	padding:0;
	cursor:pointer;
}
#navwombtm li a b {margin-left:-999px;}

#navwombtm li a.threeq {
	background-image: url(images/sleevescolors_women_3-4.jpg);
	background-repeat: no-repeat;
	height: 127px;
	width: 104px;
}
#navwombtm li a.fruit {
	background-image: url(images/sleevescolors_women_06.jpg);
	height: 127px;
	width: 98px;
	background-repeat: no-repeat;
}
#navwombtm li a.veg {
	background-image: url(images/sleevescolors_women_07.jpg);
	background-repeat: no-repeat;
	height: 127px;
	width: 104px;
}
#navwombtm li a.greens {
	background-image: url(images/sleevescolors_women_08.jpg);
	background-repeat: no-repeat;
	height: 127px;
	width: 103px;
}
#navwombtm li a.nuts {
	background-image: url(images/sleevescolors_women_09.jpg);
	background-repeat: no-repeat;
	height: 127px;
	width: 90px;
}
#navwombtm li:hover a,
#navwombtm a:hover
{
}

#navwombtm table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#navwombtm .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#navwombtm li:hover {position:relative; z-index:200;}
#navwombtm a:hover {position:relative; white-space:normal; z-index:200;}

#navwombtm :hover ul.sub
{
	left:0;
	top:117px;
	width:125px;
	z-index:300
}
#navwombtm :hover ul.sub li
{
	display:block;
	position:relative;
	float:left;
	width:125px;
	font-weight:normal;
	top: 117px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
#navwombtm :hover ul.sub li a
{
	display:block;
	height:50px;
	width:145px;
	border:1px solid #888;
	border-color:#ddd #888 #000 #ccc;
	text-decoration:none;
	padding:0;
	cursor:pointer;
}
#navwombtm :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#navwombtm :hover   ul  li.threeq  {
	background-image: none;
	background-color: #FFFFFF;
	position: relative;
	left: -15px;
	top: 15px;
}
#navwombtm :hover   ul  li.apples  {
	background-image: none;
	background-color: #FFFFFF;
	position: relative;
	left: -15px;
	top: 15px;
}
#navwombtm :hover   ul  li.potatoes  {
	background-image: none;
	background-color: #FFFFFF;
	position: relative;
	top: 15px;
	left: -15px;
}
#navwombtm :hover   ul  li.cabbages  {
	background-image: none;
	position: relative;
	top: 15px;
	left: -15px;
	background-color: #FFFFFF;
}
#navwombtm :hover       ul    li.almonds    {
	background-image: none;
	position: relative;
	left: -15px;
	top: 15px;
	right: 0px;
	bottom: 0px;
	background-color: #FFFFFF;
}

#navwombtm :hover ul.sub li a:hover 
{background-position: 0 50px; position:relative;}
#navwombtm :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}
/*end women's bottom*/

.resize120w {
	-ms-interpolation-mode: bicubic;
	width: 120px;
	height: auto;
}
.resize130w {
	-ms-interpolation-mode: bicubic;
	width: 130px;
	height: auto;
}
.resize150w {
	-ms-interpolation-mode: bicubic;
	width: 150px;
	height: auto;
}
.resize160w {
	-ms-interpolation-mode: bicubic;
	width: 160px;
	height: auto;
}
.resize80h {
	-ms-interpolation-mode: bicubic;
	width: auto;
	height: 80px;
}
.resize100h {
	-ms-interpolation-mode: bicubic;
	width: auto;
	height: 100px;
}
.resize90h {
	-ms-interpolation-mode: bicubic;
	width: auto;
	height: 90px;
}

.resize120h {
	-ms-interpolation-mode: bicubic;
	width: auto;
	height: 120px;
}
.resize130h {
	-ms-interpolation-mode: bicubic;
	width: auto;
	height: 130px;
}
.resize135h {
	-ms-interpolation-mode: bicubic;
	width: auto;
	height: 135px;
}
.resize140h {
	-ms-interpolation-mode: bicubic;
	width: auto;
	height: 140px;
}
.resize150h {
	-ms-interpolation-mode: bicubic;
	width: auto;
	height: 150px;
}
.resize200w {
	-ms-interpolation-mode: bicubic;
	width: 200px;
	height: auto;
}
.resize250w {
	-ms-interpolation-mode: bicubic;
	width: 250px;
	height: auto;
}

.resize200h {
	-ms-interpolation-mode: bicubic;
	width: auto;
	height: 200px;
}
.resize-h119 {
	height: 119px;
	width: auto;
	-ms-interpolation-mode: bicubic;
}

img.resize-max-hw { -ms-interpolation-mode: bicubic; display: block; max-width: 7.5em; max-height: 8.75em; }

.float-images-outer {
	clear: both;
	float: left;
	padding-bottom: .75em;
}
.img-floatleft {
	float: left;
	clear: left;
	padding: 0;
	text-align: center;
}
.img-floatright {
	float: right;
	clear: right;
	padding-top: 0;
	padding-right: 0em;
	padding-bottom: 0;
	padding-left: 0;
	text-align: center;
}
.imagefloat-left {
	float: left;
	padding-right: .5em;
}
.padR1em {
	padding-right: 1em;
}

span.prev { margin-right: .5em; }
span.next { margin-left: .5em; }
span.all {	margin-left: 1em; }
#alignright {
	text-align: right;
}h3 {
	padding: 0px;
	margin: 0px;
}
hr {
	color: #FFF;
	background-color: #FFF;
	padding: 0px;
	height: 1px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}