/* -- Main Tab Menu -------------------------------------------- */

.solidblockmenu ul{
margin: 0;
padding: 0;
z-index:500;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
width: 100% auto;
height: 32px;
color: #1E1E1E;
background-color: #FFFFFF;
}

.solidblockmenu li a {
float: left;
color: white;
padding: 9px 8px;
text-decoration: none;
color: #1E1E1E;

border-left: 2px solid #1E1E1E;
border-bottom: none;
}


.solidblockmenu li{
display: inline;
}

.solidblockmenu li a:visited{
color: #1E1E1E;
}

.solidblockmenu li a:hover, .solidblockmenu li a.current{
color: #1E1E1E;
margin: 0px;
width: 100% auto;
height: 32px;
background-color: #F2F2F2;
}



.nav-flyout-footer {
  color:#FFFFFF;
  font-size: 14px;
  background-color:#1E1E1E;
  width: 100%;
  padding: 5px;
}


/* -- Flyout Opacity Background -------------------------------- */

/* 

.tbmenu:hover ~ .opback {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:100%;
  display:block;
  background:#000000;
  opacity: .6;
  filter: alpha(opacity=60);
  z-index: 100;
}

*/

.zbody {
  z-index: 20;
  position: relative;
}

/* ------------------------------------------------------------- */


.tabcontainer{

/* -- IMPORTANT -------------------------------------------- */
height: 5px; /* height of padding between menu and content below */
/* -- IMPORTANT -------------------------------------------- */

width: 99.9% auto; /* width of 2nd level sub menus */
position:relative;
clear: left;
border-top:none;
z-index:500;
}

.tabcontent{
display:none;
z-index:500;
background: #FFFFFF;
padding:4px;
box-shadow: 5px 5px 3px #404040;
-webkit-box-shadow: 5px 5px 3px #404040;
-moz-box-shadow: 5px 5px 3px #404040;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#E0E0E0, offX=4, offY=4, positive=true);	
}

/* -- Main Tab Menu -------------------------------------------- */


.tabtext{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #404040;
}


/* ------------------------------------------------------------- */

/* smart image enlarger starts here */

/* Enlarger - View Lower Right */
.ienlarger {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 0px; /* space between thumbs and wrapping text when there is any text around it */
	padding-left: 0px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	cursor: hand;
	cursor: pointer;
	color: #808080; /* caption text colour */
	text-decoration: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px; /* caption text size */
	font-weight: normal;
	background-color: #FFFFFF;
	border: 2px solid #C0C0C0;
	opacity:0.95; filter:alpha(opacity=95);	
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	box-shadow: 5px 5px 3px #404040;
	-webkit-box-shadow: 5px 5px 3px #404040;
	-moz-box-shadow: 5px 5px 3px #404040;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='E0E0E0', Direction=135, Strength=6);
	/* 
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#E0E0E0, offX=4, offY=4, positive=true);	
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#808080, offX=4, offY=4, positive=true);
	*/
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;
}

.ienlarger a:hover span { 
	display:block;
	cursor: hand;
	cursor: pointer;
	top: -15px; /* means the pop-up's top is 50px away from thumb's top */
	left: -25px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}




/* Enlarger - View Lower Left */
.ienlarger_l {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 0px; /* space between thumbs and wrapping text when there is any text around it */
	padding-left: 0px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger_l a { 
	display:block;
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger_l a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger_l span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger_l a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	cursor: hand;
	cursor: pointer;
	color: #808080; /* caption text colour */
	text-decoration: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px; /* caption text size */
	font-weight: normal;
	background-color: #FFFFFF;
	border: 2px solid #C0C0C0;
	opacity:0.95; filter:alpha(opacity=95);	
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	box-shadow: 5px 5px 3px #404040;
	-webkit-box-shadow: 5px 5px 3px #404040;
	-moz-box-shadow: 5px 5px 3px #404040;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='E0E0E0', Direction=135, Strength=6);
	/* 
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#E0E0E0, offX=4, offY=4, positive=true);	
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#808080, offX=4, offY=4, positive=true);
	*/
}

.ienlarger_l img { /* leave or IE puts a border around links */
border-width: 0;
}

.ienlarger_l a:hover span { 
	display:block;
	cursor: hand;
	cursor: pointer;
	top: -15px; /* means the pop-up's top is 50px away from thumb's top */
	left: -30px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}



.resize_thumb {
	width: 250px; /* enter desired thumb width here */
	height : auto;
}

/* smart image enlarger ends here */