/* Joyful Living Naturals Style Sheet */

/*
** OVERRIDE STANDARD HTML TAGS
******************************************************************************/
html {
	overflow:auto;		/* Hide IE verticle scroll bar */
	height:100%;
	}

body {
	margin:0px;
	padding:0px; 	/* this is a concession to opera 7 which has margin 0, but some padding by default. */
	height:100%;
	background: #FFF url(images/bg_lblue_fade.jpg) bottom left repeat-x fixed;
	overflow:auto;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}

/* Admin Messages */
h1 {
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	}

/* Product Titles & Admin page titles */
h2 {
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	}

/* Out of stock messages */
h3 {
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color:#FF9900;
	}

a:link, a:visited, a:active {
	text-decoration:none;
	color:#A268B3;
	}

a:link:hover, a:visited:hover, a:active:hover {
	text-decoration:none;
	color:#618B72;
	}

img {
	margin:0px;
 	padding:0px;
	border:0px;
	}

hr {
	color:#FFFFFF;
	background-color:#FFFFFF;
	}
			
label {
	float:left;
	margin:2px 0px 0px 75px;
	padding-right:10px;
	width:175px;
	text-align:right;
	}

form {
	display:inline;
	margin:0px;
	padding:0px;
	}

input {
	font-size:10px;
	}
	
select {
	font-size:10px;
	}
	
textarea {
	display:block;
	margin:0px auto 10px auto;
	font-size:11px;
	}

/*
** LAYOUT ATTRIBUTES
******************************************************************************/

.centered {
	text-align:center;
	}
	
.clear {
	clear:left;
	}

.inputbox {
	display:block;
	width:175px;
	float:left;
	margin-bottom:10px;
	font-size:10px;
	}

#frame {
	height:550px;
	width:775px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5%;
	}
	
#adminframe {
	width:775px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}

#header {
	height:75px;
	}

#menu {
	float:left;
	display:inline; /* required to fix double margin bug in IE */
	height:405px;
	width:155px;
	margin:10px 10px 10px 0px;
	padding:0px;
	}
	
#menu ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
	
#menu ul li {
	padding:6px 0px 0px 0px;
	}
	
#menu a:link, 
#menu a:visited,
#menu a:active {
	height:18px;
	margin:0px;
	display:block;
	padding:4px 0px 0px 30px;
	vertical-align:middle;
	text-decoration:none;
	color:#A268B3;
	}	
	
#menu a:hover {
	color:#618B72;
	text-decoration:none;
	background:url(../images/menubg.gif) no-repeat;
	}

#content {
	float:left;
	width:610px;
	margin:0px;
	padding:0px;
	text-align:center;
	}
	
#admincontent {
	margin:0px;
	padding:0px;
	overflow:auto;
	text-align:center;
	}
		
#footer {
	clear:left;
	height:25px;
	margin:0px;
	padding:10px 0px 25px 0px;
	text-align:center;
	color:#000000;
	}
		
/*
** Individual Page Attributes
******************************************************************************/

span.label {
	float:left;
	margin:10px 0px 0px 0px;
	padding:0px 10px 0px 0px;
	width:225px;
	text-align:right;
	}

span.text {
	float:left;
	margin:10px 0px 0px 0px;
	text-align:left;
	}

#faq {
	font-size:12px;
	text-align:left;
	}

#faq ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
	
#faq ul li {
	padding:2px 0px 0px 0px;
	}
	
#faq a:link, 
#faq a:visited {
	margin:0px;
	display:block;
	padding:4px 0px 0px 30px;
	text-decoration:none;
	color:#A268B3;
	}

/* Required to keep a:name from lighting up */
#faq a:active {
	color:#6600cc;
	}
	
#faq a:link:hover, #faq a:visited:hover {
	color:#618B72;
	text-decoration:none;
	background:url(../images/menubg.gif) no-repeat;
	}

.qa {
	font-size:18px;
	color:#222222;
	font-style:italic;
	}

.question {
	font-family:Times New Roman, Times, serif;
	font-size:17px;
	font-style:italic;
	color:#6600cc;
	}

.answer {
	font-family:Times New Roman, Times, serif;
	font-size:14px;
	color:#009999;
	}
	
.contacttextarea {
	height:85px;
	width:500px;
	}

.inputlogin {
	width:100px;
	display:block;
	float:left;
	margin-bottom:10px;
	font-size:10px;
	}
	
.inputcheckbox {
	margin:2px 0px 10px 0px;
	padding:0px;
	display:block;
	float:left;
	font-size:10px;
	}
	
.description {
	height:100px;
	width:400px;
	}

#categories {
	float:left;
	padding:20px;
	text-align:center;
	}

#categories a {
	font-size:12px;
	letter-spacing:1px;
	}
	
#categories .numprod {
	margin:0px;
	font-size:9px;
	font-style:italic;
	color:#999999;
	}
	
#productbox {
	margin:0px auto 25px auto;
	padding:10px;
	border:1px solid #000000;
	text-align:left;
	background-color:#EFECFF;
	}
	
.productimage {
	float:left;
	padding:0px 10px 0px 0px;
	}
	
.prodDetails {
	font-size:11px;
	font-weight:bold;
	}

.prodHidden {
	background-color: #ffcccc;
	}
	
#adminbox {
	width:595px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	border:1px solid #000000;
	background-color:#EAF2FB;
	text-align:center;
	}

#alertmessages {
	margin:0px auto 20px auto;
	padding:10px;
	width:400px;
	border:1px solid #000000;
	background-color:#FFF8EF;
	font-size:10px;
	font-weight:bold;
	color:#FF0000;
	text-align:left;
	}
	
#alertmessages ul {
	margin:0px;
	padding:0px;
	}
	
#alertmessages li {
	margin-left:30px;
	padding-bottom:5px;
	}
	
#alertmessages img {
	float:left;
	padding-right:10px;
	}