/* Default CSS Stylesheet for a new Web Application project */


.iDirresWeb
{
  background-color:Transparent;  
  border-top-width: 0px; 
  border-bottom-width:0px;
  border-left-width:0px; 
  border-right-width:0px; 
  border-style:none; 
  margin:0px;
  margin-left:0px; 
  margin-right:0px; 
  margin-top:0px;
  margin-bottom:0px;
  height:100%;
  min-height:100%;
}

/*used to set spaced between lines */
.BlockSpacer
{
      /*Font details are also carried here */
    text-align:left;
    font-family : arial, sans-serif; 
    font-size : 26px; 
    font-weight:bold;
    color : #000000; 
    vertical-align:middle;
}
/*used to set SMALL spaced between lines */
.BlockSpacerSml
{
      /*Font details are also carried here */
    text-align:left;
    font-family : arial, sans-serif; 
    font-size : 10px; 
    font-weight:bold;
    color : #000000; 
    vertical-align:middle;
}

/*used to set SUPER SMALL spaced between lines */
.BlockSpacerSuperSml
{
      /*Font details are also carried here */
    text-align:left;
    font-family : arial, sans-serif; 
    font-size : 4px; 
    font-weight:bold;
    color : #000000; 
    vertical-align:middle;
}


/*USED FOR ALL ITEMS*/



.TableRowNoPaddingEtc

{
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
}


.TableProperty
{

	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
	background-position:right;
	padding-bottom:0px;
  height:100%;

}


.TableNav
{

	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 

	BORDER-BOTTOM-STYLE: none;
	background-position:right;
	padding-bottom:0px;
  height:100%;
   background-color:#F8F8F8;
   border-top: 1px solid #738288;
	border-left: 1px solid #738288;
	/*VVV This VVV (value)is used at the Right of the menu box!*/
	border-right: 1px solid #738288;
	/*VVV This VVV (value)is used at the BOTTOM of the menu box!*/
	border-bottom: 1px solid #738288;
  

}



.TablePropertyGrey
{

	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
	background-position:right;
	padding-bottom:0px;
  height:100%;
  background-color:#F8F8F8;

}
.TablePropertyWhite
{

	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
	background-position:right;
	padding-bottom:0px;
  height:1px;
  background-color:#FFFFFF;

}









.TablePropertyLine
{
	height:100%;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;

}

.TdProperty
{
	height:100%;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;	
}


.InvGifClass
{
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
}
	





A:link	
	{
		/*Shows a link on the page is live
	color:#ff3333; */
	text-decoration:	none; 
	}	
		
A:visited	
	{
	/*Shows a link on the page has been visited
	color:#455567;*/
	text-decoration:	none; 
	}	

		
A:hover	
{
	/*color:#ff3333;*/
	text-decoration:	none;
	}
	
A:active	
	{
	/*Shows a link on the page has been visited		
	color:#ff3333;*/
	text-decoration:	none;  
	}	
	
	
a.white:visited{color:#FFFFFF}	
a.white:link{color:#FFFFFF}		

a.blue:visited{color:#330099}	
a.blue:link{color:#330099}
a.blue:hover
{color:#FF0066;
 text-decoration:underline;
}	
	
a.yellow:visited{color:#F7C411}	
a.yellow:link{color:#F7C411}		
	
a.Red:visited{color:#cc0066}	
a.Red:link{color:#cc0066}
a.Red:hover
{color:#FF9966;
 text-decoration:underline;
}		
	
/*F O N T - used for the main page titles (top of the page) 
Cogitar Software / iDirres etc*/
h1.cogpagetitle {
font-family : arial, sans-serif; 
text-align : left; 
font-size : 26px; 
color : #FFFFFF; 
vertical-align : bottom;

margin-bottom: 0; 
margin-top:0;
}

/*F O N T - used for the main page titles REVISED(top of the page) 
Cogitar Software / iDirres etc*/
h1.cogpagetitleSmall {
font-family : arial, sans-serif; 
text-align : left; 
font-size : 12px; 
color : #FFFFFF; 
vertical-align : bottom;
letter-spacing : 0.1cm; 
margin-bottom: 0; 
margin-top:0;
}

/*F O N T - used for the small sitemap text as found on all pages */
h1.sitemap {
font-family : arial, sans-serif; 
text-align :right; 
font-size : 10px; 
color : #FFFFFF; 
}

/*F O N T - used for the main page titles (top of the page)2nd level 
This is the pages i.e ABOUT / BUY etc */
h2.cogpagetitleT {
font-family : arial, sans-serif; 
text-align : left; 
font-size : 18px; 
color : #330099; 
vertical-align : bottom;
/*letter-spacing : 0.1cm; */
margin-bottom: 0; 
margin-top:0;

}

/*F O N T - used for the main page MORE INFO (bottom of the page)2nd level 
This is the pages i.e ABOUT / BUY etc */
h2.cogpagetitle {
font-family : arial, sans-serif; 
text-align : left; 
font-size : 16px; 
color : #FFFFFF; 
vertical-align : bottom;
/*letter-spacing : 0.1cm; */
margin-bottom: 0; 
margin-top:0;

}



/*F O N T - used for the sub headings IN the text of the page (breakups)*/
h2.cogtitle {
font-family : arial, sans-serif; 
text-align : left; 
font-size : 16px; 
color : #330099; 
line-height:20px;
margin-bottom:0px;
vertical-align:top;
margin-top:0px;
}

/*F O N T - used for the sub headings IN the text of the page (breakups)*/
h2.cogtitleCen {
font-family : arial, sans-serif; 
text-align :center;
font-size : 16px; 
color : #330099; 
line-height:20px;
margin-bottom:0px;
vertical-align:top;
margin-top:0px;
}

/*F O N T - used for the sub headings IN REVISED the text of the page (breakups)*/
h2.cogtitleREV {
font-family : arial, sans-serif; 
text-align : left; 
font-size : 12px; 
color : #330099; 
line-height:16px;
margin-bottom:0px;
vertical-align:top;
margin-top:0px;
}

/*F O N T - This is used for the Human readable sitemap descriptions used only on the iDirressitemap.aspx page:  h3 for the search engines*/
h3.SiteMapDescriptions {
font-family : arial, sans-serif; 
text-align : left; 
font-size : 14px; 
color : #315191; 
vertical-align : bottom;
margin-bottom: 0; 
margin-top:0;
}

/*F O N T - This is used for the functions on each page, this is done as a  h3 for the search engines*/
h3.ContentDescriptions {
font-family : arial, sans-serif; 
text-align : left; 
font-size : 12px; 
color : #315191; 
vertical-align : bottom;
margin-bottom: 0; 
margin-top:0;
}



/*F O N T - used for the generic text as found on all pages */
.generictext {
font-family : arial, sans-serif; 
text-align : left; 
font-size : 12px; 
color : #325191; 
}

/*F O N T - BottomMenu Homepage */
.generictextHP {
font-family : arial, sans-serif; 
text-align:center;
font-size : 12px; 
color : #414345; 
font-weight:bold;

}

/*F O N T - used on only the DEFAULT page as its justified */
.generictextJust {
font-family : arial, sans-serif; 
text-align :justify; 
font-size : 12px; 
color : #325191; 
}

/*Used in conjunction with the above but when require bold */
.GenTextBold{
font-family : arial, sans-serif; 
font-weight:bold;
text-align : left; 
font-size : 12px; 
color : #CC0033; 
}

/*F O N T - used for the small generic text as found on all pages */
.generictextSml {
font-family : arial, sans-serif; 
text-align : left; 
font-size : 10px; 
color : #325191; 
}

/*F O N T - This is used for the numerical values on the pages*/
h3.NumericalValues {
font-family : arial, sans-serif; 
text-align : left; 
font-size : 36px; 
color : #315191; 
vertical-align : top;
margin-bottom: 0; 
margin-top:0;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>> F O O T E R     F O N T S >>>>>>>>>>> */

/*used for the Font selection D E F A U L "S M A L L"    F O N T */
H6.menusmalltcD {
font-family : arial, sans-serif; 
font-size : 10px; 
text-align : left; 
color : #FFFFFF;  
padding : 0; 
margin : 0; 

}
/*used for the Font selection L A R G E   F O N T */
H6.menusmalltcL {
font-family : arial, sans-serif; 
font-size : 14px; 
text-align : left; 
color : #FFFFFF; 
padding : 0; 
margin : 0; 

} 
/*used for the Font selection X L A R G E    F O N T */
H6.menusmalltcXL {
font-family : arial, sans-serif; 
font-size : 18px; 
text-align : left; 
color : #FFFFFF; 
padding : 0; 
margin : 0; 

} 

 /*used for the Font selection High Contrast    F O N T */
H6.menusmallHighContrast{
font-family : arial, sans-serif; 
font-size : 14px; 
text-align : left; 
color : #FFCC99; 
padding : 0; 
margin : 0; 

}  
  
/*used for the terms and conditions and company name*/
H1.menusmalltc {
font-family : arial, sans-serif; 
font-size : 10px; 
text-align : right; 
color : #FFFFFF; 
padding : 0; 
margin : 0; 
} 

/*>>>>>>>>>>>>>>>>>>   M E N U    F O N T S 

/*This is the menus (main at the top of each section root ) */
.MenuItems table
{
	font-family: Tahoma, Verdana, Arial;
	/*This font size is the font used in the menu boxes */
	font-size: 10pt;
	color: #ff3333;
	border-top: none;
	/*VVV This VVV (value)is used at the Left of the menu box! VVV*/
	border-left: 1px solid #c6d3f7;
	/*VVV This VVV (value)is used at the Right of the menu box!*/
	border-right: 1px solid #c6d3f7;
	/*VVV This VVV (value)is used at the BOTTOM of the menu box!*/
	border-bottom: 1px solid #c6d3f7;
}


/*CENTRE of the menu ALWAYS Displayed! REMEMBER THE MENU TEXT GOES OVER THIS!*/
.MenuHeaderCaption
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderCentre135x25.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
	height: 25px;
	background-color: #20335b;
}


/*UP POINTING ARROW Used on the right hand side when the menu is to be shorterned or "stored" */
.MenuHeaderExpanded .SubMenuHeaderButton
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderCollapse25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}

/*UP POINTING ARROW Used on the right hand side when the menu is to be shorterned or "stored" */
.MenuHeaderExpandedOver .SubMenuHeaderButton
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderCollapse25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}
/*DOWN POINTING ARROW Used on the right hand side when the menu is to be lenghtened or "displayed" */
.MenuHeaderCollapsed .SubMenuHeaderButton
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderExpand25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}
/*DOWN POINTING ARROW Used on the right hand side when the menu is to be lenghtened or "displayed" */
.MenuHeaderCollapsedOver .SubMenuHeaderButton
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderExpand25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}

/*LEFT HAND SIDE of the menu ALWAYS Displayed! */
.SubMenuHeaderLeft
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderLeft25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}




/*UP POINTING ARROW Used on the right hand side when the menu is to be shorterned or "stored" */
.MenuHeaderExpanded .MenuHeaderButton
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderCollapse25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}
 
 
 /*DOWN POINTING ARROW Used on the right hand side when the menu is to be lenghtened or "displayed" */
.MenuHeaderCollapsed .MenuHeaderButton
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderExpand25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}

/*DOWN POINTING ARROW Used on the right hand side when the menu is to be lenghtened or "displayed" */
.MenuHeaderCollapsedOver .MenuHeaderButton
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderExpand25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}

/*LEFT HAND SIDE of the menu ALWAYS Displayed! */
.MenuHeaderLeft
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderLeft25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}

/*UP POINTING ARROW Used on the right hand side when the menu is to be shorterned or "stored" */

.MenuHeaderExpandedOver .MenuHeaderButton
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderCollapse25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}