/* body */
body {
	font: normal 62.5% Tahoma, Verdana, sans-serif;
	color: #000000;
	background: #510F8B url(img/Purple%20Rain.jpg);
	margin: 0px;
	padding: 0px;
}
/* structure */
#wrap {
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	color: #000000;
	background: #FFFFFF;
	border-right: 6px solid #8aa8f0;
	border-bottom: 6px solid #8aa8f0;
	border-left: 6px solid #8aa8f0;
}
#header {
	width: 700px;
}
#header p {
	margin: 0;
	color: #0066FF;
	background: #FFF url(img/logo.jpeg) no-repeat left top;
	font-size: 1.5em;
	font-weight: bold;
}
#header a {
	display: block;
	padding: 70px 25px 20px 150px;
	text-decoration: none;
	color: #1159D2;
}

#navcontainer {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	width: 125px;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
}
#content {
	float: right;
	width: 560px;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 1.25em;
}
#footer {
	background: #8aa8f0;
	color: #333;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 6px;
	clear: both;
}
#footer p {
	font-size: 0.9em;
	background: #8aa8f0;
	color: #333;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: center;
	line-height: 1.25em;
}
/* presentation */
h1 {
	font: bold 2.75em/1em Georgia, "Times New Roman", Times, serif;
	color: #1159D2;
	margin: 0px 0px 10px 14px;
	padding: 6px 0 0 0;
}
h2 {
	font: bold 1.75em/1em Tahoma, Verdana, sans-serif;
	color: #1159D2;
	margin: 0px 0px 6px 14px;
	padding: 0px;
}
h3 {
	font: bold 1.5em/1em Tahoma, Verdana, sans-serif;
	color: #510F8B;
	margin: 0px 0px 6px 14px;
	padding: 0px;
}
#content p {
	font: normal 1.3em/1.125em Tahoma, Verdana, sans-serif;
	color: #000000;
	margin: 0px 24px 6px 14px;
	padding: 0px;
}
#content a:link, #content a:visited		{
	color: #1159D2;
	background-color: #FFFFFF;
	text-decoration: none;
}
#content a:hover, #content a:active	{
	text-decoration: underline;
	background-color: #1159D2;
	color: #fff;
}
#content ul li {
	margin: 0px;
	padding: 0px;
	list-style: circle;
	font: 1.3em Tahoma, Verdana, sans-serif;
}	
#footer a:link, #footer a:visited	{
	color: #FFF;
	background: #8aa8f0;
	text-decoration: none;
}
#footer a:hover, #footer a:active	{
	color: #FFF;
	background: #8aa8f0;
	text-decoration: underline;
}	
#footer h2 {
	font-size: 150%;
	text-align: center;
	background: #8aa8f0;
	color:#333333;
	text-decoration: none;
}
/* navigation */

#navcontainer ul	{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

#navcontainer a	{
	display: block;
}
/* you are here indicator code */
body#home a#homenav,
body#about a#aboutnav,
body#supple a#supplenav,
body#insport a#insportnav,
body#cart a#cartnav,
body#market a#marketnav
{
	color: #000;
	background: #1159d2 url(img/dblarrow.gif) no-repeat left center;
	padding-left: 12px;
   /*   cursor: default; pixel shift fix */
	/*border: 1px solid #1159D2; */
}

#navcontainer a:link, #navcontainer a:visited	{
	color: #FFF;
	text-decoration: none;
	padding: 3px 0px 3px 4px;
	border: 1px solid #1159D2;   /* pixel shift fix */
	background-color: #1159D2;
}

#navcontainer a:hover, #navcontainer a:active	{
	background-color: #FFF;
	color: #1159D2;
	/* padding-top: 2px;
	padding-bottom: 2px;  */
}
#navcontainer li {
	margin-bottom: 4px;
	border: 1px solid #FFFFFF; /* adding invisible border fixes IE6/Win 
	which would double the bottom margin */
} 

/* clothing presentation */
div#clothinglist {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 24px;
}
dl.clothing {
	padding: 0px 0px 10px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	border-bottom: 1px dotted #ccc;
	display: inline;  /* for IE/Win  */
}
dl.clothing:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}	
dl.clothing dt {
	font-size: 130%;
	letter-spacing: 1px;
	font-weight: bold;
	color: #1159D2;
	margin: 0 0 0.5em;
	width: 310px;    /* calculate div width - dl margins - image width
	- img border - padding - img margin
	560 - 40 - 200 -0 -10 -0 = 410 */
	display: inline;   /* for IE/Win */
	padding-bottom: 2em;
	line-height: 2em;
}
dl.clothing dt img {
	float: left;
	margin: 0;
	padding: 0 10px 4px 0;
	}
dl.clothing dd {
	margin-left: 103px;
	line-height: 1.5em;
}
.price {
	font-size: 130%;
	letter-spacing: 1px;
	font-weight: bold;
	color: #1159D2;
	padding: 2px;
}
/* site map presentation */
#content ul {
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px 0px 4px 8px;
	padding: 0px;
	list-style: url(none) none;
}
#content ul li {
	list-style: url(none) none;
	margin: 0px;
	padding: 0px;
	font-size: 115%;
}
#content ul li ul {
	margin: 0px 0px 4px 10px;
}
#content ul li ul li {
	font-size: 100%;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	list-style: url(none) none;
}

#ingredients {
	margin: 0px 0px 0px 30px;
	padding: 0px;
}
.sizes {
	margin: 0px 0px 0px 30px;
	padding: 0px;
}
.sizes td {
	padding: 5px 10px;
}
.leftimg {
	margin: 0px 10px 10px 0px;
	padding: 6px;
	float: left;
	border: 2px solid #8AA8F0;
}
form {
	font-size: 1.25em;
	font-weight: bold;
	color: #510F8B;
	padding: 0px;
}
select {
	margin-left: 6px;
}
form input.buynowimage {
	margin: 0px 24px 6px 14px;
}
.rtimg {
	margin: 0px 10px 10px 10px;
	padding: 6px;
	float: right;
	border: 2px solid #8AA8F0;
}

.popupstyle {
	font-weight: bold;
	color: #8AA8F0;
	text-decoration: underline;
}
.popupstyle a:link, .popupstyle a:visited {
	color: #1159D2;
	background-color: #FFFFFF;
	text-decoration: none;
}
.popupstyle a:hover, .popupstyle a:active {
	text-decoration: underline;
	background-color: #1159D2;
	color: #fff;
}

/* styles for popup template */
#popwrap {
	margin-right: auto;
	margin-left: auto;
	width: 400px;
	color: #000000;
	background: #FFFFFF;
	border-right: 6px solid #8aa8f0;
	border-bottom: 6px solid #8aa8f0;
	border-left: 6px solid #8aa8f0;
}
#popheader {
	width: 400px;
}
#popheader p {
	margin: 0;
	color: #0066FF;
	background: #FFF url(img/logo.jpeg) no-repeat left top;
	font-size: 1.5em;
	font-weight: bold;
}
#popheader a {
	display: block;
	padding: 70px 25px 20px 150px;
	text-decoration: none;
	color: #1159D2;
}
#popup {
	float: none;
	width: 380px;
	line-height: 1.25em;
	margin: 10px 10px 20px;
}

/* Hacks for IE/Win and IE/Mac for clothing display  */
dl.clothing { display: inline-table; }  /* for IE/Mac  */
*>html dl.clothing { c\lear: both; b\order-bottom: 0px dotted #ccc; }  /* only read by IE/Mac */
/* Hide from IE/Mac \*/
* html .clothing { height: 1%; display: inline; }  /* for IE/Win  */
dl.clothing { display: block; }  /* for other browsers */
/* end hide from IE/Mac  */


/* IE Hacks */

* html #header { display: inline; }
* html #navcontainer { display: inline; }
/* rule to fix the float. (Note: this also ruins the fix to make 
Nav buttons clickable with display: block - but only in IE/WIN */

/* Hide from IE/Mac \*/
* html #footer { height: 1%; }
/* 2nd rule to fix the doubling.  for IE/Win. end hide from IE/Mac  */

* html body {
	font-size: 50%; /* for IE5/win */
	f\ont-size: 62.5%; /* for other IE versions  */
}