﻿
body 
{
   /* background: none url(images/background1.jpg) repeat-y;*/
    background-color: #dcdcdc;
	font-family: Verdana, Calibri, Sans-Serif;
}
a
{
	text-decoration: none;
}
.pnlMainHeading
{
     height:38px;
	padding-top: 5px;
	font-size: x-large;
	/*margin-top: 3px;*/
	
}

.RefNo
{
      width:96px;
      text-align:center;
      font-size:x-small;
      vertical-align: middle;
      height:30px;
      line-height:30px;              
}


.lblMainHeading
{
	 Font-Size:Large; 
	 font-family:Verdana;
	 font-weight:bold;
	 color:Blue;
}
.icedescrip
{
	color: White;
	font-weight: bold;
}


.text
{
	font-size: 9pt;
	font-weight: normal;	
}

h3
{ 
	padding-top:1em;
}

.pnlMain 
{ 
	padding: 1em 1em 1em 1em;
    text-align:center;
    color:#174E87;
	font-weight:600;
}


           
.FooterLabel
{   
    width:95%;
    padding-top:.7em;
    margin-top:2em;
    text-align:left;    
	font-size: small;
	border-top: solid medium gray;
	
}
.menubold:link
{
    font-weight:bold;
    color:#4C5BFF;
}
.menubold:visited
{
    font-weight:bold;
    color:#4C5BFF;
}
.menubold:hover
{  
    color: #174E87;
}

#logo {
             text-align: center;
             max-width:100%;        
            }

#logo a{
                text-decoration: none;
            }
#logo img{ border:0;}            

#logoImages {
                float:left;
                top:0;
                left:0;

    }


/********************************************
    Navigation
********************************************/

div.mainMenuDiv
{	
	position:absolute;
	top:0;
	right:10px;		
}

#mnuMain a.static.selected
{
	border-bottom: 1px solid White;
}
a.mainbannerItem
{	
	color: #AFC8FF; /*#4C5BFF;*/
	border-style:solid;
	border-width: 3px;
	border-color: #4C5BFF;	
        
    /*font: normal normal bold small/2em inherit;*/
    font-size: medium;
    font-weight: bold;
    line-height:2em;
    font-family: Calibri, Sans-Serif;
}


a.mainbannerItem:hover
{
	background: White none repeat scroll 0%;
	color: #4C5BFF;		
	
	border-style:solid;
	border-width: 3px;
	border-color: Black;
	/*#4C5BFF;*/	
}

a.mainbannerItem.selected
{
	background-color: White;
	color: #4C5BFF;	
	border-style:solid;
	border-width: 3px;
	border-color: Black;
	
}


.image
{
    margin-right:1em;
    margin-bottom:1em;

}


.contactusHeading
{
    height:1em;
    width:10em;
    font-weight: bold;    
    float:left;
    margin-right: 0.4em;
    text-align:left;    
}

.contactusText
{
	font-size:x-small;
	text-align: left;
}

/********************************************
    Side menus
********************************************/

.sideMenuMain
{	
	background: #c0c0ff none repeat scroll 0%;
	text-align: left;	
	width:100%;
	border: solid 1px #174E87;	
}


a.sidemenu
{
		
	display:block;
	padding: 0 .4em;
	/*width:94%;	
	[if IE] width:100%;		*/
}

.sidemenu
{		
	font: normal normal bold small/170% verdana;
	color: #000000;		
	text-align:left;		
}
.sidemenu:hover
{  
	background: #D5D8E0  none repeat scroll 0%;  
    color: #174E87;
    text-align: center;    
	/*[if IE] width: 100%;*/
	overflow:hidden;
}

.categoriesSelected
{
    font-size: small;
    font-weight: bold;        
    color: #174E87;
    border:  inset 0 #c0c0ff;
    text-align: center;
    background-color:  #D5D8E0;
    width:100%;
    overflow:hidden;
}


.dynamicSideMenuMain
{		
	border:0;	    
	z-index: 100000;
	display:block;
	text-align: left;	
	border: solid 1px #174E87;
	margin:auto;	
}

.dynamicCategoriesSelected
{
	background-color: #D5D8E0;
}

.dynamicSidemenu
{	
	background: #D5D8E0 none repeat scroll 0%;	
	font: normal normal bold small/170% verdana;
}

.dynamicSidemenu:hover
{
	background: #c0c0ff none repeat scroll 0%;		
	color: #174E87; 
	text-align: center;	
}

a.dynamicSidemenu
{
	
	color: #000000;		
	
	display:block;
	padding: 0 .4em;	
}

.navtext
{
    font-size:x-small;
    font-weight:bold;
    vertical-align:middle;
    padding: 0 1px 0 2px;
}
/************ dtlourrange imagebutton control style ********************************************/
.ourrangeimage
{
	border: solid 1px #C0C0FF;	
}


ul.ourRangeList
{
	width: 90%;
	padding: 0 auto;	
	margin: 0 auto;
	list-style: none;	
}

ul.ourRangeList li {
	float: left;	
	padding: 0;
	margin: .1em;
	display: inline;
	/*background: yellow;
	border: solid 1px red;*/
}

ul.ourRangeList img
{
	width:  6em;
	height: 6em;
}

.ourrange
{	
	color: #174E87;	
	font-weight: bold;
	font-size: x-small;		
    margin: .6em 0 0;
}
div.ourrangeDescription
{
	margin: .7em 0;
}

div.ourrangeCategoryContent
{
	width:82%;
	/*border: solid .1em blue;*/
	text-align:center;
	margin:auto;
}

div.ItemCategory
{
	width:120px;
	/*border: solid 1px green;*/	
	float:left;
}


div.ourrangeMainDiv
{
     float:left;
     text-align: center;
     width: 100%;     
     margin-right:0px;
}
div.ourrangeMenuDiv
{	
	width: 23%;
	/*border: solid 1px red;	*/
	margin-right: .5em;
	margin-right: .5em;
	float:left;	
}
div.ourrangeContentDiv
{	
	float:left;   	
    width:75%;
    padding: 0 auto; 
    [if !IE] width:75%; 
    /*border: solid 1px pink;*/
    
}

div.ourrangeImageDescription
{
	text-align: left; 
	width:87%;
	[if IE] width:100%; 
	margin:.4em auto; 
	/*border: solid .1em green;*/
}

div.ourrangeGallerySmall
{	
	width:50%;	
	float:right; 		
	text-align:center;
}

div.ourrangeGalleryLarge
{
	width:40%;	
	float:right;	
	margin-right: 2em;
}

/* *************************** 4C menu items ************************************ */
.menubold1:link
{
	font-weight: bold;
	font-size: x-small;
	color: #8080FF;
	font-family: Verdana;
}
   
.menubold1:visited
{
	font-weight: bold;
	font-size: x-small;
	color: #8080FF;
	font-family: Verdana;

}
.menubold1:hover
{
    font-size: x-small;
    font-weight:  bold;
    color: #dcdcdc;
	font-family: Verdana;

}


.unavailable
{
	 font-weight: bold;
	 font-size: x-large;
	  text-align:center;
	  padding:6em 0;
	  color: #174E87;
	  border-top:solid .15em darkgray;
}


div.clear {
clear: both;
}

.pnl4c
{
	border-color:#8080FF; 
	border-width:thin;
	border-style:solid;
	background-color:#C0C0FF;
	padding: .3em;
	margin-top: .4em;
	width: 100%;
}

.lbl4c
{
    font-style:italic;
    font-weight:bold;
    font-size: large;
}
.4ctext
{
    padding-right:5px;
}


/****************************** Master table layout  ***************************************/

div.wrapper
{
	top:0; 
	left:0; 	
	width:80%;		
	margin:0 10%;	
	background-color:White;  
	border:outset .1em #CCCCCC;    
	padding: .9em 1em;	
}

.logo
{
	border:0; 
	width:100%; 
	margin-bottom: .2em;
}

span.dateLayout
{
	position:absolute;
	left: 7px;
	bottom: 7px;
	font-weight:bold; 
	font-size:x-small;	
	color: #AFC8FF;	
}
div.sitemapLayout
{
	text-align:left;
	margin: .7em 0;
}
.MainBackGround
{
  width:100%;    
}

.layoutSpacing
{
	padding: .2em 1em;
	border: none;
	max-width:100%;	
}
.contentLayout
{		
	min-height: 450px;
	top: 0;
}

.footerLayout
{
	margin-top: 1em;
	padding-top: .5em;
    border-top:solid .2em darkgray;     
    vertical-align: text-bottom;
    text-align:left;
    font-size: x-small;
    font-weight:bold;
}

.mainbanner
{  
  
  /*
	background: #4C5BFF url(images/utility/borderBottom.gif) bottom right repeat-x;
margin:  .2em .2em 0 0;    */
  
}


div.mainNavMenu
{		
    background-color:#4C5BFF;    
	width: 100%;
	height: 35px;
	position:relative;
	display:block;
}



/****************************** Sitemap Path  ***************************************/

.siteMapCommon
{
	font-size:10pt;
	font-weight: bold;	
}

.siteMapCurrentNode
{
   color:#AFC8FF;
}
.siteMapNode
{
	color:#4C5BFF;
}


/********************************************************
		New nav menu
*********************************************************/

#mainNavMenu
{	
	position:absolute;	
	right:7px;
	top: 9px;	
} 

#mainNavMenu ul
{
	position:relative;
	display:block;
	list-style: none;
	padding: 0;
	margin: 0;
}

#mainNavMenu li
{
	float: left;
	margin: 0 0.10em;
}

#mainNavMenu li a
{	
	background: none none no-repeat;
	display: block;
	border: 0.1em solid #4C5BFF;	
	color: #AFC8FF; /*#4C5BFF;*/	
	outline-style:none;    	
	font: normal normal bold medium/1.5em Calibri, Sans-Serif;
}

#mainNavMenu li a:hover, #mainNavMenu li a.selected
{
	background: White none no-repeat;		
	border: 0.1em solid black;
	border-bottom-color: White;
	color: #4C5BFF;
}

#mainNavMenu li a span{
	margin: 0 .2em;	
}
/* Hide from IE5-Mac \*/
#mainNavMenu li a
{
float: none
}
/* End hide */



