/* CSS Document */

/*----------------------Products----------------------*/

#mainProducts {
	border-color: #4C917B; 
	text-align: left;


}

h1.productTitle {
	font-family: "Courier New", Courier, monospace;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 1.7em;
	line-height: 1.4em;
	margin-top: 2%;
	margin-left: 5%;
	color: #666666;
}

h1.productTitle span {
	font-size: .5em;
	color: black;
	text-transform: none;
	font-weight: normal;


}

h1.productTitle span a {
	color: #F58543;

}

h1.productTitle span a:hover {
	font-style: italic;

}

h1.productTitle span a:visited {
	color: #E0CA64;

}

h1.productTitle span#red {
	font-size: 2em;
	color: #FF0000

}
#apparelContainer {
	margin-right: 10px;
	margin-left: 226px;
}

#apparelContainer #otherApparelContent {

}

#apparelContainer #otherApparelContent p{
	text-align: left;
	color: #666666;
	font-size: 1.2em;
	line-height: 1.3em;
	padding-left: 5%;

}

#apparelContainer #otherApparelContent ul{
	list-style: circle;
	text-transform: uppercase;
	line-height: 2em;
	padding-left: 10%;

}

#mainCreate #apparelContainer .imageExamples a {
	color: #F58543;
}

#apparelContainer .imageExamples p {
	text-align: left;
	color: #666666;
	font-size: 1.2em;
	line-height: 1.3em;
	padding-left: 5%;

}

#apparelContainer .imageExamples ul.imagesOther {
	list-style: none;
	text-align: center;

}

#apparelContainer .imageExamples ul.imagesOther li {
	display: inline;
	margin-right: 80px;
	text-transform: capitalize;
	font-size: 90%;
	text-align: center;
	width: 200px;
	float: right;
}

ul#imagesMainProducts {
	list-style: none;
	margin-right: 10px;
	
}

ul#imagesMainProducts li {
	display: inline;
	text-align: center;
	width: 160px;
	margin: 8px;
	float: right;
}

ul#imagesMainProducts li a {
	color: #666666;
	font-size: 1.2em;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 2em;

}

ul#imagesMainProducts li a img {
	border: 0px;
	color: white;
	
}

#apparelContainer a#designTeeButton {
	color: #FFFFFF;
	line-height: 1em;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	background-color: #4C917B;
	padding: 8px 6px 6px 6px;
	border: outset thin #ffffff;
	float: left;
	margin: 7px 0px 0px 120px;
}

#apparelContainer a#designTeeButton:hover {
	background-color: #3a6a5a;
}

#apparelContainer a#designTeeButtonLeft {
	color: #FFFFFF;
	line-height: 1em;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	background-color: #4C917B;
	padding: 8px 6px 6px 6px;
	border: outset thin #ffffff;
	float: right;
	margin: 7px 140px 0px 0px;
}

#apparelContainer a#designTeeButtonLeft:hover {
	background-color: #3a6a5a;
}

#apparelContainer a#designTeeButtonStatic {
	color: #FFFFFF;
	line-height: 1em;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	background-color: #4C917B;
	padding: 8px 6px 6px 6px;
	border: outset thin #ffffff;
	float: right;
	margin: 7px 0px 0px 0px;
}

#apparelContainer a#designTeeButtonStatic:hover {
	background-color: #3a6a5a;
}

#apparelContainer a#designTeeButtonLeftStatic {
	color: #FFFFFF;
	line-height: 1em;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	background-color: #4C917B;
	padding: 8px 6px 6px 6px;
	border: outset thin #ffffff;
	float: right;
	margin: 7px 268px 0px 0px;
}

#apparelContainer a#designTeeButtonLeftStatic:hover {
	background-color: #3a6a5a;
}

/*----for image swap on products----------*/

.tshirtSwapWrap {
}

/*-------------align Right swap-------------------*/

h2.shirtHeadingRight {
	font-size: 1.4em;
	font-weight: bold;
	text-transform: capitalize;
	text-align: right;
	margin-bottom: 5px;
	margin-right: 20px;
	padding-top: 5px;

}


.tshirtSwap ul.tshirtSwapPositionRight {
	list-style:none;
	margin:0px;
	position:relative;
	padding-top: 2%;
	padding-right: 3%;
	float: right;
	
}




.tshirtSwap p.shirtContentRight {
	text-align: right;
	color: #666666;
	font-size: 1.1em;
	line-height: 1.2em;
	padding-left: 20px;
	margin-right: 240px;
	margin-bottom: 10px;

}

.tshirtSwap p span.italicSM{
	font-size: .8em;
	font-style: italic;

}

.tshirtSwap li{
	width:50px;
	height:50px;
	float: left;
	margin:5px;
	display:inline;
}

.tshirtSwap li a{
	text-align: center;
	color: black;
	text-decoration:none;
	font-size: 1em;
	font-weight: normal;
	float: left;
	width: 48px;
	height: 48px;
	padding:2px;
	border:1px solid black;
	background:#fff;
}
* html .tshirtSwap li a{/* box model hacks*/
	width:50px;
	height:50px;
	w\idth:48px;
	he\ight:48px;
}

.tshirtSwap li.caption{
	font-size: 1em;
	font-weight: bold;
	width: 195px;
	text-align: center;
	line-height: 1.2em;
	padding-top: 15px;
	padding-left: 40px;
}

#floatSquareRight {
	float: right;
}

#floatSquareLeft {
	float: left;
	padding-left: 86px;
}

.tshirtSwap li.natural a{background-color: #f5f0d0;}
.tshirtSwap li.natural a span{	background: url(organic/custom/tshirts/images/organicMensNaturalSS.gif) no-repeat;}
.tshirtSwap li.white a{background-color: #fff;}
.tshirtSwap li.white a span{	
	background: url(organic/custom/tshirts/images/fairtradeMensWhiteSS.gif) no-repeat;
	line-height: 32em;
	color: #666666;
	}
.tshirtSwap li.lightBlue a{background-color: #BFDFEA;}
.tshirtSwap li.lightBlue a span{	background: url(organic/custom/tshirts/images/organicMensLightBlueSS.jpg) no-repeat;}
.tshirtSwap li.ocean a {background-color: #67C7BD;}
.tshirtSwap li.ocean a span{	background: url(organic/custom/tshirts/images/organicMensOceanSS.jpg) no-repeat;}
.tshirtSwap li.putty a{background-color: #C7B5A3;}
.tshirtSwap li.putty a span{	background: url(organic/custom/tshirts/images/organicMensPuttySS.jpg) no-repeat;}
.tshirtSwap li.orange a{background-color: #F3841C}
.tshirtSwap li.orange a span{	background: url(organic/custom/tshirts/images/organicMensOrangeSS.jpg) no-repeat;}

.tshirtSwap li#whiteWomens a{background-color: #fff;}
.tshirtSwap li#whiteWomens a span{	background: url(organic/custom/tshirts/images/fairtradeWomensWhiteSS.jpg) no-repeat;}
.tshirtSwap li#naturalWomens a{background-color: #f5f0d0;}
.tshirtSwap li#naturalWomens a span{	
	background: url(organic/custom/tshirts/images/fairtradeWomensNaturalSS.gif) no-repeat;
	line-height: 32em;
	color: #666666;
}
.tshirtSwap li#pinkWomens a{background-color: #F4D7D5;}
.tshirtSwap li#pinkWomens a span{	background: url(organic/custom/tshirts/images/fairtradeWomensPinkSS.jpg) no-repeat;}
.tshirtSwap li#blueWomens a {background-color: #8797B4;}
.tshirtSwap li#blueWomens a span{	background: url(organic/custom/tshirts/images/fairtradeWomensSkyBlueSS.jpg) no-repeat;}
.tshirtSwap li#lightBlueWomens a{background-color: #BFDFEA;}
.tshirtSwap li#lightBlueWomens a span{	background: url(organic/custom/tshirts/images/fairtradeWomensLightBlueSS.jpg) no-repeat;}
.tshirtSwap li#sageWomens a {background-color: #A2AF79;}
.tshirtSwap li#sageWomens a span{	background: url(organic/custom/tshirts/images/fairtradeWomensSageSS.jpg) no-repeat;}


.tshirtSwap li#whiteLong a{background-color: #fff;}
.tshirtSwap li#whiteLong a span{	background: url(organic/custom/tshirts/images/fairtradeMensWhiteLS.gif) no-repeat;}
.tshirtSwap li#naturalLong a{background-color: #f5f0d0;}
.tshirtSwap li#naturalLong a span{	background: url(organic/custom/tshirts/images/fairtradeMensNaturalLS.gif) no-repeat;}

.tshirtSwap li#naturalBaby a{background-color: #f5f0d0;}
.tshirtSwap li#naturalBaby a span{	background: url(organic/custom/tshirts/images/fairtradeBabyNatural.jpg) no-repeat;}
.tshirtSwap li#whiteBaby a{background-color: #fff;}
.tshirtSwap li#whiteBaby a span{	background: url(organic/custom/tshirts/images/fairtradeBabyWhite.gif) no-repeat;}
.tshirtSwap li#sageBaby a{background-color: #A2AF79;}
.tshirtSwap li#sageBaby a span{	background: url(organic/custom/tshirts/images/fairtradeBabySage.jpg) no-repeat;}
.tshirtSwap li#blueBaby a{background-color: #8797B4;}
.tshirtSwap li#blueBaby a span{	background: url(organic/custom/tshirts/images/fairtradeBabySkyBlue.jpg) no-repeat;}
.tshirtSwap li#pinkBaby a{background-color: #F18C9C;}
.tshirtSwap li#pinkBaby a span{	background: url(organic/custom/tshirts/images/fairtradeBabyPink.jpg) no-repeat;}

.tshirtSwap li#naturalKid a{background-color: #f5f0d0;}
.tshirtSwap li#naturalKid a span{	background: url(organic/custom/tshirts/images/fairtradeKidNatural.jpg) no-repeat;}
.tshirtSwap li#sageKid a{background-color: #A2AF79;}
.tshirtSwap li#sageKid a span{	background: url(organic/custom/tshirts/images/fairtradeKidSage.jpg) no-repeat;}
.tshirtSwap li#blueKid a {background-color: #8797B4;}
.tshirtSwap li#blueKid a span{	background: url(organic/custom/tshirts/images/fairtradeKidSkyBlue.jpg) no-repeat;}
.tshirtSwap li#pinkKid a{background-color: #F18C9C;}
.tshirtSwap li#pinkKid a span{	background: url(organic/custom/tshirts/images/fairtradeKidPink.jpg) no-repeat;}



.tshirtSwap li a span {
	position:absolute;
	right:5px;
	top:5px;
	width:230px;
	height:195px;
}
.tshirtSwap li a span {	visibility: hidden; }
.tshirtSwap li a.current span, .tshirtSwap li a:hover span {visibility: visible; }
.tshirtSwap li a:hover{
	visibility: visible;
	border:2px solid;
}

/*-------Links in Product Descriptions------------*/

.detailLink a {
	color: #4C917B;
	font-size: .7em;
	text-decoration: none;
	text-transform: uppercase;
	float: right;
	margin-right: 240px;

}

.detailLink a#toddlerSizes span {background: url(organic/custom/tshirts/images/toddlerSizes.jpg) no-repeat;}
.detailLink a#toddlerPrices span {background: url(organic/custom/tshirts/images/toddlerPrices.jpg) no-repeat;}
.detailLink a#babySizes span {background: url(organic/custom/tshirts/images/babySizes.jpg) no-repeat;}
.detailLink a#babyPrices span {background: url(organic/custom/tshirts/images/babyPrices.jpg) no-repeat;}
.detailLink a#mensSizesLS span {background: url(organic/custom/tshirts/images/mensSizes.jpg) no-repeat;}
.detailLink a#mensPricesLS span {background: url(organic/custom/tshirts/images/mensPricesLS.jpg) no-repeat;}
.detailLink a#womensSizes span {background: url(organic/custom/tshirts/images/womensSizes.jpg) no-repeat;}
.detailLink a#womensPrices span {background: url(organic/custom/tshirts/images/womensPrices.jpg) no-repeat;}
.detailLink a#mensSizes span {background: url(organic/custom/tshirts/images/mensSizes.jpg) no-repeat;}
.detailLink a#mensPrices span {background: url(organic/custom/tshirts/images/mensPrices.jpg) no-repeat;}


.detailLink a#toddlerSizes span {
	position:absolute;
	right:5px;
	top:70px;
	width:252px;
	height:58px;
	z-index: 99;
}

.detailLink a#toddlerPrices span {
	position:absolute;
	right:5px;
	top:45px;
	width:550px;
	height:80px;
	z-index: 99;
}

.detailLink a#babySizes span {
	position:absolute;
	right:5px;
	top:75px;
	width:252px;
	height:80px;
	z-index: 99;
}

.detailLink a#babyPrices span {
	position:absolute;
	right:5px;
	top:50px;
	width:550px;
	height:105px;
	z-index: 99;
}

.detailLink a#mensSizesLS span {
	position:absolute;
	right:5px;
	top:70px;
	width:382px;
	height:55px;
	z-index: 99;
}

.detailLink a#mensPricesLS span {
	position:absolute;
	right:5px;
	top:70px;
	width:550px;
	height:54px;
	z-index: 99;
}

.detailLink a#womensSizes span {
	position:absolute;
	right:5px;
	top:105px;
	width:324px;
	height:55px;
	z-index: 99;
}

.detailLink a#womensPrices span {
	position:absolute;
	right:5px;
	top:60px;
	width:550px;
	height:103px;
	z-index: 99;
}

.detailLink a#mensSizes span {
	position:absolute;
	right:5px;
	top:90px;
	width:382px;
	height:55px;
	z-index: 99;
}

.detailLink a#mensPrices span {
	position:absolute;
	right:5px;
	top:30px;
	width:550px;
	height:120px;
	z-index: 99;
}


.detailLink a span {
	visibility: hidden;	
}

.detailLink a:hover {
	display: block;
	visibility: visible;
	font-style: normal;
}

.detailLink a:hover span {
	display: block;
	visibility: visible;
}






/*----------------------align left swap--------------------*/

h2.shirtHeadingLeft {
	font-size: 1.4em;
	font-weight: bold;
	text-transform: capitalize;
	text-align: left;
	line-height: 2em;
	margin: 0px 0px 0px 20px;

}

.tshirtSwapLeft ul.tshirtSwapPositionLeft {
	list-style:none;
	margin:0px;
	position:relative;
	padding-top: 2%;
	padding-left: 3%;
	float: right;
}

.tshirtSwapLeft p.shirtContentLeft {
	text-align: left;
	color: #666666;
	font-size: 1.1em;
	line-height: 1.2em;
	padding-right: 10px;
	margin-left: 240px;
	margin-bottom: 10px;

}

.tshirtSwapLeft li{
	width:50px;
	height:50px;
	float: left;
	margin:5px;
	display:inline;
}

.tshirtSwapLeft li a{
	text-align: center;
	color: black;
	text-decoration:none;
	font-size: 1em;
	font-weight: normal;
	float: left;
	width: 48px;
	height: 48px;
	padding:2px;
	border:1px solid black;
	background:#fff;
}
* html .tshirtSwapLeft li a{/* box model hacks*/
	width:50px;
	height:50px;
	w\idth:48px;
	he\ight:48px;
}

.tshirtSwapLeft li.caption{
	font-size: 1em;
	font-weight: bold;
	width: 190px;
	text-align: center;
	line-height: 1.2em;
	padding-right: 40px;
	padding-top: 10px;
}

.tshirtSwapLeft li.naturalFairTrade a{background-color: #f5f0d0;}
.tshirtSwapLeft li.naturalFairTrade a span{	background: url(organic/custom/tshirts/images/fairtradeMensNaturalSS.jpg) no-repeat;}
.tshirtSwapLeft li.sage a{background-color: #A2AF79;}
.tshirtSwapLeft li.sage a span{	background: url(organic/custom/tshirts/images/fairtradeMensSageSS.jpg) no-repeat;}
.tshirtSwapLeft li.skyBlue a{background-color: #8797B4;}
.tshirtSwapLeft li.skyBlue a span{	background: url(organic/custom/tshirts/images/fairtradeMensSkyBlueSS.jpg) no-repeat;}

.tshirtSwapLeft li#mintTank a{background-color: #A4BDA7;}
.tshirtSwapLeft li#mintTank a span{	background: url(organic/custom/tshirts/images/fairtradeTankMint.jpg) no-repeat;}
.tshirtSwapLeft li#whiteTank a{background-color: #fff;}
.tshirtSwapLeft li#whiteTank a span{background: url(organic/custom/tshirts/images/fairtradeTankWhite.jpg) no-repeat;}
.tshirtSwapLeft li#oliveTank a{background-color: #A3A84B;}
.tshirtSwapLeft li#oliveTank a span{	background: url(organic/custom/tshirts/images/fairtradeTankOlive.jpg) no-repeat;}
.tshirtSwapLeft li#naturalTank a{background-color: #f5f0d0;}
.tshirtSwapLeft li#naturalTank a span{background: url(organic/custom/tshirts/images/fairtradeTankNatural.jpg) no-repeat;}

.tshirtSwapLeft li#naturalWomensLong a{background-color: #f5f0d0;}
.tshirtSwapLeft li#naturalWomensLong a span{	background: url(organic/custom/tshirts/images/fairtradeWomensNaturalLS.gif) no-repeat;}
.tshirtSwapLeft li#sageWomensLong a{background-color: #A2AF79;}
.tshirtSwapLeft li#sageWomensLong a span{	background: url(organic/custom/tshirts/images/fairtradeWomensSageLS.jpg) no-repeat;}

.tshirtSwapLeft li#naturalBabyLong a{background-color: #f5f0d0;}
.tshirtSwapLeft li#naturalBabyLong a span{	background: url(organic/custom/tshirts/images/fairtradeBabyNaturalLS.gif) no-repeat;}
.tshirtSwapLeft li#sageBabyLong a{background-color: #A2AF79;}
.tshirtSwapLeft li#sageBabyLong a span{	background: url(organic/custom/tshirts/images/fairtradeBabySageLS.gif) no-repeat;}
.tshirtSwapLeft li#whiteBabyLong a{background-color: #fff;}
.tshirtSwapLeft li#whiteBabyLong a span{	background: url(organic/custom/tshirts/images/fairtradeBabyWhiteLS.gif) no-repeat;}
.tshirtSwapLeft li#skyBlueBabyLong a{background-color: #8797B4;}
.tshirtSwapLeft li#skyBlueBabyLong a span{	background: url(organic/custom/tshirts/images/fairtradeBabySkyBlueLS.gif) no-repeat;}
.tshirtSwapLeft li#pinkBabyLong a{background-color: #F18C9C;}
.tshirtSwapLeft li#pinkBabyLong a span{	background: url(organic/custom/tshirts/images/fairtradeBabyPinkLS.gif) no-repeat;}


.tshirtSwapLeft li#sageYouth a{background-color: #A2AF79;}
.tshirtSwapLeft li#sageYouth a span{	background: url(organic/custom/tshirts/images/fairtradeYouthSage.jpg) no-repeat;}
.tshirtSwapLeft li#pinkYouth a{background-color: #F18C9C;}
.tshirtSwapLeft li#pinkYouth a span{	background: url(organic/custom/tshirts/images/fairtradeYouthPink.jpg) no-repeat;}
.tshirtSwapLeft li#naturalYouth a{background-color: #f5f0d0;}
.tshirtSwapLeft li#naturalYouth a span{	background: url(organic/custom/tshirts/images/fairtradeMensNaturalSS.jpg) no-repeat;}


.tshirtSwapLeft li a span {
	position:absolute;
	left:5px;
	top:5px;
	width:230px;
	height:195px;
}
.tshirtSwapLeft li a span {	visibility: hidden; }
.tshirtSwapLeft li a.current span, .tshirtSwapLeft li a:hover span {visibility: visible; }
.tshirtSwapLeft li a:hover{
	visibility: visible;
	border:2px solid;
}


/*-------Links in Product Descriptions for Left Swap------------*/

.detailLinkLeft a {
	color: #4C917B;
	font-size: .7em;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
	margin-left: 240px;

}

.detailLinkLeft a#youthSizes span {background: url(organic/custom/tshirts/images/youthSizes.jpg) no-repeat;}
.detailLinkLeft a#youthPrices span {background: url(organic/custom/tshirts/images/youthPrices.jpg) no-repeat;}
.detailLinkLeft a#babySizesLS span {background: url(organic/custom/tshirts/images/babySizes.jpg) no-repeat;}
.detailLinkLeft a#babyPricesLS span {background: url(organic/custom/tshirts/images/babyPricesLS.jpg) no-repeat;}
.detailLinkLeft a#womensSizesLS span {background: url(organic/custom/tshirts/images/womensSizes.jpg) no-repeat;}
.detailLinkLeft a#womensPricesLS span {background: url(organic/custom/tshirts/images/womensPricesLS.jpg) no-repeat;}
.detailLinkLeft a#womensSizesTank span {background: url(organic/custom/tshirts/images/womensSizes.jpg) no-repeat;}
.detailLinkLeft a#womensPricesTank span {background: url(organic/custom/tshirts/images/womensPricesTank.jpg) no-repeat;}
.detailLinkLeft a#mensSizesPro span {background: url(organic/custom/tshirts/images/mensSizes.jpg) no-repeat;}
.detailLinkLeft a#mensPricesPro span {background: url(organic/custom/tshirts/images/mensPricesPro.jpg) no-repeat;}

.detailLinkLeft a#youthSizes span {
	position:absolute;
	left:5px;
	top:75px;
	width:252px;
	height:58px;
	z-index: 99;
}

.detailLinkLeft a#youthPrices span {
	position:absolute;
	left:5px;
	top:60px;
	width:550px;
	height:80px;
	z-index: 99;
}

.detailLinkLeft a#babySizesLS span {
	position:absolute;
	left:5px;
	top:75px;
	width:252px;
	height:79px;
	z-index: 99;
}

.detailLinkLeft a#babyPricesLS span {
	position:absolute;
	left:5px;
	top:60px;
	width:550px;
	height:105px;
	z-index: 99;
}

.detailLinkLeft a#womensSizesLS span {
	position:absolute;
	left:5px;
	top:70px;
	width:324px;
	height:55px;
	z-index: 99;
}

.detailLinkLeft a#womensPricesLS span {
	position:absolute;
	left:5px;
	top:70px;
	width:550px;
	height:54px;
	z-index: 99;
}

.detailLinkLeft a#womensSizesTank span {
	position:absolute;
	left:5px;
	top:85px;
	width:324px;
	height:55px;
	z-index: 99;
}

.detailLinkLeft a#womensPricesTank span {
	position:absolute;
	left:5px;
	top:85px;
	width:550px;
	height:56px;
	z-index: 99;
}

.detailLinkLeft a#mensSizesPro span {
	position:absolute;
	left:5px;
	top:85px;
	width:382px;
	height:55px;
	z-index: 99;
}

.detailLinkLeft a#mensPricesPro span {
	position:absolute;
	left:5px;
	top:70px;
	width:550px;
	height:70px;
	z-index: 99;
}

.detailLinkLeft a span {
	visibility: hidden;	
}

.detailLinkLeft a:hover {
	display: block;
	visibility: visible;
	font-style: normal;
}

.detailLinkLeft a:hover span {
	display: block;
	visibility: visible;
}

/*-----------end image swap-----------------*/





/*-------------static product pictures--------------*/
#staticProductRight {
	margin: 0px;
	position: relative;
	padding-top: 2%;
	padding-right: 3%;
	padding-left: 3%;
	float: right

}

#staticProductRight img {
	float: right;
	margin-left: 20px;

}

#staticProductRight p.staticContentRight {
	text-align: right;
	color: #666666;
	font-size: 1.1em;
	line-height: 1.2em;
	margin-right: 200px;
	margin-top: 30px;
}

#staticProductLeft {
	margin: 0px;
	position: relative;
	padding-top: 2%;
	padding-right: 3%;
	padding-left: 3%;
	float: right;

}

#staticProductLeft p.staticContentLeft {
	text-align: left;
	color: #666666;
	font-size: 1.1em;
	line-height: 1.2em;
	margin-left: 200px;
	margin-top: 30px;
}

#staticProductLeft img {
	float: left;

}

/*------------------Static Product Details------------------*/

.detailLinkStatic {
	padding-left: 293px;

}

#apronDetail {
	padding-left: 272px;
}

.detailLinkStatic a {
	color: #4C917B;
	font-size: .7em;
	text-decoration: none;
	text-transform: uppercase;
	
}

.detailLinkStatic a#toteTwillPrices span {background: url(organic/custom/tshirts/images/toteTwillPrices.jpg) no-repeat;}
.detailLinkStatic a#toteMapPrices span {background: url(organic/custom/tshirts/images/toteMapPrices.jpg) no-repeat;}
.detailLinkStatic a#apronPrices span {background: url(organic/custom/tshirts/images/apronPrices.jpg) no-repeat;}


.detailLinkStatic a#toteTwillPrices span {
	position:absolute;
	right:5px;
	top:125px;
	width:550px;
	height:37px;
	z-index: 99;
}

.detailLinkStatic a#toteMapPrices span {
	position:absolute;
	right:5px;
	top:125px;
	width:550px;
	height:37px;
	z-index: 99;
}

.detailLinkStatic a#apronPrices span {
	position:absolute;
	right:5px;
	top:105px;
	width:550px;
	height:37px;
	z-index: 99;
}

.detailLinkStatic a span {
	visibility: hidden;	
}

.detailLinkStatic a:hover {
	display: block;
	visibility: visible;
	font-style: normal;
}

.detailLinkStatic a:hover span {
	display: block;
	visibility: visible;
}



.detailLinkLeftStatic {
	padding-left: 203px;

}

.detailLinkLeftStatic a {
	color: #4C917B;
	font-size: .7em;
	text-decoration: none;
	text-transform: uppercase;

}

.detailLinkLeftStatic a#toteCottonPrices span {background: url(organic/custom/tshirts/images/toteCottonPrices.jpg) no-repeat;}

.detailLinkLeftStatic a#toteCottonPrices span {
	position:absolute;
	left:5px;
	top:125px;
	width:550px;
	height:37px;
	z-index: 99;
}

.detailLinkLeftStatic a span {
	visibility: hidden;	
}

.detailLinkLeftStatic a:hover {
	display: block;
	visibility: visible;
	font-style: normal;
}

.detailLinkLeftStatic a:hover span {
	display: block;
	visibility: visible;
}




/*------------------left navigation bar------------------*/


#apparelNav {
	float: left;
	width: 216px;
	margin-right: 10px;
	
}

#apparelNav ul {
	list-style: none;
	margin-top: 2%;
	text-align: center;
	border-right: dotted 1px black;
	padding-right: 10px;
	height: 625px;


}

#apparelNav ul li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-size: 1.4em;
	line-height: 2em;
	letter-spacing: .02em;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: dotted 1px #4C917B;
	color: #4C917B;
	display: block;
	padding-bottom: 10px;




}

#apparelNav ul li a.currentPage {
	color: black;
	font-size: 1.4em;
	font-weight: bold;
	font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;

}

#apparelNav ul li#allApparel a.currentPage {
	background: url(images/allApparel.gif) no-repeat top left;

}

#apparelNav ul li#mens a.currentPage {
	background: url(images/orangeMens.gif) no-repeat center right;

}


#apparelNav ul li#womens a.currentPage {
	background: url(images/blueTank.gif) no-repeat center left;
}

#apparelNav ul li#longSleeve a.currentPage {
	background: url(images/purpleLongSleeve.gif) no-repeat center right;
	padding-right: 15px;

}

#apparelNav ul li#kids a.currentPage {
	background: url(images/greenKids.gif) no-repeat center left;


}

#apparelNav ul li#baby a.currentPage {
	background: url(images/yellowBaby.gif) no-repeat center right;


}

#apparelNav ul li#bags a.currentPage {
	background: url(images/orangeTote.gif) no-repeat center left;


}

#apparelNav ul li#aprons a.currentPage {
	background: url(images/blueApron.gif) no-repeat center right;
}

#apparelNav ul li#recycled a.currentPage {
	background: url(images/greenRecycled.gif) no-repeat center left;

}

#apparelNav ul li#other a.currentPage {
	background: url(images/purpleOther.gif) no-repeat center right;

}

#apparelNav ul li a:hover {
	color: black;
	font-size: 1.4em;
	font-weight: bold;
	font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
}

#apparelNav ul li#allApparel a:hover {
	background: url(images/allApparel.gif) no-repeat top left;
	padding-left: 15px;
}

#apparelNav ul li#mens a:hover {
	background: url(images/orangeMens.gif) no-repeat center right;
	
}


#apparelNav ul li#womens a:hover {
	background: url(images/blueTank.gif) no-repeat center left;

}


#apparelNav ul li#longSleeve a:hover {
	background: url(images/purpleLongSleeve.gif) no-repeat center right;
	padding-right: 15px;


}


#apparelNav ul li#kids a:hover {
	background: url(images/greenKids.gif) no-repeat center left;

}

#apparelNav ul li#baby a:hover {
	background: url(images/yellowBaby.gif) no-repeat center right;

}

#apparelNav ul li#bags a:hover {
	background: url(images/orangeTote.gif) no-repeat center left;

}

#apparelNav ul li#aprons a:hover {
	background: url(images/blueApron.gif) no-repeat center right;

}

#apparelNav ul li#recycled a:hover {
	background: url(images/greenRecycled.gif) no-repeat center left;

}


#apparelNav ul li#other a:hover {
	background: url(images/purpleOther.gif) no-repeat center right;
}