/* main text - brown */
font, p, ul, li, .copy, .medium, .small, .tiny { font-family: Verdana, Arial, sans-serif; color: #632616; line-height: normal; font-style: normal}
font, p,  ul, li, .copy { font-size: 9pt }
.medium { font-size: 9pt }
.small { font-size: 8pt  }
.tiny { font-size: 7pt }
.smallred { visibility:visible; font-family: Verdana, Arial, sans-serif; font-size: 8pt; color: #E32E26; line-height: normal; font-style: normal}
.tiny { font-family: Verdana, Arial, sans-serif; font-size: 7pt; color: #632616; line-height: normal; font-style: normal}
.tinyred { font-family: Verdana, Arial, sans-serif; font-size: 7pt; color: #E32E26; line-height: normal; font-style: normal}


/* links  */
A:link    { color: #E4412B; text-decoration: none }   /* red   */
A:visited { color: #E4412B; text-decoration: none }   /* coral */
A:active  { color: #E4412B; text-decoration: none }   /* red   */

/* Title Links before E32E26  */
.title { font-family: Verdana, Arial, sans-serif; color: #632616; margin: 0.6em 0em 0em; line-height: normal; text-decoration: none}
.shoptitle { font-family: Verdana, Arial, sans-serif; font-size: 11pt; color: #E32E26; margin: 0.6em 0em 0em; line-height: normal; text-decoration: none}
font.title { font-size: 10pt }
h1.title { font-size: 15pt }
h2.title { font-size: 13pt }
h3.title { font-size: 12pt }
h4.title { font-size: 10pt }
h5.title { font-size: 9pt }
h6.title { font-size: 8pt }
.title a:link { color: #632616; text-decoration: none}
.title a:visited { color: #632616; text-decoration: none}

/* Title PR */
h3.titlepr { font-size: 8pt; color: #FFFFCC; padding: 0px 0px 0px 0px}

/* Top Menu */

.donate { font-family: Verdana, Arial, sans-serif; font-size: 10pt; color: #E32E26; line-height: normal; font-weight: bold}

.topsmall { font-family: Verdana, Arial, sans-serif; font-size: 7pt; color: #632616; line-height: normal; font-style: normal}
.topsmall a:link {  color: #632616; text-decoration: none } /* brown 632616  Margin: top, right, bottom, left */
.topsmall a:visited {  color: #FF6666; text-decoration: none; padding: 0px 0px 5px 0px}
.topsmall a:link:hover { color: #FF6666; padding: 0px 0px 5px 0px } /* coral */
.topsecond { font-family: Verdana, Arial, sans-serif; color: #632616; font-size: 7pt; line-height: normal; font-style: normal; text-align: center}
.topsecond a:link {  color: #632616; text-decoration: none }  /* dark brown */
.topsecond a:visited {  color: #632616; text-decoration: none}
.topsecond a:link:hover { color: #E32E26 } /* orange */
.toptitle { font-family: Verdana, Arial, sans-serif; font-size: 8pt; color: #E32E26; line-height: 10pt; font-style: normal}
.toptitle a:link {  color: #632616; text-decoration: none } /* brown 632616  Margin: top, right, bottom, left */
.toptitle a:visited {  color: #FF6666; text-decoration: none}
.toptitle a:link:hover { color: #FF6666 } /* coral */

/* left menu titles/departments: brown:top, yellow:middle, orange:bottom */
.titlebrown, .titleyellow, .titleorange { font-family: Verdana, Arial, sans-serif; color: #000000; line-height: normal;  margin: 0em .3em 0em; text-align: center  }
h3.titlebrown { font-size: 10pt; color: #632616; padding: 0px 0px 7px 0px} /* padding: top, right, bottom, left */
h3.titlered { font-size: 10pt; color: #E32E26; padding: 7px 0px 4px 0px}
h3.titlewhite { font-size: 10pt; color: #FFFFFF; padding: 7px 0px 4px 0px}

/* left menu categories/groups: brown:top, yellow:middle, orange:bottom 
.leftbrown, .leftyellow, .leftred  { font-family: verdana, arial, sans-serif; line-height: normal; padding: 2px 4px; margin: .0em .2em .0em } 
*/

h2.leftbrown { font-size: 13pt; color: #632616; text-align: left; margin: .3em 1em .3em 1em; padding:0 0 0 0;  }   <!-- margin 1st=top 2nd=right 3rd=bottom  4rth=left
h2.leftblue  { font-size: 13pt; color: #1B7B7B; text-align: left; margin:  .3em 1em .3em 4em; padding:0 0 0 0;  }   

h3.leftbrown { font-size: 11pt; color: #632616; text-align: left; margin: 1em 1.5em .0em .0em; padding:0 0 0 0; }
h3.leftred   { font-size: 11pt; color: #E32E26; text-align: left; margin: 1em 1.5em .0em 1em; padding:0 0 0 0;}
h3.leftblue  { font-size: 11pt; color: #1B7B7B; text-align: left; margin: 1em 1em .0em 1em; padding:0 0 0 0;}
h3.leftwhite { font-size: 11pt; color: #FFFFFF; text-align: left; margin: 1em 1.5em .0em 1em; padding:0 0 0 0;}

h4.leftbrown { font-size: 8pt; color: #632616; text-align: left; margin: .3em 1em .0em }
h4.leftwhite { font-size: 8pt; color: #FFFFFF; text-align: left; margin: .3em 1em .0em }
h5.leftwhite { font-size: 8pt; color: #FFFFFF; text-align: left; margin: .3em 1em .0em }  
h5.leftbrown { font-size: 8pt; color: #632616; text-align: left; margin: .3em 1em .0em }   /* active */

font.leftred { font-size: 6pt; color: #E32E26; text-align: left; }

.leftbrown a:link { color: #632616; text-decoration: none; text-align: left }
.leftbrown a:visited { font-style: normal; color: #632616; text-decoration: none; text-align: left }
.leftbrown a:link:hover { color: #632616 }

.leftblue a:link { color: #1B7B7B; text-decoration: none; text-align: left }
.leftblue a:visited { font-style: normal; color: #1B7B7B; text-decoration: none; text-align: left }
.leftblue a:link:hover { color: #1B7B7B }

.leftwhite a:link { color: #FFFFFF; text-decoration: none; text-align: left }
.leftwhite a:visited { font-style: normal; color: #FFFFFF; text-decoration: none; text-align: left }
.leftwhite a:link:hover { color: #FFFFFF }

.leftred a:link { color: #E32E26; text-decoration: none; text-align: left }
.leftred a:visited { font-style: normal; color: #E32E26; text-decoration: none; text-align: left }
.leftred a:link:hover { color: #E32E26 }


/*  not used
.leftbrown a:link { color: #632616; text-decoration: none; text-align: left }
.leftbrown a:visited { font-style: normal; color: #632616; text-decoration: none; text-align: left }
.leftbrown a:link:hover { color: #632616 }

.leftwhite a:link { color: #632616; text-decoration: none; text-align: left }
.leftwhite a:visited { font-style: normal; color: #632616; text-decoration: none; text-align: left }
.leftwhite a:link:hover { color: #632616 }
*/

/*.menuact   { font-family: Verdana, Arial, sans-serif; font-size: 8pt; line-height: normal; color: 333333}
h4.leftactive { font-size: 9pt; color: #E32E26; margin: 0em 0em 0em 0em; line-height: normal; text-decoration: none; text-align: right }
h6.leftactive { font-size: 8pt; color: #E32E26; margin: 0em 0em 0em 0em; line-height: normal; text-decoration: none; text-align: right }
*/

/* .menuact a:link {  font-size: 8pt; color: #E32E26; display: block; padding: 4px 8px; margin: 0;  text-decoration: none; text-align: left }*/
/* .menuact a:link: hover { background: #ffCC33}*/
/* menuinfo */

.menuinfo   { font-family: Verdana, Arial, sans-serif; font-size: 10pt; line-height: normal; color: E32E26}
h1.menuinfo  {  font-size: 9pt; color: #E32E26; margin: 0em 0em 0em; line-height: normal; text-decoration: none; text-align: center }
h4.menuinfo {  font-size: 9pt; color: #333333; margin: 0em 0em 0em; line-height: normal; text-decoration: none; text-align: left }
h5.menuinfo {  font-size: 8pt; color: #E32E26; margin: 0em 0em 0em; line-height: normal; text-decoration: none; text-align: center }
.menuinfo a:link { display: block; padding: 4px 8px; margin: 0; font-size: 8pt; color: 333333; text-decoration: none; text-align: left }
.menuinfo a:visited { font-style: normal; font-size: 8pt; color: #333333; display: block; padding: 4px 8px; margin: 0;  text-decoration: none; text-align: left }
.menuinfo a:link:hover { background: #ffffff}
.menutag { font-family: Verdana, Arial, sans-serif; font-size: 10pt; line-height: normal; letter-spacing: 0.8em; color: 333333}
h3.lefttag  { font-size: 9pt; line-height: normal; font-style: normal; letter-spacing: 0.3em; color: E32E26}
h3.wregister {  font-size: 7pt; color: #E32E26; margin: 0em 0em 0em; line-height: normal; text-decoration: none}

/* roll over menu */
.rolink { font-family: Verdana, Arial, sans-serif; font-size: 7pt; color: #333333; Text-Decoration: none; text-align:left }
.rolink a:link { font-family: Verdana, Arial, sans-serif; font-size: 7pt; color: #333333; Text-Decoration: none }
.rolink a:visited { font-family: Verdana, Arial, sans-serif; font-size: 7pt; color: #632616; Text-Decoration: none }
.rolink a:link:hover { font-family: Verdana, Arial, sans-serif; font-size: 9pt; color: #E32E26; Text-Decoration: none }
.rolink_right { font-family: Verdana, Arial, sans-serif; font-size: 7pt; color: #333333; Text-Decoration: none; text-align:right }

/* input forms & shop cart  */
.input, .select, .form, .formReq { font-family: Verdana, Arial, sans-serif; line-height: normal}
/* was input.small */
.input  { font-size: 8pt; color: 632616; text-align: left}
/* was input.select */
select.small { font-size: 8pt; color: 632616; text-align: left}
/* was input.select */
.form      { font-size: 9pt; color: 632616 }
/* was input.select */
.formReq   { font-size: 9pt; color: #E32E26; text-align: left }
/*
		* required (not blank)
		* validate-number (a valid number)
		* validate-digits (digits only, spaces allowed.)
		* validate-alpha (letters only)
		* validate-alphanum (only letters and numbers)
		* validate-date (a valid date value)
		* validate-email (a valid email address)
		* validate-url (a valid URL)
		* validate-date-au (a date formatted as; dd/mm/yyyy)
		* validate-currency-dollar (a valid dollar value)
		* validate-one-required (At least one checkbox/radio element must be selected in a group)
		* validate-not-first (Selects only, must choose an option other than the first)
		* validate-not-empty (Selects only, must choose an option with a value that is not empty)
		* validate-regex (requires the element to have a 'regex=' attribute applied)
*/
.required   { font-size: 9pt; color: #E32E26; text-align: left }
.validate-number   { font-size: 9pt; color: #E32E26; text-align: left }
.validate-digits   { font-size: 9pt; color: #E32E26; text-align: left }
.validate-alpha   { font-size: 9pt; color: #E32E26; text-align: left }
.validate-alphanum   { font-size: 9pt; color: #E32E26; text-align: left }
.validate-date   { font-size: 9pt; color: #E32E26; text-align: left }
.validate-email   { font-size: 9pt; color: #E32E26; text-align: left }
.validate-url   { font-size: 9pt; color: #E32E26; text-align: left }
.validate-date-au   { font-size: 9pt; color: #E32E26; text-align: left }
.validate-currency-dollar   { font-size: 9pt; color: #E32E26; text-align: left }
.validate-one-required   { font-size: 9pt; color: #E32E26; text-align: left }
.validate-not-first   { font-size: 9pt; color: #E32E26; text-align: left }
.validate-not-empty   { font-size: 9pt; color: #E32E26; text-align: left }
.validate-regex   { font-size: 9pt; color: #E32E26; text-align: left }

input.validation-failed, .validation-failed { /* for textboxes, textareas, passwords */
	border:1px dashed #F33;
	background-color:#FCC;
}
.validation-failed-cr { /* for checkboxes and radios */
}
.validation-failed-sel { /* for selects */
}
.validation-passed { /* for textboxes, textareas, passwords */
	border:1px solid #6C6;
	background-color:#CFF;
}
.validation-passed-cr { /* for checkboxes and radios */
}
.validation-passed-sel { /* for selects */
}



/* group page*/
.gname, h1.gname,.gcopy, .gprod, .gprice, .gbasesale, .gsale, .gpcode, .gpsize {  font-family: Verdana, Arial, sans-serif }    
.gname {  font-size: 11pt; text-align: left}    
h1.gname {  font-size: 12pt;  text-align: left} 
h2.gname {  font-size: 10pt;  text-align: left}    
.gcopy {  font-size: 9pt;  color: #632616}
.gprod { font-size: 8pt; color: #632616; text-align: center}
A:link.gprod { color: #632616; text-decoration: none  } /*  brown */
A:visited.gprod { color: #632616; text-decoration: none  }
A:link:hover.gprod  { color: #632616; text-decoration: none  } 

A:link.selected { font-size: 10pt; font-weight: bold; color: #632616; text-decoration: none  } /*  brown */
A:visited.selected { font-size: 10pt; font-weight: bold; color: #632616; text-decoration: none  }
A:link:hover.selected  { font-size: 10pt; font-weight: bold; color: #632616; text-decoration: none  } 

A:link.unselected { font-size: 8pt; font-weight: bold; text-decoration: underline  } /*  brown */
A:visited.unselected { font-size: 8pt; font-weight: bold;  text-decoration: underline  }
A:link:hover.unselected  { font-size: 8pt; font-weight: bold; text-decoration: underline  } 

.gprice {  font-size: 9pt; font-weight: bold;  color: #632616; text-align: center}
.gsaledetail {  font-size: 7pt;  color: #E32E26; font-style: italic }
.gsale {  font-size: 9pt; font-weight: bold;  color: #E32E26; text-align: center}
.gbasesale {  font-size: 7pt; font-weight: bold; color: #E32E26; font-style: italic; text-align: center}
.gpcode {  font-size: 7pt;  color: #632616 }
.gpsize { font-size: 7pt; color: #632616 }
.gpdetail {  font-size: 9pt;  color: #E32E26; font-style: italic } /*   out of stock */


/* product page*/
pname, h1.pname, .pcopy, .pprice, .pbasesale, .psale, .pcode, .pdetail, .psign, .pflag  { font-family: Verdana, Arial, sans-serif } 
pname { font-size: 12pt; margin: 0em 0em 0em; text-align: left}    
h1.pname { font-size: 11pt; margin: 0em 0em 0em; text-align: left}    
.pcopy { font-size: 9pt; line-height: normal; color: #632616; text-align: justify}
.pprice { font-size: 11pt; font-weight: bold; color: #632616; text-align: left}
.pbasesale { font-size: 7pt; font-weight: bold; color: #FF9966; text-align: center}
.psale { font-size: 12pt; font-weight: bold; color: #E32E26; text-align: center}
.pdetail { font-size: 9pt; font-style: normal; color: #632616; text-align: left}
.pcode { font-size: 9pt; color: #632616; text-align: left}
.psign { font-size: 8pt; font-style: italic; color: #339900}
.pflag { font-size: 10pt; font-weight: bold; color: #339900; font-style: italic }


/* Brown Title Across The Site  */
h1 {  font-size: 16pt; font-family: Verdana, Arial, sans-serif; color: #632616; margin: 0em 0em 0em 0em; line-height: normal }
h2 {  font-size: 14pt; font-family: Verdana, Arial, sans-serif; color: #632616; margin: 0em 0em 0em 0em; line-height: normal }
h3 {  font-size: 12pt; font-family: Verdana, Arial, sans-serif; color: #632616; margin: 0em 0em 0em 0em; line-height: normal }
h4 {  font-size: 10pt; font-family: Verdana, Arial, sans-serif; color: #632616; margin: 0em 0em 0em 0em; line-height: normal }
h5 {  font-size: 9pt; font-family: Verdana, Arial, sans-serif; color: #632616; margin: 0em 0em 0em 0em; line-height: normal }
h6 {  font-size: 8pt; font-family: Verdana, Arial, sans-serif; color: #632616; margin: 0em 0em 0em 0em; line-height: normal }

/* Blue Title Across The Site  */
h1.blue {  font-size: 16pt; font-family: Verdana, Arial, sans-serif; color: #1B7B7B; margin: 0em 0em 0em 0em; line-height: normal }
h2.blue {  font-size: 14pt; font-family: Verdana, Arial, sans-serif; color: #1B7B7B; margin: 0em 0em 0em 0em; line-height: normal }
h3.blue {  font-size: 12pt; font-family: Verdana, Arial, sans-serif; color: #1B7B7B; margin: 0em 0em 0em 0em; line-height: normal }
h4.blue {  font-size: 10pt; font-family: Verdana, Arial, sans-serif; color: #1B7B7B; margin: 0em 0em 0em 0em; line-height: normal }
h5.blue {  font-size: 9pt; font-family: Verdana, Arial, sans-serif; color: #1B7B7B; margin: 0em 0em 0em 0em; line-height: normal }
.blue a:link { color: #1B7B7B; text-decoration: none}
.blue a:visited { color: #E32E26; text-decoration: none}


div#links a:hover {
	background: #FFFFFF;
} 


.colororange{color:#E32E26}
/* Tiny pic size */
.pic_tiny{
 border-style:none;
 width:80px;
 height:80px;
}
/* Small pic size */
.pic_small{
 border-style:none;
 width:125px;
 height:125px;
}
/* Small pic size */
.pic_prod{
 border-style:none;
 width:250px;
 height:250px;
}
/* Small pic size */
.pic_big{
 border-style:none;
 width:750px;
 height:750px;
}

/* Rollover text  off*/
div#links a span {display: none;}

/* Rollover text  on*/
div#links a:hover span {display: block;
    border-bottom: 2px solid  #632616;
    border-left: 2px solid  #632616;
    border-right: 2px solid  #632616;
    border-top: 2px solid  #632616;
   padding: 4px; margin: 5px; z-index: 100;
   font: 10px Verdana, sans-serif; text-align: center; color: #632616;
   position: absolute; top: 25px; left: 75; width: 550px; 
   background:#FFFFCC;
   text-align: left;
   }
   
div#expand menu a:hover {
	background: #FFFFFF;
} 

.closedmenu {
	overflow:hidden;
	height:15;
	width:140;
	background-color: #91E5D5;
	padding-left:4;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 7pt; color: #632616; 
	   text-align: left;
	line-height: normal; font-style: normal
} 


.openmenu {display: block;
    border-bottom: 2px solid  #632616;
    border-left: 2px solid  #632616;
    border-right: 2px solid  #632616;
    border-top: 2px solid  #632616;
   padding: 4px; margin: 5px; z-index: 100;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10pt; 
	color: #632616; 
	line-height: normal; 
	font-style: normal;
	height:230;
	width:200;
   background:#FFFFCC;
   text-align: left;
   z-index: 100;
   position: absolute; top: 100px; left: 185px; width: 150px; height: 220px;

   }
   .expandpuppet {display: block;
    /*border-bottom: 1px solid  #632616;
    border-left: 1px solid  #632616;
    border-right: 1px solid  #632616;
    border-top: 1px solid  #632616; */
   padding: 3px; margin: 3px; z-index: 100;
	font-family: Verdana, Arial, sans-serif; 
	 font-size: 9pt;  color: #632616;
	line-height: normal; 
	font-style: normal;
	/*width:130px;
	height:130px; */
   text-align: left;
   vertical-align:top;
   float:left;   
   }
   
   .opentext {display: block;
    border-bottom: 1px solid  #632616;
    border-left: 1px solid  #632616;
    border-right: 1px solid  #632616;
    border-top: 1px solid  #632616;
   padding: 3px; margin: 3px; z-index: 100;
	font-family: Verdana, Arial, sans-serif; 
	 font-size: 9pt;  color: #632616;
	line-height: normal; 
	font-style: normal;
	width:600;
   text-align: left;
   z-index: 100;
   }
   
   .closedtext {
	overflow:hidden;
	height:24;
	width:600;
    border-bottom: 1px solid  #632616;
    border-left: 1px solid  #632616;
    border-right: 1px solid  #632616;
    border-top: 1px solid  #632616;
   padding: 3px; margin: 3px; z-index: 100;
	font-family: Verdana, Arial, sans-serif; 
	 font-size: 9pt;  color: #632616;
	   text-align: left;
	line-height: normal; font-style: normal
} 

.hidden {visibility:hidden}
.visible {visibility:visible; display:inherit;}
.changed {text-align:left}
.hide{display:none;}
.show{display:block;}
   .box {display: block;
    border-bottom: 1px solid  #632616;
    border-left: 1px solid  #632616;
    border-right: 1px solid  #632616;
    border-top: 1px solid  #632616;
   padding: 3px; margin: 3px; z-index: 100;
	font-family: Verdana, Arial, sans-serif; 
	 font-size: 9pt;  color: #632616;
	line-height: normal; 
	font-style: normal;
	/* width:334;  */
   text-align: left;
   z-index: 100;
   }
   
   .rightblock {display: block;
    border-bottom: 2px solid  #632616;
    border-left: 2px solid  #632616;
    border-right: 2px solid  #632616;
    border-top: 2px solid  #632616;
   padding: 4px; margin: 5px; z-index: 100;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10pt; 
	color: #632616; 
	line-height: normal; 
	font-style: normal;
   background:#FFFFFF;
   text-align: center;
   z-index: 100;
   }
   
      .righttable {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10pt; 
	color: #632616; 
	line-height: normal; 
	font-style: normal;
   background:#FFFFFF;
   text-align: center;
   z-index: 100;
   }
   
   .qpbox_tiny{
    width:95px; 
    height:195px; 
    float:left;
    text-align:center; 
    overflow:hidden; 
    border:1px solid;
    padding:0px;
}
.qpbox_small{
    width:130px; 
    height:195px; 
    float:left;
    text-align:center; 
    overflow:hidden; 
    border:1px solid;
    padding:0px;
}  
   
   .center { 
   text-align:center; 
   margin-left:auto; 
   margin-right:auto;
   display:block; 
   border:0;}
   
   /* to search out input boxes on puppet pages */
   .input-qnty{
   	font-family: Verdana, Arial, sans-serif; 
	font-size: 10pt; 
	color: #632616; 
	line-height: normal; 
	font-style: normal;
   background:#FFFFFF;
   }