/* CSS Document */

.textcolour {color:#999999;}			/*grey*/
.smallprint{font-size:12px;}

.titlecolour {color:red;}			/*red*/
.titleprint{font-size:x-large;}

.nameprint{font-size:18px; font-weight:bold;}

#MainMenuInCell {background-color: white;}
#MainMenuSelected {background-color: #FF9966;}	/*Orange*/
#ItemsInCell {background-color: white;}
#ItemsSelected {background-color: #FF9966;}	/*Orange*/
#MaterialsInCell {background-color: white;}
#MaterialsSelected {background-color: #999999;}	/*Grey*/
#DesignsInCell {background-color: white;}
#DesignsSelected {background-color: #FF9966;}	/*Orange*/


a:link {
	font-family: Arial;
	color:  #999999;			/*grey*/
	text-decoration: none;
	font-size: 16px;
	line-height: 21px;
}
a:visited {
	color: #999999;			/*grey*/
	font-family: Arial;
	font-size: 16px;
	text-decoration: none;
	line-height: 21px;
}
a:hover { 
	text-decoration: none;
	font-family: Arial;
	font-size: 16px;
	line-height: 21px;
	color: orange;
	/*font-weight: bold;*/
}
a:active { 
	text-decoration: none; 
}

#MainMenuInCell:hover{
	text-decoration: none;
	background-color:#FFCC99;		/*Light Orange*/
	color: white;
	font-weight: bold;
}

#MainMenuSelected:link{
	text-decoration: none;
	background-color:#FF9966;		/*Orange*/
	color: white;
	font-weight: bold;
}

#MainMenuSelected:visited{
	text-decoration: none;
	background-color:#FF9966;		/*Orange*/
	color: white;
	font-weight: bold;
}
#MainMenuSelected:hover{
	text-decoration: none;
	background-color:#FF9966;		/*Orange*/
	color: white;
	font-weight: bold;
}
#MainMenuSelected:active{
	text-decoration: none;
	background-color:#FF9966;		/*Orange*/
	color: white;
	font-weight: bold;
}

#ItemsInCell:hover{
	text-decoration: none;
	background-color:#FFCC99;		/*Light Orange*/
	font-size: 16px;
	line-height: 21px;
	color: white;
	font-weight: bold;
}/* needed to create the underline in display text*/

#ItemsInCell span.NoHover {
	background-color:white;
	font-size: 16px;
	line-height: 21px;
	display:inline;
	color: #FFCC99;				/*Light Orange*/
	/*font-weight: bold;*/
}
#ItemsInCell:hover span.NoHover {
	background-color:white;
	font-size: 16px;
	line-height: 21px;
	display:none;
	color: white;
	/*font-weight: bold;*/
}
#ItemsInCell span.OnHover {
	background-color:white;
	font-size: 16px;
	line-height: 21px;
	display:none;
	color: white;
	/*font-weight: bold;*/
}
#ItemsInCell:hover span.OnHover {
	background-color:#FFCC99;		/*Light Orange*/
	font-size: 16px;
	line-height: 21px;
	display:inline;
	color: white;
	font-weight: bold;
}
a.Items: {
	text-decoration: none;
	background-color:white;
	font-family: Arial;
	color:  #FFCC99;			/*Light Orange*/
	font-size: 16px;
	line-height: 21px;
}
a.Items:link {
	text-decoration: none;
	background-color:white;
	font-family: Arial;
	color:  #FF9966;			/*Orange*/
	font-size: 16px;
	line-height: 21px;
}
a.Items:visited {
	text-decoration: none;
	background-color:white;
	color: #FF9966;				/*Orange*/
	font-family: Arial;
	font-size: 16px;
	line-height: 21px;
}
a.Items:hover {
	background-color:#FFCC99;		/*Light Orange*/
	text-decoration: none;
	font-family: Arial;
	font-size: 16px;
	line-height: 21px;
	color: white;
	font-weight: bold;
}
a.Items:active { 
	text-decoration: none; 
}
#ItemsSelected:link{
	text-decoration: none;
	background-color:#FF9966;		/*Orange*/
	color: white;
	font-weight: bold;
	font-size: 16px;
}
#ItemsSelected:visited{
	text-decoration: none;
	background-color:#FF9966;		/*Orange*/
	color: white;
	font-weight: bold;
	font-size: 16px;
}
#ItemsSelected:hover{
	text-decoration: none;
	background-color:#FF9966;		/*Orange*/
	color: white;
	font-weight: bold;
	font-size: 16px;
}
#ItemsSelected:active{
	text-decoration: none;
	background-color:#FF9966;		/*Orange*/
	color: white;
	font-weight: bold;
	font-size: 16px;

}
#MaterialsInCell:hover{
	text-decoration: none;
	background-color:#CCCCCC;		/*Light Grey*/
	font-size: 16px;
	line-height: 21px;
	color: white;
	font-weight: bold;
}
#MaterialsInCell span.NoHover {
	background-color:white;
	display:inline;
	font-size: 16px;
	line-height: 21px;
	color: #CCCCCC;				/*Light Grey*/
	/*font-weight: bold;*/
}
#MaterialsInCell:hover span.NoHover {
	background-color:white;
	display:none;
	font-size: 16px;
	line-height: 21px;
	color: white;
	/*font-weight: bold;*/
}
#MaterialsInCell span.OnHover {
	background-color:white;
	display:none;
	font-size: 16px;
	line-height: 21px;
	color: white;
	/*font-weight: bold;*/
}
#MaterialsInCell:hover span.OnHover {
	background-color:#CCCCCC;		/*Light Grey*/
	display:inline;
	font-size: 16px;
	line-height: 21px;
	color: white;
	font-weight: bold;
}
a.Materials: {
	text-decoration: none;
	background-color:white;
	font-family: Arial;
	color:  #CCCCCC;			/*Light Grey*/
	font-size: 16px;
	line-height: 21px;
}
a.Materials:link {
	text-decoration: none;
	background-color:white;
	font-family: Arial;
	color:  #999999;			/*Grey*/
	font-size: 16px;
	line-height: 21px;
}
a.Materials:visited {
	text-decoration: none;
	background-color:white;
	color: #999999;				/*Grey*/
	font-family: Arial;
	font-size: 16px;
	line-height: 21px;
}
a.Materials:hover {
	background-color:#CCCCCC;		/*Light Grey*/
	text-decoration: none;
	font-family: Arial;
	font-size: 16px;
	line-height: 21px;
	color: white;
	font-weight: bold;
}
a.Materials:active { 
	text-decoration: none; 
}
#MaterialsSelected:link{
	text-decoration: none;
	background-color:#999999; 		/*Grey*/
	color: white;
	font-weight: bold;
}
#MaterialsSelected:visited{
	text-decoration: none;
	background-color:#999999; 		/*Grey*/
	color: white;
	font-weight: bold;
}
#MaterialsSelected:hover{
	text-decoration: none;
	background-color:#999999; 		/*Grey*/
	color: white;
	font-weight: bold;
}
#MaterialsSelected:active{
	text-decoration: none;
	background-color:#999999; 		/*Grey*/
	color: white;
	font-weight: bold;
}
#DesignsInCell:hover{
	text-decoration: none;
	background-color:#FFCC99;		/*Light Orange*/
	font-size: 16px;
	line-height: 21px;
	color: white;
	font-weight: bold;
}
#DesignsInCell span.NoHover {
	background-color:white;
	display:inline;
	font-size: 16px;
	line-height: 21px;
	color: #FFCC99;				/*Light Orange*/
	/*font-weight: bold;*/
}
#DesignsInCell:hover span.NoHover {
	background-color:white;
	display:none;
	font-size: 16px;
	line-height: 21px;
	color: white;
	/*font-weight: bold;*/
}
#DesignsInCell span.OnHover {
	background-color:white;
	display:none;
	font-size: 16px;
	line-height: 21px;
	color: white;
	/*font-weight: bold;*/
}
#DesignsInCell:hover span.OnHover {
	background-color:#FFCC99;		/*Light Orange*/
	display:inline;
	font-size: 16px;
	line-height: 21px;
	color: white;
	font-weight: bold;
}
a.DesignsReady: {
	text-decoration: none;
	background-color:white;
	font-family: Arial;
	color:  #FFCC99;			/*Light Orange*/	
	font-size: 16px;
	line-height: 21px;
}
a.DesignsReady:link {
	text-decoration: none;
	background-color:white;
	font-family: Arial;
	color:  #FF9966;			/*Orange*/
	font-size: 16px;
	line-height: 21px;
}
a.DesignsReady:visited {
	text-decoration: none;
	background-color:white;
	color: #FF9966;				/*Orange*/
	font-family: Arial;
	font-size: 16px;
	line-height: 21px;
}
a.DesignsReady:hover{
	text-decoration: none;
	background-color:#FFCC99;		/*Light Orange*/
	color: white;			
	font-family: Arial;
	font-size: 16px;
	line-height: 21px;
}
a.DesignsReady:active { 
	text-decoration: none; 
}
a.Designs span.onhover {
	background-color:white;
	text-decoration: none;
	font-family: Arial;
	font-size: 16px;
	line-height:21px;
	color: white;
	font-weight: bold;
	display:none;
}
a.Designs:hover span.onhover {
	background-color:#FF9966;		/*Orange*/
	text-decoration: none;
	font-family: Arial;
	font-size: 16px;
	line-height: 21px;
	color: white;
	font-weight: bold;
	display:inline;
}
a.Designs span.nohover {
	background-color:white;
	text-decoration: none;
	font-family: Arial;
	font-size: 16px;
	line-height: 21px;
	color: #FF9966;				/*Orange*/
	font-weight: bold;
	display:inline;
}
a.Designs:hover span.nohover {
	background-color:#FF9966;
	text-decoration: none;
	font-family: Arial;
	font-size: 16px;
	line-height: 21px;
	color: white;
	font-weight: bold;
	display:none;
}


#DesignsSelected:link{
	text-decoration: none;
	background-color:#FF9966;		/*Orange*/
	color: white;
	font-weight: bold;
}

#DesignsSelected:visited{
	text-decoration: none;
	background-color:#FF9966;		/*Orange*/
	color: white;
	font-weight: bold;
}
#DesignsSelected:hover{
	text-decoration: none;
	background-color:#FF9966;		/*Orange*/
	color: white;
	font-weight: bold;
}
#DesignsSelected:active{
	text-decoration: none;
	background-color:#FF9966;		/*Orange*/
	color: white;
	font-weight: bold;
}
a.smallprint {
	font-family: Arial;
	color: #999999;			/*grey*/
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
}

a.smallprint:link {
	font-family: Arial;
	color: #999999;			/*grey*/
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
}

a.smallprint:visited {
	color: #999999;			/*grey*/
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	line-height: 20px;
}

a.smallprint:hover {
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	color: #FF9966;
	line-height: 20px;
}

a.smallprint:active {
	text-decoration: none;
}
a.PhotoNumbers {
	font-family: Arial;
	color: #999999;			/*grey*/
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
}
a.PhotoNumbers:link {
	font-family: Arial;
	color: #999999;			/*grey*/
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
}
a.PhotoNumbers:visited {
	color: #999999;			/*grey*/
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	line-height: 20px;
}
a.PhotoNumbers:hover {
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	color: #FF9966;
	line-height: 20px;
}
a.PhotoNumbers:active {
	text-decoration: none;
}
a.PhotoSelected {
	font-family: Arial;
	color: #FF9966;			
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
}
a.PhotoSelected:link {
	font-family: Arial;
	color: #FF9966;			
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
}
a.PhotoSelected:visited {
	color: #FF9966;			
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	line-height: 20px;
}
a.PhotoSelected:hover {
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	color: #FF9966;
	line-height: 20px;
}
a.PhotoSelected:active {
	text-decoration: none;
}

a.textchange span.nohover {
display:inline;
}
a.textchange:hover span.nohover {
display:none;
}
a.textchange span.onhover {
display:none;
}
a.textchange:hover span.onhover {
display:inline;
}