* {              

  font-family:'Century Gothic',sans-serif,arial,verdana;  


}

/**
 * Set the Page Layout settings 
 *
 * - Set as ID as there should ONLY be one page per web page (usually) 
 * - Page Borders, 
 * - width ect..
 */
 
 
 #Page {
   width:752px;
   max-width: 760px;
 }
table#layoutControl{
max-width: 752px;
}
 
.idaPageTitle {
 	font-family:Candara,'Trebuchet MS',arial,verdana; 
 	font-size:32px;
 	font-weight:bold;
 	color:#800000;  
 	text-align:center;
	

} 
.idaPageTitleLg {
 	font-family:Candara,'Trebuchet MS',arial,verdana; 
 	font-size:44px;
 	font-weight:bold;
 	color:#800000;  
 	text-align:center;
	

} 

/**
 * Common for all objects in the navigation layer
 * inc links and borders
 */
 
 
#ProductIndex {
	 color:#800000;
	 font-size:12px; 
     font-family:'Century Gothic',sans-serif,arial,verdana;  
    
     list-style: none;
	 display: inline;
	 
	 margin-bottom:1px; 
	  margin-top:1px; 
	 padding-bottom:0px;
	 text-indent:-45px;
 
 }
  
#ProductIndex ul li {
 
     padding-left:5px; 
     padding-right:5px;    
     list-style: none;
	 display: inline;
	 margin-top:1px; 
	 margin-bottom:1px; 
	 	 padding-bottom:0px;
		 padding-top:0px;
 
 } 
 
 #ProductIndex ul a{
  padding:0px;
 
 } 

#header-text {
	background-image: url('../img/misc/header-bg1.jpg');
	background-repeat: no-repeat;
	font-family:'Calibri',sans-serif,arial,verdana;
	font-size:20px;
	color: #fff;
	padding-top: 5px;
	height: 60px;
	width: 750px;
}



/**
 * The Base Font for all pages
 *
 */
p {
 	font-family:'Century Gothic',sans-serif,arial,verdana;  
 	font-size:15px;
}  

#sm {
font-size:12px;
}


.sm {
font-size:12px;
}

#Banner {    
	
	background-image: url('../img/banner/bannerIndex.jpg');
	background-repeat: no-repeat;
    	height:80px;
 
    	text-align:center;  
    	margin:0px;

 
} 
  
#BannerM {    
	
	background-image: url('../img/banner/bannerMembership.jpg');
	background-repeat: no-repeat;
    	height:80px;
 
    	text-align:center;  
    	margin:0px;

 
}   
#BannerC {    
	
	background-image: url('../img/banner/bannerContact.jpg');
	background-repeat: no-repeat;
    	height:80px;
 
    	text-align:center;  
    	margin:0px;

 
}  
#BannerA {    
	
	background-image: url('../img/banner/bannerAbout.jpg');
	background-repeat: no-repeat;
    	height:80px;
 
    	text-align:center;  
    	margin:0px;

} 
#BannerS {    
	
	background-image: url('../img/banner/bannerStats.jpg');
	background-repeat: no-repeat;
    	height:80px;
 
    	text-align:center;  
    	margin:0px;

} 
#BannerW {    
	
	background-image: url('../img/banner/bannerWhatIsIt.jpg');
	background-repeat: no-repeat;
    	height:80px;
 
    	text-align:center;  
    	margin:0px;

} 
#BannerWr {    
	
	background-image: url('../img/banner/bannerWork.jpg');
	background-repeat: no-repeat;
    	height:80px;
 
    	text-align:center;  
    	margin:0px;
} 

/**
 * The Banner container assist in the XPlatform/XBrowser compatibility
 * to help manage the top and bottom boder distance from menu and image
 *
 */
#BannerContainer {
    
     color:#808080; /* just in case moz/geko does not understand border-color:*/
     padding:6px;
    clear:both; /* This is important, used to make compatible between ie6-8 */
     margin-top:0px; /* bug fix for both ie and irefox - this minimizes space between banner and nav links */ 
     margin-bottom:5px;
     border-color:#800000; 
     border-bottom:3px solid #800000;   
     border-top:3px solid #800000;   
    

} 




#nospacing ul {
padding-bottom:10px;
margin-top: 0px;
margin-bottom: 0px;
}
#nospacing ul li{
padding-bottom:0px;
padding-top:4px;

margin-top: 0px;
margin-bottom: 0px;
padding-left: 0px;
font-size:15px;
}
/* copies of above */
#nospacing ol{padding-bottom:10px;margin-top: 0px;margin-bottom: 0px;  }
#nospacing ol li{padding:0px;padding-top:4px;text-indent: 0px;margin-top: 0px;margin-bottom: 0px;
padding: 0px; }
#nospacing ol a{color: black;}
 
.PageTitleTable {
    width:750px; 
   /*
   	border-bottom:1px solid;  
 	border-bottom-color:black;
	border-bottom-style:thin;
	border-bottom:thin solid black 1px;  /*i.e, also must come after the moz code <strange>*/


}
  
.tdborderR {
 
 border-right:1px solid black;  


}    
.tdborderA {
 
 
 border:2px solid #800000; 
 
}   



table.topcenter {
vertical-align: top;
text-align: center;

}

table.topcenter td{
vertical-align: top;
text-align: center;

}
 table.topcenter td p{
text-align: center;
}
 
 #pno {
text-align: center;
}


#Article {

 	font-family:'Century Gothic',sans-serif,arial,verdana;  
 	font-size:14px; 
  width:750px;
 	

}
#Article p {
 	font-family:'Century Gothic',sans-serif,arial,verdana;  
 	font-size:15px; 

} 
#Article a {

 color: #800000;

}

#Article ul {
  font-size:15px; 

}
#Article li {

font-family:'Century Gothic',sans-serif,arial,verdana;
 	padding:8px;

}
#Article ul.bold {


 	font-weight:bold;
} 

#Footer {
  /*width:750px;*/
  height:10px; 
  padding:15px;
  margin:12px;
  
      
  border-bottom:3px;  
  border-bottom-color:#800000;
  border-bottom-style:solid;
  
  /*border-bottom:double morone double 3px solid; /* ok in ie but not moz */ 

}
#Footer2 {
  /*width:750px;*/
  background-image:url('../img/misc/amao.jpg'); 
  background-position:bottom right;
  background-repeat:no-repeat;
  height:60px; 
  padding:15px;
  margin:12px;
  
      
  border-bottom:3px;  
  border-bottom-color:#800000;
  border-bottom-style:solid;
  
  /*border-bottom:double morone double 3px solid; /* ok in ie but not moz */ 

}
#NewHR {
  height:2px; 
  margin:0px;
  
      
  border-bottom:2px;  
  border-bottom-color:#800000;
  border-bottom-style:solid;
  
  /*border-bottom:double black double 3px solid; /* ok in ie but not moz */ 

}  
 /**
  * Colors: Short Cut for accessing 
  * standard id Australia Colors
  */

.Yellow {
  	color:yellow;
  	font-weight:bold;
} 
.Gray {
  	color:gray;
  	font-weight:bold;
}
.Red {
  	color:red;
  	font-weight:bold;
}   
.Gold {
 	color:#808000; 
 	font-weight:bold;
}      
.Silver {
  	color:#c0c0c0;
  	font-weight:bold;
}
.ColorMAROON {

	color:#800000;
} 

.marone {

	color:#800000;
	font-weight:bold;
} 

img  {
 border:none;
 border:0px;    
 text-decoration:none;
} 

table a {
   	color:#808080;

}
h1 {
 	font-family:'Century Gothic',sans-serif,arial,verdana;  
 	color:#800000;
 	font-size:32px;
 	font-weight:normal;
}
h2 {
 	font-family:'Century Gothic',sans-serif,arial,verdana;  
 	color:#800000;
 	font-size:18px;
}
h3 {
 	font-family:'Century Gothic',sans-serif,arial,verdana;  
 	color:#800000;
 	font-size:16px;
	font-weight:bold;
}


h4 {
 	font-family:'Century Gothic',sans-serif,arial,verdana;  
 	color: #800000;
 	font-size:14px;
	font-weight:bold;
}


.IdAustraliaCrossBackground {
 	background-image:url('../img/misc/idaustraliabg1.jpg'); 
 	background-position:bottom;
 	background-repeat:no-repeat;
 } 
.IdAustraliaCrossBackground2 {
 	background-image:url('../img/misc/idaustraliabg12.jpg'); 
 	background-position:bottom;
 	background-repeat:no-repeat;
 } 
  

.NewH1 {
 	font-family:Candara, 'Century Gothic',sans-serif,arial,verdana;  
 	color:#800000;
 	font-size:32px;
 	font-weight:bold;
	
}

.NoMem {
 	font-family:Candara, sans-serif,arial,verdana;  
 	color:#800000;
 	font-size:22px;
 	font-weight:bold;
	text-align:center;
	margin-top:0px;
	padding-top:0px;
}

.NewH2 {
 	font-family:Candara, sans-serif,arial,verdana;  
 	color:#800000;
 	font-size:22px;
 	font-weight:bold;
	text-align:center;
	margin-top:0px;
	padding-top:0px;
}

.NewH2 a{
 	font-family:Candara, sans-serif,arial,verdana;  
 	color:#800000;
 	font-size:22px;
 	font-weight:bold;
	text-align:center;
	margin-top:0px;
	padding-top:0px;
}

.blackH2 {
 	font-family:Candara, sans-serif,arial,verdana;  
 	color:#000000;
 	font-size:22px;
 	font-weight:bold;
	text-align:center;
	margin-top:0px;
	padding-top:0px;
}

.blackH2s {
 	font-family:Candara, sans-serif,arial,verdana;  
 	color:#000000;
 	font-size:18px;
 	font-weight:bold;
	text-align:center;
	margin-top:0px;
	padding-top:0px;
}

.blackH3 {
 	font-family:Candara,'century gothic', sans-serif,arial,verdana;  
 	color:#000000;
 	font-size:16px;
 	font-weight:bold;
	text-align:left;
	margin-top:0px;
	padding-top:0px;
	}
.greyh3{
	font-family:Candara,'century gothic', sans-serif,arial,verdana;  
 	color:#404040;
 	font-size:16px;
 	font-weight:bold;
	margin-top:0px;
	padding-top:0px;

}
	
	
/* used on the to make black link title 
currently on: pricelist page                                     */
#blackH3nu a{
 	font-family:Candara, sans-serif,arial,verdana;  
 	color:#000000;
 	font-size:14px;
 	font-weight:bold;
	text-align:left;
	margin-top:0px;
	padding-top:0px;
}

.NewH3 {
 	font-family:Candara,'Century Gothic',sans-serif,arial,verdana;  
 	color:#800000;
 	font-size:16px;
	font-weight:bold;
	padding-top: 6px;
}
.NewH3b {
 	font-family:Candara,'Century Gothic',sans-serif,arial,verdana;  
 	color:#000000;
 	font-size:16px;
	font-weight:bold;
	padding-top: 6px;
}


 
a.product{
font-family:'Century Gothic',sans-serif,arial,verdana;  
 	color:#800000;
 	font-size:15px;
 	font-weight:bold;


}  
a.product img{
text-decoration:none;
border:0px;
border:none;

}  

a.productSm{
font-family:'Century Gothic',sans-serif,arial,verdana;  
 	color:#000001;
 	font-size:14px;
 	font-weight:bold;


}  

table.PriceListTable td {
  
   color:black;
   border-bottom: 1px solid #c0c0c0;  
   border-right: 1px    solid #c0c0c0;  
   text-align:left;
 
} 
table.PriceListTable td.first {
  
   color:black;
 
   border-left: 1px solid #c0c0c0;  
   
} 

table.PriceListTable td.topfirst {
  
   color:black;
    
    border-top: solid 1px #c0c0c0; 
 border-left: 1px solid #c0c0c0;  
  
} 

table.PriceListTable td.top {
  
   color:black;
    
    border-top: solid 1px #c0c0c0; 
 
} 


table.plain, table.plain td{
border:0px;
vertical-align:middle;

}

table tr.sale{ color: #800000;}

table td.item{ text-align: left;}
div .itemDetails{ font-size: 12px; padding-left: 20px;}
div .optionDetails{ font-size: 12px; padding-left: 20px; text-align: left; width:300px;}

.select{text-align: left; width: 200px;}
.opt{color: #800000;  }

.opt:hover{ color:#acacac;/*grey*/}
.optHead{ color: #800000; display:block;}

.choice{color: #4c4c4c; padding-left: 20px;}
.choice:hover{ color: black;}
.chosen{ padding-left: 20px; display: none;}
.hidden{display:none;}



#noRB{
  
   color:black;

    border-bottom-style: none; 
   border-bottom-width: 0px; 
   border-right-style: none; 
   border-right-width: 0px;  

 
} 
 
 /* was this doint anything?
table.PriceListTable tr {
  
   color:black;
    
   border-bottom-style: solid; 
   border-bottom-width: 1px;  
   border-bottom-color:#c0c0c0;  
   border-bottom:thin 1px; 
   background-color:#ffffff;
   border-left:1px;
} 
 */
 
table.PriceListTable tr:hover {
  
   color:black;
    
   border-bottom: 1px   solid #000000;  
  background-color:#ffffef;
}  
 

 
.specialhighlight{

background: url('../img/misc/home page special button background.jpg'); 
width: 405px;
 height:90px;
 color:white;
 font-size:16px;
 padding:10px;
}

.specialhighlight a#spec{ color:white;
text-decoration:none;
					
 
 }

 
 
 /* removed, did not like the balloon idea----
 #Special {
 /* the image used to indicate the online special is placed in this division*/
  /*width:750px;*/
/*
  background-image:url('../img/onlinespecial.jpg'); 
  background-position:top right;
  background-repeat:no-repeat;

} 
#SpecialMR {
 /* the image used to indicate the online special is placed in this division*/
  /*width:750px;*/
/*  background-image:url('../img/onlinespecial.jpg'); 
  background-position: right;
  background-repeat:no-repeat;

}
#SpecialBR {
 /* the image used to indicate the online special is placed in this division*/
  /*width:750px;*/
/*  
  background-image:url('img/onlinespecial.jpg'); 
  background-position: bottom right;
  background-repeat:no-repeat;
  height: 120px;
  width: 180px;

}

---all specials removed */

 
 #VerticleSpacer25 {
  width:100%;
  height:25px;
 }
 #VerticleSpacer15 {
  width:100%;
  height:15px;
 }

 #VerticleSpacer5 {
  width:100%;
  height:5px;
 }
  #VerticleSpacer55 {
  width:100%;
  height:55px;
 }
   
 #WordSearch {
	font-family:'Century Gothic',sans-serif,arial,verdana;  
 	font-size:12px; 
 
}
#WordSearch p{
	font-family:'Century Gothic',sans-serif,arial,verdana;  
 	font-size:12px; 

  text-align:left;
}

  #WordSearch ul li{
text-align:left;
list-style:none;
font-size: 12px;
font-size: 12px;

}
  
 img.hov{
	z-index: 300; 
	display:none; 
	position: absolute;
	}
	
.feedbackError{

	color: red;
	font-size: 12px;
}

	
OPTION.camogreen{background-color:#B8C878; color:black}
OPTION.camopink{background-color:#ff64ff; color:black}
OPTION.orange{background-color:orange; color:black}
OPTION.blue{background-color:blue; color:#fff}
OPTION.plainpink{background-color:pink; color:black}
OPTION.grey{background-color:#949494; color:#fff}
OPTION.purpleflowers{background-color:purple; color:#fff}

.footer, .footer a, .footer a:link, .footer a:visited, #indexfooter a{
color: grey;
font-size: 12px;
}
.footer a:hover{
color: #333;
}

/*-------------------- alignment------------*/
img.right{
	float:right;
	padding-left:20px;
	padding-top:10px;
}

img.left{
	float:left;
	padding-right:20px;
	
}


.center{
	text-align: center;
}
.informationbubble{
	width:226px;
	height:226px;
	padding:5px 60px 10px 40px;
	align:center;
	background-image:url(../img/redbubblebackground.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-align:center;
}