/* CSS Document */

/*------------------------BODY ELEMENTS------------------------*/

body {

	/*background-color: #946313;*/
	background-image: url(images/backgroundpaper_brown.jpg);
	font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size: small;
	margin: 0px;

}


h1 {
	font-weight: bold;
	font-size: 1em;
}

h2 {
	font-size: 1.4em;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: .5em;

}

h3 {
	font-size: 1em;

}

#allContent {
	/*width: 988px;*/
	/*background-image: url(images/yellow_weave.gif);*/
	width: 840px;
	/*padding: 5px 20px 5px 20px;*/
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

#footer {
	text-align: center;
	color: #FFFFFF;
	font-size: 90%;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top: -10px;

}

.footerNav a {
	color: #FFFFFF;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	line-height: 1.5em;
	padding-right: 3px;
	padding-left: 3px;

}



/*------------------------HEADER----------------------------*/

#header {
	text-align: center;
	margin-bottom: -10px;
	/*height: 90px;
	background-color: white;
	background: url(images/blueBkgdGradient.gif) top left;*/
	/*margin-left: auto;
	margin-right: auto;*/

}

#header img {
	margin-right: 10px;
	border: white solid 1px;
}

#header img.imgNone {
	margin-right: 30px;
	border: none;
}

#header h1 {
	font-weight: 200;
	font-size: 1.3em;
	color: #FFFFFF;
	
}

/*----------------------NAVIGATION--------------------------*/

#navigation {
	font-size: 1.1em;
	line-height: normal;

}


#navigation li, #footer ul li { 
	display: inline; 
   
}


li.navHorizontal a:link {
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 10px;
	float:right;
	
}

li.navHorizontal a:visited {
	color: #E9E8CF; 
	font-style: italic;
	padding-top: 10px;
	padding-left: 10px;
	float:right;
}

li.navHorizontal a:hover {
	color: #E9E8CF;
	font-style: italic;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;	
	float:right;
}

li.navTabs a {
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	color: #FFFFFF;
	text-transform: capitalize;
	text-decoration: none;
	line-height: 1.8em;
	width: 106px;
	float: left;
	display: block;
	margin-bottom: -4px;
}


li#navHome a {
	background: url(images/blueTab.gif) no-repeat 0 0;
	white-space: nowrap;

}

li#navHome a:hover {
	background-position: -107px 0;

}

li#navProduct a {
	background: url(images/greenTab.gif) no-repeat 0 0;
	white-space: nowrap;
}

li#navProduct a:hover {
	background-position: -107px 0;
}

li#navCreate a {
	background: url(images/purpleTab.gif) no-repeat 0 0;
	white-space: nowrap;

}

li#navCreate a:hover {
	background-position: -107px 0;
}

li#navOrganic a {
	background: url(images/yellowTab.gif) no-repeat 0 0;
	white-space: nowrap;
}

li#navOrganic a:hover {
	background-position: -107px 0;


}

li#navAbout a {
	background: url(images/orangeTab.gif) no-repeat 0 0;
	white-space: nowrap;
}

li#navAbout a:hover {
	background-position: -107px 0;
}


/*------------------------MAIN----------------------------*/

#main, #mainProducts, #mainCreate, #mainOrganic, #mainAbout{
	background-color:#FFFFFF;
	border-color: #00ADEF; 
	border-style: solid;
	border-width: 4px;
	border-top-width: 10px;
	min-height: 600px;
	width: 99%;
	float: left;

}

#sideBar {
	margin: 10px 0px 3px 2px;
	width: 204px;
	height: 660px;
	float: left;
	

}

#sideBar #anchorDesignButton {
	width: 204px;
	height: 660px;

}

#sideBar #anchorDesignButton a#designButton img{
	position: relative;
	left: 29px;
	bottom: 200px;
	width: 160px;
	border: 0px;
}

	

/*#mainSideBar {
	margin: 10px 5px 0px 212px;
	margin-right: 5px;
	/*width: 740px;*/



#announcements {
	padding-left: 10px;
	padding-top: 5px;
	margin-bottom: 10px;
}

#announcements p{
	visibility: hidden;
	padding: 5px 20px 0px 20px;
	text-align: center;
	font-size: 1.2em;
	color: #FF0000;
	margin: 5px 0px 20px 0px;
	/*border: dashed 1px #FFFFFF;
	padding: 15px 15px 15px 95px;
	color: #FFFFFF;
	background: url(images/logoSM_BKGD.jpg) no-repeat 15px 15px;
	background-color: #4C917B;
	margin: 60px 30px 0px 30px;*/
}

/*
#logoDesc .vertCenter {
	margin-top: 20px;
	margin-left: 170px;

}*/

/*
#logoDesc img {
	float: left;
	padding-left: 10px;

}*/

p#yourSay {
	font-family: "Courier New", Courier, monospace;
	color: #333333;
	font-size: 1.5em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	width: inherit;
	background: url(images/starGraphic.gif) no-repeat center;
	
}

/*
#hmpgContentMainContainer {
	margin-top: 10%;


}


#hmpgContentContainer {
	border-right: dotted 1px black;
	margin: 0px 300px 15px 10px;
	padding-top: 20px;
	padding-bottom: 60px;
	width: 400px;
	text-align: center;
}

#hmpgContentContainer a {
	color: #4C917B;
	font-weight: bold;

}

/*
#hmpgContentContainer p#enjoyClothes em {
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em;
	color: black;
	clear: right;
	white-space: nowrap;

}

em.pStart {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.2em;
	letter-spacing: .02em;
	border-bottom: 1px dotted #4C917B;
	color: #4C917B;
	padding-bottom: 5px;

}

p#contentHeading{
	text-align: center;
	height: 80px;
	width: inherit;
	padding-left: 15px;
	background-image: url(images/orangePurpleApparel.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: -1.3em;
}

p#contentHeading strong {
	font-size: 1.5em;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: -.05em;
	line-height: 1.2em;
	white-space: nowrap;

}

p#contentHeading #contentSubHeading {
	font-style: normal;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: -.03em;
}

#hmpgContentPHeadings {
	text-align: center;
	margin-top: -1.3em;
}

#hmpgContentPHeadings ul li {
	display: inline;
	padding-right: 70px;


}

p#hmpgContentLeft {
	padding-left:10px;
	text-align: left;
	margin-right: 180px;
	color: #999999;
	line-height: 1.3em;
}

p#hmpgContentRight {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom:10px;
	text-align: left;
	width: 180px;
	float: right;
	color: #999999;
	line-height: 1.3em;
	margin-bottom: 5px;
	margin-top:-.3em;
}

*/

#hmpgContentContainer {
	/*border-right: dotted 1px black;*/
	margin: 0px 10px 10px 320px;
	padding-right: 10px;
	text-align: left;
	color: #666666;
	/*width: 330px;*/
}

#hmpgContentContainer p a {
	color: #4C917B;

}

#hmpgContentContainer strong {
	font-size: 1.3em;
	font-weight: bold;
	font-style: normal;
	color: black;
	text-decoration: none;

}

em.pStart {
	font-weight: bold;
	font-style: normal;
	font-size: 1.3em;
	border-bottom: 1px dotted #4C917B;
	color: #4C917B;
	padding-bottom: 3px;

}
/*
#hmpgContentRight {
	text-align: left;
	color: #999999;
	line-height: 1.3em;
}

#hmpgContentLeft {
	padding-left:10px;
	text-align: left;
	color: #999999;
	line-height: 1.3em;
}

#enjoyClothes {
	padding: 20px 5px 5px 10px;
}

#enjoyClothes em {
	font-style: italic;
	font-weight: bold;
	font-size: 1em;
	color: black;

}
*/
/* -------------------BLOG FEED ON HOMEPAGE------------------------ */
		#blog {
			/*width: 340px;*/
			width: 270px;
			margin: 0px 5px 0px 10px;
			/*margin-bottom: 10px;*/
			padding: 10px 20px 0px 0px;
			border: double 3px #CCCCCC;
		}
		
		#blog a {
		}
		
		#blog p {
			text-align: center;
		
		}
		div.feedburnerFeedBlock p.feedTitle { 
			text-align: center;
			padding-left: 15px;
			padding-bottom: 5px;

		}
		
		#blog div.feedburnerFeedBlock p.feedTitle a { 
			font-size: 1.1em;
			font-weight: bold;
			font-style: normal;
			color: #4C917B;
			text-decoration: none;
			text-transform: uppercase;

		}
			div.feedburnerFeedBlock ul {
			margin-top: -1.2em;
		}
		

			
		div.feedburnerFeedBlock ul li {
			padding-left: 0 !important;
			text-indent: 0 !important;
			list-style-type: none;
			}
	
		div.feedburnerFeedBlock ul li div {
			display: inline;
			color: #999999;
			margin-top: .5em;
			}
			
	/*	div.feedburnerFeedBlock span.headline a {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 1em;
			font-weight: bold;
			display: block;
			text-decoration: none;
			color: #4C917B;
			text-indent: -3%;
			border-bottom: 1px dotted #4C917B;
			padding-bottom: 3px;
			margin-bottom: .5em;
			margin-top: .5em;
			}
			
	*/
	
	#blog  div.feedburnerFeedBlock span.headline a {
			font-size: .9em;
			font-weight: bold;
			display: block;
			text-decoration: none;
			color: #666666;
			text-indent: -3%;
			margin-bottom: .5em;
			margin-top: .5em;
			}
		div.feedburnerFeedBlock p.date {
			font-size: .88em;
			display: inline;
			margin-left: 10px;
			color: #999999;
			}			
		
		
		div.feedburnerFeedBlock #creditfooter {
			position: absolute;
			width: 100px;
			top: 0px;
			left: 0px;
			z-index: 0;
			visibility: hidden;
			
			}
			
	
/*-----------------------END BLOG FEED FOR HOMEPAGE---------------------*/
	



/*---------------------Create----------------------------*/
#mainCreate {
	border-color: #9D8FB1; 
	
}

/*#designContent {
	width: 968px;
	margin-left: auto;
	margin-right: auto;


}

#mainCreateDesign{
	background-color:#FFFFFF;
	border-color: #9D8FB1; 
	border-style: solid;
	border-width: 4px;
	border-top-width: 10px;
	min-height: 600px;
	width: 831px;
	float: right;
}*/

#designSide {
	width: 100px;
	height: 350px;
	border-color: #4C917B;
	border-width: 4px;
	border-style: double;
	background-color: #FFFFFF;
	padding: 10px 15px 10px 10px;
	position: relative;
	right: 485px;
	bottom: 670px;
	line-height: 1.4em;
	color: #000000;
	font-size: 1.1em;
	text-align: left;
	z-index: 99; 
}

#designSide span {
	font-size: 1.3em;
	font-weight: lighter;
	font-style: italic;
	color: #4C917B;
	line-height: 1.1em;
}

#designSide strong {
	font-size: 1.1em;
	font-weight: bold;
}

/*#mainCreate #minHeight {
	height: 702px;
	line-height: 30em;
	text-align:center;

}*/


#designBanner {
	background-color: #f58543;
	border: thin solid #b66332;
	margin: 10px 40px 10px 40px;
	text-align: center;
	font-size: 1em;
	font: Arial, Helvetica, sans-serif;
	font-weight: 100;
	
}

#designBanner h1.banner {
	font-size: .9em;
}

#designBanner h1.banner span#red {
	font-size: 1.2em;
	font-weight: 500;
}

#right {
	float: right;
	width: 450px;

}

.topRight {
	width: 99%;
	clear: right;


}

.topRight p.small {
	font-size: 80%;
	color: #666666;
	margin-top: -2%;
	text-align: center;
	clear: both;
}

.picLinks {
	width: 220px;
	float: left;
	text-align: center;
	margin-bottom: 20px;
}

.picLinks a {
	color: #666666;
	font-size: 1.2em;
	text-transform: uppercase;
	text-decoration: none;

}

.picLinks a img {
	border: 0px;
	color: white;
	padding: 10px 10px 0px 10px;
	
}

.bottomRight {
	text-align: center;
}

#centerPicLink {
	float: none;
	clear: right;
	margin-right: auto;
	margin-left: auto;

}


.bottomRight ul {
	list-style: none;
	margin-top: 40px;
	margin-left: -2%;
	
	

}

.bottomRight ul li {
	display: inline;
	padding-right: 10px;
	text-align: left;

}

.bottomRight ul li a {
	text-decoration: none;
	font-size: 1.3em;
	line-height: 2.2em;
	
	


}

#left {
	width: 485px;
	margin-top: 2%;
	margin-bottom: 2%;
	border-right: dotted 1px black;
	padding-right: 10px;
	text-align: center;


}

.easyApparel {
	font-size: 1.2em;
	line-height: 1.3em;
	width: 95%;
	height: 105px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

#cameraGraphic {
	background: url(organic/design/images/oneCamera.gif) top left no-repeat;

}

#cameraGraphic p {
	padding-left: 105px;

}

#computerGraphic {
	background: url(organic/design/images/twoComputer.gif) top left no-repeat;
	background-position: 30px;

}

#computerGraphic p {
	padding-left: 135px;

}

#printShirtGraphic {
	background: url(organic/design/images/threeShirt.gif) top left no-repeat;
	background-position: 60px;

}

#printShirtGraphic p {
	padding-left: 165px;

}

#topLeft{
	text-align: center;

}

#topLeft a img {
	border: 0px white;

}

#topLeft p {
	padding-bottom: 20px;

}

#topLeft p a {
	font-weight: bold;
	color: black;
	
}

#topLeft p a:hover {
	font-style: italic;

}

#topLeft p a:visited {
	color: #F58543;
	font-weight: normal;

}

#topLeft h1.productTitle {
	margin-left: 0%;


}

.label {
	font-size: 1.2em;
	text-transform: capitalize;
	color: black;
	padding-top: 4px;

}

#pricing {
	/*width: 80%;
	margin-left: auto;
	margin-right: auto;*/
}

#pricing p {
	font-size: 1.1em;
	color: #333333;
	line-height: 1.3em;
	padding-left: 10px;
	padding-right: 10px;
}

#pricing p a {
	color: #F58543;
}

#pricing p a:visited {
	color: #E0CA64;
}

h2.priceTableTitles {
	font-weight: bold;
	text-align: center;
	font-size: 1.4em;
	line-height: 1em;
	padding-top: 25px;
	text-transform: capitalize;
	color: #666666;
	
}


table {
	border: thin solid black;
	font-size: 1.1em;
	text-transform: capitalize;
	border-collapse: collapse;
	text-align: left;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;

}

td, th {
	border: 1px dotted #666666;
	padding: 5px;

}

th {
	font-size: 90%;
	/*background-color: #F58543;*/
	text-align: center;

}

td#star {
	font-size: 80%;
	text-transform: lowercase; 
}

.cellcolor {
	background-color: #E0CA64;
}

.upperCase {
	text-transform: uppercase;
}

th.nocolor {
	background-color: #FFFFFF;
	text-align: left;

}

th.altcolor {
	background-color: #E0CA64;

}

td.solidBorder {
	border-bottom: solid 1px black;


}

td.solidUpper {
	text-transform: uppercase;
	border-bottom: solid 1px black;

}

td.redNegative {
	color: #FF0000;


}

td.center {
	text-align: center;
}

.standard {
	font-size: 1.2em;
	line-height: 1.3em;
	color: #333333;
	padding: 20px;
	min-height: 800px;

}

.standard a {
	color: #F58543;

}

.standard a:hover {
	font-style: italic;

}

.standard a:visited {
	color: #E0CA64;

}


.standard ul {
	list-style: none;
	font-weight: bold;

}

.standard ul.nobold {
	font-weight: normal;

}

.standard ul.nobold li {
	padding-bottom: .5em;

}

.standard h2 {
	font-size: 1.1em;
	line-height: 1em;
	text-transform: capitalize;
	color: #F58543;
}


.standard h2.space {
	padding-top: 2em;
}

.standard p em {
	font-weight: bold;

}

.picLinks2 {
	width: 220px;
	float: right;
	text-align: center;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	font-weight: normal;
	
}

.picLinks2 a {
	color: #666666;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
}

.picLinks2 a img {
	border: 0px;
	color: white;
	padding: 10px 10px 0px 10px;
	
}

.picLinks2 a:visited {
	color: #666666;

}

.picLinks2 a:hover {
	font-style: normal;
}

.picLinks2 p {
	text-align: left;
	margin-top: 0px;
	color: #666666;
	font-size: 80%;

}

.picLinks2 h3 {
	margin-bottom: 0px;

}

#siteMap ul {
	list-style: none;
	margin-bottom: 40px;

}

#siteMap li {
	line-height: 1.8em;

}

#siteMap a {
	text-decoration: none;
	color: #666666;

}

#siteMap a span{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #000000;
	border-bottom: 1px dotted black;
	padding-bottom: 1px;

}



#siteMap h2 {
	color: #4C917B;
	margin-bottom: 10px;
	

}


.zoomIn a {
	position: relative;
	float: right;
	padding-right: 85px;
	font-size: .8em;
	text-transform: capitalize;
	text-decoration: underline;
	color: #666666;


}/* set stacking context*/


.zoomIn a#babyKisses span {background: url(organic/design/images/zoomBabyKisses.jpg) no-repeat;}
.zoomIn a#zoomApron span {background: url(organic/design/images/zoomApron.jpg) no-repeat;}
.zoomIn a#zoomDog span {background: url(organic/design/images/zoomDogKids.jpg) no-repeat;}
.zoomIn a#zoomBabyTank span {background: url(organic/design/images/zoomBabyTank.jpg) no-repeat;}
.zoomIn a#zoomScrolls span {background: url(organic/design/images/zoomDeadSeaScrolls.jpg) no-repeat;}
.zoomIn a#zoomJoke span {background: url(organic/design/images/zoomJoke.jpg) no-repeat;}
.zoomIn a#zoomLogoBaby span {background: url(organic/design/images/zoomLogoBaby.jpg) no-repeat;}
.zoomIn a#zoomLogoTank span {background: url(organic/design/images/zoomLogoTank.jpg) no-repeat;}
.zoomIn a#zoomLogoCanvasTote span {background: url(organic/design/images/zoomLogoCanvasTote.jpg) no-repeat;}
.zoomIn a#zoomLogoTote span {background: url(organic/design/images/zoomLogoTote.jpg) no-repeat;}
.zoomIn a#zoomUniformRedRock span {background: url(organic/design/images/zoomUniformRedRock.jpg) no-repeat;}
.zoomIn a#zoomUniformOneWorld span {background: url(organic/design/images/zoomUniformOneWorld.jpg) no-repeat;}
.zoomIn a#zoomSlogan span {background: url(organic/design/images/zoomSlogan.jpg) no-repeat;}

.zoomIn a span {
	position: absolute;
	right: 0px;
	top: -250px;
	width: 300px;
	height: 250px;
	padding: 0px;

}

.zoomIn a span {
	visibility: hidden; 
} /* hide message initially*/

/*a.zoomIn img {
	border: black 1px solid;
	padding: 0px;
	position:absolute;
	top:-250px;
	left:-50px;
}*/

.zoomIn a:hover{
	display: block;
	visibility:visible;
	font-style: normal;
	
}/* ie bug needed to make span show*/
	
.zoomIn a:hover span{
	display: block;
	visibility:visible;

}


/*---------------------About------------------------------*/