/* CSS Document to support Australian Alpaca Fleece Limited */
/* www.aafl.com.au  */
/* Copyright Project DMS P L */
/* www.projectart.com.au */
/* last edited May 2008 */


/* BASE PAGE CONTROL style variations */
/* DIV style variations */
/* H TAG style variations */
/* FONT style variations */
/* FORM ELEMENT style variations */
/* BLOCK DISPLAY style variations */

/* PAGE CONTROL style variations */
html {
	height: 100%;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	overflow: -moz-scrollbars-vertical;}

body {
	height: 100%;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	background-image: url(/images/bg_page.jpg);}

div {
	text-align: left;}

tr, td {
	vertical-align:top;}

img {
	border: 0;}

p {
	margin-top: 0;
	margin-bottom: 5px;}

ul {
	margin-top: 6px;
	margin-bottom: 10px;
	list-style: square;
	color: #666;}

li {
	margin-top: 1px;
	margin-bottom: 1px;}

.global {
	padding: 0;
	border: 0;
	width: 800px;
	height: auto;
	margin: auto;
	background: url(/images/bg_global.jpg) repeat-y top center;}

#container {
	width: 760px;
	margin: 0 auto;
	border: 0;
	height: 100%;}
	/* div controls all page contents */

#head {
	width: 760px;
	height: 410px;
	clear: both;}

#login {
	rem.float: left;
	width: 760px;
	height: 34px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;}

.cart {
	text-decoration: none;
	font: 10px Arial, Helvetica, sans-serif;
	height: 24px;
	padding: 0 6px 0 6px;
	color: #666;}
	a.cart:hover {
	color: #000;}
	/* div and style control  */

#h1container {
	float: left;
	width: 240px;
	rem.height: 25px;}
#navcontainer {
	float: right;
	width: 760px;
	height: 45px;
	background-color: #000;}
	#mainnav {
		float: right;
		height: 30px;
		padding-top: 0px;
		width: 505px;}
	#mainnav ul {
		display: inline;
		list-style: none;}
	#mainnav li {
		display: inline;
		list-style-type: none;}
	.mainnav {
		float: left;
		font: 11px Arial, Helvetica, sans-serif;
		padding-top: 3px;
		color: #fff;
		text-align: center;
		width: 100px;
		text-decoration: none;
		height: 40px;
		display: block;
		background-color: #000;
		border-left: 1px solid #333300;
		cursor: default;}
	a.mainnav:hover {
		color: #009933;
		background-color: #fff;}
	.subnav {
		font: 10px Arial, Helvetica, sans-serif;
		text-decoration: none;
		padding-top: 2px;
		text-align: center;
		width: 100px;
		list-style-position: outside;
		color: #000;
		background-color: #999966;
		height: 16px;
		display: block;
		border-top: 1px solid #666600;}
	a.subnav:hover {
		color: #333;
		background-color: #C0C088;}
		/* end of style to control java menu */

/* styles used for ADMIN pages */
.search input,select {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #eee;
	border: 1px solid #888;
	width: 80px;}
.prodManagement legend {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;}
.prodManagement select,input,textarea {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	width: 140px;
	border: 1px solid #888;}
.prodManagement input {
	width: 200px;}
.prodManagement textarea {
	width: 300px;
	height: 30px;}
.navlink {
	width: 135px;
	height: 12px;
	color: #ccc;
	border:1px solid #ccc;
	padding: 1px;
	background-color: #666;
	text-decoration: none;
	display: block;}
	.navlink:hover {
	width: 135px;
	height: 12px;
	color: #00FF00;
	border:1px solid #fff;
	background-color: #444;}

/* styles used for ADMIN pages */
#content {
	float: left;
	width: 760px;
	padding: 0;}
	/* div and style control contents of left column on each page. This div contains the footer.inc */

	#col1 {
		float: left;
		width: 170px;
		margin-left: 5px;
		margin-right: 10px;
		margin-bottom: 20px;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		line-height:1.5em;
		}
		/* div contains nav include + */

	#col2 {
		float: left;
		width: 285px;
		margin-bottom: 20px;
		font: 11px Arial, Helvetica, sans-serif;
		color:#333300;
		text-align: justify;}
		#col2 p {
		margin-top: 10px;
		margin-bottom: 15px;
		line-height: 1.5em;}
		#col2 li {
		margin-left: 0;
		margin-top: 5px;}
		#col2 a {
		text-decoration: underline;}
		/* div and style control contents of right column and is the main content area */

	#col2spread {
		float: left;
		width: 555px;
		margin-bottom: 20px;
		font: 11px Arial, Helvetica, sans-serif;
		color:#333300;
		text-align: justify;}
		#col2spread p {
		margin-top: 10px;
		margin-bottom: 15px;
		line-height: 1.5em;}
		#col2spread li {
		margin-left: 0;
		margin-top: 5px;}
		#col2spread a {
		text-decoration: underline;}
	
		/* div and style control contents of right column and is the main content area */

	#col3 {
		float: right;
		width: 250px;
		margin-bottom: 20px;
		padding-right: 10px;
		font: 11px Arial, Helvetica, sans-serif;
		text-align: left;
		line-height:1.25em;}
		#col3 a {
		text-decoration: none;}
		#col3 img {
		margin-top: 2px;
		padding: 0;
		border: 1px solid #666;}
		/* div and style control contents of right column and is teh main content area */
							
#sectionnav {
	width: 145px;
	color: #333;}
	#sectionnav a {
	color: #333;
	text-decoration: none;
	border-left: 10px solid #cbcbcb;}
	#sectionnav a:hover {
	color: #444c27;
	background-color: #c5c5c5;
	border-left: 10px solid #8F926F;
	border-top: 1px solid #fff;
	width: 145px;}
	#sectionnav ul {
	list-style: none;
	display: inline;}
	#sectionnav li {
	list-style: none;
	display: inline;}
	.sectionnav {
	font: 10px Arial, Helvetica, sans-serif;
	padding: 0;
	width: 145px;
	border-top: 1px solid #ccc;
	height: 15px;
	display: block;
	background-color: #dbdbdb;
	text-indent: 5px;}

#resources {
	width: 310px;
	text-align: left;}
	#resources p {
	margin-top: 1px;
	margin-bottom: 0;
	display: block;
	background-color: #ccc;}
	#resources a {
	color: #000;
	display: block;
	padding: 1px 0 0 3px;
	text-decoration: none;}
	#resources a:hover {
	color: #ccc;
	background-color: #777;}
	.sub {
	color: #777;
	font-size: 10px;
	padding: 1px 0 0 3px;}

	/* float: left;
	width: 760px;
	padding: 0;
	background-color: #dedede; */
	
#footer {
	float: center;
	width: 760px;
	margin: 0 auto;
	text-align: center;
	height: 150px;
	margin-top: 10px;
	background-color: #000;}
	#footerleft {
	float: left;
	width: 160px;
	margin-top: 10px;
	height: 80px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #666;
	padding-left: 10px;
	text-decoration: none;}
		#footerleft a {
		color: #666;
		text-decoration: none;}
		#footerleft a:hover {
		color: #fff;}
	#footerright {
	float: right;
	width: 260px;
	margin-top: 10px;
	height: 80px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #666;}
		#footerright a {
		color: #666;}
		#footerright a:hover {
		color: #fff;}
		#footerright p {
		}
	/* div and style control footer across bottom of page */



/* H TAG style variations */
h1 {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	padding-left: 10px;
	color: #fff;}
	/* not displayed. contained in header.inc.php */

h2 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 15px;
	color: #000;
	border-right: 10px solid #8F926F;
	padding: 1px;
	text-indent:3px;
	background-color: #B0B489;}
	/* section title - used at top column #content1 */

h3 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #5F6339;
	padding:1px;
	border: 1px solid #ccc;
	border-right: 10px solid #B0B489;}
	/* content title - used at top column #content2 */

h4 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #333300;}
	/* used within body of each page as main subheading */

h5 {
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #333300;}
	/* sectional subheading used under an h4 */

h6 {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #333300;}
	/* sectional subheading used under an h5 */
	
	
/*START Pop-Up*/
.popup{
	position: relative;
	width: 290px;
	z-index: 0;}

.popup:hover{
	width:400px;
	background-color: #ccc;
	z-index: 50;}

.popup span{ /*CSS for enlarged content*/
	position: absolute;
	width: 320px;
	background-color: #fff;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;}

.popup:hover span{ /*CSS for enlarged content on hover*/
	visibility: visible;
	top: 0px;
	left: 220px;}
	/*position where enlarged content should offset horizontally */


/* FORM STYLES*/
.formfield {
	font: 10px Arial, Helvetica, sans-serif;
	border: solid 1px #999;
	background-color: #ccc;}

.formbutton {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	width: 60px;
	background-color: #777;
	border: solid 1px #ccc;}

.f10 {
	font: 10px Arial, Helvetica, sans-serif;}

.f9 {
	font: 9px Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-bottom: 5px;}
										
.req {
	font: 11px Arial, Helvetica, sans-serif;
	color: #red;}

.response {
	font: 11px Arial, Helvetica, sans-serif;
	color: #660000;}
	
.trnoborder td {
	border:none !important;}
	
.tablenoborder td {
	border:none !important;}



/* FONT style variations */
										.f10 {
											font: 10px Verdana, Arial, Helvetica, sans-serif;}
										
.req {
	color: #FF3300;}

										
										.sitemap {
											font: 10px Arial, Helvetica, sans-serif;
											color: #000000;
											text-decoration: none;
											display: block;
											width: 220px;
											background-color: #E8E8E8;
											padding: 2px 2px 2px 2px;}
											a.sitemap:hover {
												background-color: #D9D9E8;}





.gst {
	color:#090;
	font-style:italic;}