body {
	margin: 0;
	padding: 0;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	/*height: 100%;
	width: 870px;*/
	
	
background-image: url(site_graphics/Backtitle.gif);
background-position:top center;
background-repeat: repeat;

}


h1, h2, h3, h4, h5, h6 {
	font: 14px 'Trebuchet MS', Helvetica, sans-serif;
	color: #222;
text-shadow: 0px 2px 3px #555;
}



body a {

	font-family:'Trebuchet MS', Helvetica, sans-serif;
	color: #666666;
	font-size:12px;
	
}


#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 900px;
	height: 100%;
	/*border-left-style:solid;
	border-left-width:thin;
	border-right-style:solid;
	border-right-width:thin;*/	
}

#header {
	margin: 15px 0 0px 0;
	/*background: url("site_graphics/flag_header.jpg");*/
	height: 70px;
}


#topmenu_items {

  display: inline-block;
  vertical-align:middle;
  padding:10px 0px 10px 0px;
  width: 145px;
  text-align:center;
  color: #ff8100;

  	border-right-style:solid;
	border-right-width:1px;	
	
/*	
	background: url("site_graphics/top_nav.gif");
	background-repeat:repeat-x;
	menu2 ul li a,
*/


} 




#topmenu_items a {
	color: #FFFFFF;
	text-decoration:none;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
}





#topmenu_items1 {

  display: inline-block;
  vertical-align:middle;
  padding:10px 0px 10px 0px;
  width: 180px;
  text-align:center;
  color: #FFFFFF;

}

#topmenu_items1 a {
	color: #FFFFFF;
	text-decoration:none;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
}


#topmenu {
	margin: 5px 0 0px 0;
/*	
	border-right-style:solid;
	border-right-width:1px;	

	border-bottom-style:solid;
	border-bottom-width:1px;
	
	border-top-style:solid;
	border-top-width:1px;
	
	border-left-style:solid;
	border-left-width:2px;
	
	border-color: #FF8100;

	background-color:#FF961A;


-moz-border-radius: 5px;
*/	
border-top-left-radius:8px;
border-top-right-radius:8px;

/*
	background: url("site_graphics/top_nav.gif");
	background-repeat:repeat-x;
*/	

	background-color: #000033;
	color: #FFFFFF;

	

/*	
//GRADIENT TOP MENU BAR //	
*/	


background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.04, rgb(232,96,5)),
    color-stop(0.7, rgb(252,139,10))
);

background-image: -moz-linear-gradient(
    center top,
    rgb(232,96,5) 4%,
    rgb(252,139,10) 70%
);





/*	
//SHADOW ON TOP MENU BAR //
	-moz-box-shadow: 5px 5px 5px #999;
 	-webkit-box-shadow: 5px 5px 5px #999;
 	box-shadow: 5px 5px 5px #999;
	
*/

}

#sideleft {
	float: left;
	width: 20%;
	height: 100%;
	/*background: url("site_graphics/bg1.gif") repeat;
	border-left-style:solid;
	border-left-width:thin;
	border-right-style:solid;
	border-right-width:thin;	
	border-top-style:solid;
	border-top-width:thin;
	border-bottom-style:solid;
	border-bottom-width:thin;	*/

}

#sideleft p {
padding:11px;
padding-top: 0px;
}

#sideright {
/*
	float: right;
	width: 20%;
	height: 100%;
	
	padding: 2px;
	background: url("site_graphics/bg1.gif") repeat;
	border-left-style:solid;
	border-left-width:thin;
	border-right-style:solid;
	border-right-width:thin;	
	border-top-style:solid;
	border-top-width:thin;
	border-bottom-style:solid;
	border-bottom-width:thin;*/
}

#sideright p {
padding:10px;
}

#content { 
	float: left;
	width: 55%;
	/*margin: 0px 20px 5px 20px;*/
	/*background: url("site_graphics/bg1.gif") repeat;
	
	*/
	height: 100%;
	margin: 0px 5px 5px 5px;
	
	/*border-left-style:solid;
	border-left-width:thin;
	border-right-style:solid;
	border-right-width:thin;*/		
	

}



#border_div {

/*	
//SHADOW ON LEFTSIDE MENU BAR //
	
	-moz-box-shadow: 5px 5px 5px #999;
 	-webkit-box-shadow: 5px 5px 5px #999;
 	box-shadow: 5px 5px 5px #999;
	
		border-top-style:solid;
	border-top-width:1px;
	
*/	

	border-right-style:solid;
	border-right-width:1px;	

	border-bottom-style:solid;
	border-bottom-width:1px;

	border-left-style:solid;
	border-left-width:2px;
	
	border-color:#DFDFDF;
	
	color: #999999;
	background-color:#FFFFFF;
	
}


#border_div_right {
	float: right;
	width: 20%;
	height: 100%;
/*	
//SHADOW ON LEFTSIDE MENU BAR //
	
	-moz-box-shadow: 5px 5px 5px #999;
 	-webkit-box-shadow: 5px 5px 5px #999;
 	box-shadow: 5px 5px 5px #999;
	
		border-top-style:solid;
	border-top-width:1px;
	
*/	

	border-right-style:solid;
	border-right-width:2px;	

	border-bottom-style:solid;
	border-bottom-width:1px;

	border-left-style:solid;
	border-left-width:1px;
	
	border-color:#DFDFDF;
	
	
	color: #999999;
	
	background-color:#FFFFFF;
	
}


#inner_login_container {

/*	
//SHADOW ON LEFTSIDE MENU BAR //
	
	-moz-box-shadow: 5px 5px 5px #999;
 	-webkit-box-shadow: 5px 5px 5px #999;
 	box-shadow: 5px 5px 5px #999;
	

	border-right-style:solid;
	border-right-width:1px;	

	border-bottom-style:solid;
	border-bottom-width:1px;
*/	
	border-top-style:solid;
	border-top-width:1px;
	border-color:#DFDFDF;
	
/*	
	border-left-style:solid;
	border-left-width:2px;
	
	background-color:#FFFFFF;
*/	
}

#login_container {
/*	
margin: 10px 5px 5px 5px;

	border-left-style:solid;
	border-left-width:thin;
	border-right-style:solid;
	border-right-width:thin;	
	border-top-style:solid;
	border-top-width:thin;
	border-bottom-style:solid;
	border-bottom-width:thin;
	color:#FF0000;

	
	*/
}

#login_container_left {

border-top-style:solid;
	border-top-width:1px;
	border-color:#DFDFDF;
	margin-bottom:100%;


}


#inner_login_container_search {

/*	
//SHADOW ON LEFTSIDE MENU BAR //
	
	-moz-box-shadow: 5px 5px 5px #999;
 	-webkit-box-shadow: 5px 5px 5px #999;
 	box-shadow: 5px 5px 5px #999;
*/	

	border-right-style:solid;
	border-right-width:1px;	

	border-bottom-style:solid;
	border-bottom-width:1px;
	
	border-top-style:solid;
	border-top-width:1px;
	
	border-left-style:solid;
	border-left-width:2px;
	
	border-color:#DFDFDF;
	color: #FFFFFF;
	
	background-color:#FF961A;
padding: 0px 0px 2px 5px;	
	
}


#login_container_search {
	
margin: 10px 5px 5px 5px;
/*
	border-left-style:solid;
	border-left-width:thin;
	border-right-style:solid;
	border-right-width:thin;	
	border-top-style:solid;
	border-top-width:thin;
	border-bottom-style:solid;
	border-bottom-width:thin;
	color:#FF0000;

	
	*/
}


#login_container_right {
/*
margin: 10px 5px 5px 5px;


	border-right-style:solid;
	border-right-width:2px;	

	border-bottom-style:solid;
	border-bottom-width:1px;
	
	border-top-style:solid;
	border-top-width:1px;
	
	border-left-style:solid;
	border-left-width:1px;
	
	border-color:#DFDFDF;
*/	
	
	border-top-style:solid;
	border-top-width:1px;
	border-color:#DFDFDF;
	
	color: #999999;
	
	background-color:#FFFFFF;
	min-height: 100%;
	

/*	
//SHADOW ON RIGHTSIDE MENU BAR //
	-moz-box-shadow: 5px 5px 5px #999;
 	-webkit-box-shadow: 5px 5px 5px #999;
 	box-shadow: 5px 5px 5px #999;
	
*/


/*
	border-right-style:solid;
	border-right-width:thin;	

	border-bottom-style:solid;
	border-bottom-width:thin;
	color: #999999;*/
}


#login_container_right2 {

	
	border-top-style:solid;
	border-top-width:1px;
	border-color:#DFDFDF;
	margin-bottom:100%;

}



#inner_login_container_right {
	

}



#login_container_middle {


}


#login_container_middle p {
padding:11px;
padding-top: 0px;
}

#inner_login_container_middle {


	border-top-style:solid;
	border-top-width:1px;

	
	border-color:#DFDFDF;
	
	background-color:#FFFFFF;

}


#tableholder {
background:#FFFFFF;
font-size:12px;


}



#NameId3 {
width: 527px;
/*
	-moz-box-shadow: 5px 5px 5px #999;
 	-webkit-box-shadow: 5px 5px 5px #999;
 	box-shadow: 5px 5px 5px #999;
	
	background-color:#FFFFFF;

	border-right-style:solid;
	border-right-width:thin;	

	border-bottom-style:solid;
	border-bottom-width:thin;
	color: #999999;
	*/
}


#Xajax_Customer {
width: 480px;

	/*-moz-box-shadow: 5px 5px 5px #999;
 	-webkit-box-shadow: 5px 5px 5px #999;
 	box-shadow: 5px 5px 5px #999;*/
	
	background-color:#FFFFFF;


}

#CustomerBox {
width: 500px;

	/*-moz-box-shadow: 5px 5px 5px #999;
 	-webkit-box-shadow: 5px 5px 5px #999;
 	box-shadow: 5px 5px 5px #999;*/
	
	background-color:#FFFFFF;


}


#tableholder hr {
color: #fff; 
background-color: #fff; 
border: 2px dotted #666666; 
border-style: none none dotted;
margin: 5px 10px 5px 2px;

}

#tableholder2 hr {
color: #fff; 
background-color: #fff; 
border: 0px;
/* border: 2px dotted #666666; 
border-style: none none dotted;
margin: 5px 20px 5px 2px;  *//* controls line spacing height for main category links*/

}

#username {
font-size:12px;
padding: 5px;

}

#footer {
	clear: both;

}

#foot_line {
	
	height: 18px;
	/*background: url("site_graphics/button_middle.jpg");*/
	width: 900px;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	text-align:center;
	

	
background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.04, rgb(232,96,5)),
    color-stop(0.7, rgb(252,139,10))
);
background-image: -moz-linear-gradient(
    center top,
    rgb(232,96,5) 4%,
    rgb(252,139,10) 70%
);
	
	
	-moz-box-shadow: 5px 5px 5px #999;
 	-webkit-box-shadow: 5px 5px 5px #999;
 	box-shadow: 5px 5px 5px #999;
	

}


#foot_content {
	
	height: 18px;
	width: 870px;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	text-align:center;
	font-size:12px;
	

}





#textbox1 {
border-color:#000000;
	border-left-style:solid;
	border-left-width:thin;
	border-right-style:solid;
	border-right-width:thin;	
	border-top-style:solid;
	border-top-width:thin;
	border-bottom-style:solid;
	border-bottom-width:thin;
	background:#FFFFFF;
	/*margin: 5px 5px 5px 5px;*/
	font-size:12px;
}


#textbox2 {
border-color:#000000;
	border-left-style:solid;
	border-left-width:thin;
	border-right-style:solid;
	border-right-width:thin;	
	border-top-style:solid;
	border-top-width:thin;
	border-bottom-style:solid;
	border-bottom-width:thin;
	background:#FFFFFF;
	/*margin: 5px 5px 5px 5px;*/
	font-size:10px;
}

/*  used in the PORTAL site */
#textbox100 {
border-color: #999999;
	border-left-style:solid;
	border-left-width:thin;
	border-right-style:solid;
	border-right-width:thin;	
	border-top-style:solid;
	border-top-width:thin;
	border-bottom-style:solid;
	border-bottom-width:thin;
	background:#FFFFFF;
	/*margin: 5px 5px 5px 5px;*/
	color: #333333;
	font-size:10px;
}

#textbox101 {

	background:#FFFFFF;
	/*margin: 5px 5px 5px 5px;*/
	color: #666666;
	font-size:12px;
}

#textbox102 {
border-color: #999999;
	border-left-style:solid;
	border-left-width:thin;
	border-right-style:solid;
	border-right-width:thin;	
	border-top-style:solid;
	border-top-width:thin;
	border-bottom-style:solid;
	border-bottom-width:thin;
	background:#FFFFFF;
	/*margin: 5px 5px 5px 5px;*/
	color: #333333;
	font-size:10px;
	
}


#textbox105 {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #CCCCCC;
	font-size: 9px;
	line-height: normal;
	font-weight: normal;
	color: #003366;
	
	}

#tabletitle {
text-align:left;
color:#FF961A;
font-weight:bold;
font-size: 18px;
padding: 10px 0px 0px 5px;



/*	
//BACKGROUND COLORS ON TITLE HEADERS//
background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.04, rgb(232,96,5)),
    color-stop(0.7, rgb(252,139,10))
);


background-image: -moz-linear-gradient(
    center top,
    rgb(232,96,5) 4%,
    rgb(252,139,10) 70%
);

*/
	
/*	
//SHADOW ON TITLE BARS//
	-moz-box-shadow: 5px 5px 5px #999;
 	-webkit-box-shadow: 5px 5px 5px #999;
 	box-shadow: 5px 5px 5px #999;
*/
	
}

#tabletitle2 {
text-align:center;
color: #FFFFFF;
font-weight:bold;
font-size: 14px;
height: 30px;

	
}

#tabletitle2 a {

	font-family:Trebuchet MS, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:11px;
	text-decoration:none;

}

#tabletitle_xajax {
text-align:center;
color: #FFFFFF;
font-weight:bold;
font-size: 14px;
	
}


#Layer1 {
	position: absolute;
	width:200px;
	height:30px;
	z-index:1;
	left: 680px;
	top: 15px;
	
	
}


#admin_logged_on {
	color: #333333;
	background-color:#000066;
	text-align:center;
margin: 0px 0px 0px 0px;	
	
}

#admin_logged_on a {

	color: #FFFFFF;
	font-size:12px;
	
}


#admin_not_logged_on {
	color: #0000FF;
	text-align:center;
	margin: 5px 0px 0px 0px;		
	padding:0px 0px 20px 0px;

}
#admin_not_logged_on ul{
padding:0px 10px 10px 0px;
margin: 0px 0px 0px 0px;

}

#admin_not_logged_on li{
position:relative;
float: left;
list-style: none;
margin: 0px 0px 0px 0px;

}

#admin_not_logged_on li a{
/*FLY OUT MENU*/
width:150px;
height: 20px;
display: block;
text-decoration: none;
text-indent: 5px;
text-align: left;
line-height: 20px;
background-color: black;
color: white;
margin: 0px 0px 0px 30px;
}


#admin_not_logged_on li a:hover{
background-color: red;

}

#admin_not_logged_on ul ul{
position: absolute;
top: 20px;
visibility: hidden;

}
#admin_not_logged_on ul li:hover ul{
visibility:visible;

}

#pictorial {
	float: left;
	width: 98%;
	height: 100%;
	padding: 2px;

border: 2px dotted #666666; 
border-style: none none dotted;
margin: 5px 10px 5px 2px;

}

#pictorial_description {
	float: right;
	width: 50%;
	height: 100%;
	padding: 2px;

}



#ShoppingCart {
font-size:10px;
padding: 5px;

}

#WishList {
font-size:10px;
padding: 5px;

}


#PurchaseHolder {
font-size:12px;
padding: 5px;
color: #000000;


}




#PriceTable a{
font-size:11px;


}


#PriceTable TD{

border: 1px dotted #666666; 
border-style: none none dotted;
margin: 5px 10px 5px 2px;

}


#PriceTable2 {
background-color:#FFFFFF;

}

#PriceTable2 TD{
border: 1px dotted #666666; 
border-style: none none dotted;
margin: 5px 10px 5px 2px;

}


#PriceTableHeader {

color:#FFFFFF;
font-weight:bold;
font-size: 12px;


background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.04, rgb(232,96,5)),
    color-stop(0.7, rgb(252,139,10))
);
background-image: -moz-linear-gradient(
    center top,
    rgb(232,96,5) 4%,
    rgb(252,139,10) 70%
);
	
	-moz-box-shadow: 5px 5px 5px #999;
 	-webkit-box-shadow: 5px 5px 5px #999;
 	box-shadow: 5px 5px 5px #999;

}


.itemdesctitle {
font-size:10px;
padding: 3px;
color:#FF6600;
margin: 5px 0 -7px 0;
}

.itemdesctitle2 a {
font-size:14px;
padding: 3px;
color: #CC0000;
margin: 5px 0 -7px 0;
}

.itemdesc {
font-size:10px;
padding: 3px;
color:#000000;
}

.styledesc {
font-size:14px;
padding: 3px;
color:#000000;
}


.xajaxstyle_table {

background-color:#FFFFFF;
	
		}
		
		
.xajaxstyle_backgrad {

background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0.34, rgb(255,0,0)),
			color-stop(0.67, rgb(255,0,0))
		);
			
}		

.xajaxstyle_backgrad a:link{
font-size:14px;
font-weight:bold;
color: #333333; 


}	
		
		
.xajaxstyle {

		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0.04, rgb(232,96,5)),
			color-stop(0.7, rgb(252,139,10))
		);
		background-image: -moz-linear-gradient(
			center top,
			rgb(232,96,5) 4%,
			rgb(252,139,10) 70%
		);

/*	
//SHADOW ON XAJAX TITLE BARS //			
			-moz-box-shadow: 5px 5px 5px #999;
			-webkit-box-shadow: 5px 5px 5px #999;
			box-shadow: 5px 5px 5px #999;
		*/		
			
		}


.xajaxstyle2 {





		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0.04, rgb(232,96,5)),
			color-stop(0.7, rgb(252,139,10))
		);
		background-image: -moz-linear-gradient(
			center top,
			rgb(232,96,5) 4%,
			rgb(252,139,10) 70%
		);
			
			-moz-box-shadow: 5px 5px 5px #999;
			-webkit-box-shadow: 5px 5px 5px #999;
			box-shadow: 5px 5px 5px #999;
		}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/example_flyout.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
.menu2{
font-family: 'Trebuchet MS', Helvetica, sans-serif; 
width:130px; 
height: auto; 
position:relative; 
font-size:11px; 
margin:0px 0; 
z-index:100;
}

.menu2 ul {
/* TTT this controls the sub categories flyout width TTT */
padding:0; 
margin:0; 
list-style-type: none; 
background:#eee; 
width:160px; /* fly out width */ 
height:auto; 
/*border:1px solid #606;*/
} 

.menu2 ul li ul {
/* TTT this controls the sub categories flyout position over main cats TTT */
visibility:hidden; 
position:absolute; 
height:0; 
overflow:hidden; 
bottom:0; 
left:120px;
} 

.menu2 ul li {
float:left;
}

.menu2 ul li hr {
/* TTT this controls the  TTT 
color:#606; 
background-color:#606; */
/*border: 2px dotted #666666; 
border-style: none none dotted;
padding:0; margin:0;*/

}

/*main menu */
.menu2 ul li a, .menu2 ul li a:visited {
/* TTT this controls the main category dims  TTT */
/*  ALSO controlled by - #tableholder2 hr - */
/*  ALSO put <hr> tag back on default_lefside.php line 129 after  echo "<li><hr>*/
display:block; 
float:left; 
text-decoration:none; 
color: #999999; /* cat font colour */ 
width:130px; /* flyour hover menu width */ 
height:20px; /*background hover height */
line-height:20px; /*background hover line height */
font-size:11px; /* cat font size */ 
background:transparent; 
padding-left:5px;
margin: 1px 1px 5px 2px; /* position of flyout in relation to main menu up/dowm */ 
}
* html .menu2 ul li a, * html .menu2 ul li a:visited {width:100px; width:90px;}

.menu2 table {
/* TTT unknown  TTT */
border-collapse:collapse; 
border:0; 
margin:0; 
padding:0; 
font-size:1em; 
position:absolute; left:0; top:0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu2 ul li:hover a,
.menu2 ul li a:hover{
/* TTT this controls the main category text hovers dims  TTT */
background: #ff961a; /*background color */
color: #FFffff; /*text color */
}

.menu2 ul li:hover 
{
position:relative; 
z-index:90;
}

* html .menu2 ul li a:hover 
{
position:relative; 
z-index:100;
}

/*fly out  menu */
.menu2 ul li:hover ul,
.menu2 ul li a:hover ul {
/* TTT this controls the flyout category dims  TTT */
visibility:visible; 
position:absolute; 
height:auto; 
border:0px groove #999; /*fly out border color */
background: #ff961a; /*fly out background color */
overflow:visible;
}


.menu2 ul li:hover ul li a,
.menu2 ul li a:hover ul li a{
/* TTT this controls the flyout category link dims  TTT */
display:block; 
background:transparent; 
color: #ffffff; /*fly out link color */
line-height:10px; /*fly out line height spacing */
padding:5px 18px 5px 8px; /*fly out link positioning and backgrounf hover*/
height:auto; 
text-decoration:none;
}

.menu2 ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover {
/* TTT this controls the flyout category link background  TTT */
background: #000066; /*fly out link hover background color */
color: #FFFFFF; /*fly out link hover text color */
}
.menu2 ul li:hover ul li ul,
.menu2 ul li a:hover ul li a ul {
/* TTT this controls the   TTT */
visibility:hidden; 
position:absolute; 
height:0; 
overflow:hidden; 
top:0; 
left:85px;
}

.menu2 ul li:hover ul li:hover ul,
.menu2 ul li a:hover ul li a:hover ul {
/* TTT this controls the   TTT */
visibility:visible; 
position:absolute; 
height:auto; 
color: #000; 
padding:0; 
border:1px solid #069; 
list-style-type:none; 
background:#069;
}

.menu2 ul li:hover ul li:hover ul li a,
.menu2 ul li a:hover ul li a:hover ul li a {
/* TTT this controls the   TTT */
display:block; 
background:transparent; 
color: #ff0;
}

.menu2 ul li:hover ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover ul li a:hover {
background:#eee; color:#000;
}




/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/example_flyout.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
.menu3{
font-family: 'Trebuchet MS', Helvetica, sans-serif; width:130px; height: auto; position:relative; font-size:11px; margin:0px 0; z-index:100;
}
.menu3 ul {
padding:0; margin:0; list-style-type: none; background:#eee; width:130px; height:auto; /*border:1px solid #606;*/
}

.menu3 ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; bottom:0; left:85px;
}

.menu3 ul li {
float:left;
}

.menu3 ul li hr {
color: #606; 
background-color: #606; 
border: 2px dotted #666666; 
border-style: none none dotted;
padding:0; margin:0;

}
/*main menu */
.menu3 ul li a, .menu3 ul li a:visited {
display:block; float:left; text-decoration:none; color:#000; width:120px; height:10px; line-height:10px; font-size:11px; background:transparent; padding-left:10px;
}
* html .menu3 ul li a, * html .menu3 ul li a:visited {width:100px; width:90px;}

.menu3 table {
border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu3 ul li:hover a,
.menu3 ul li a:hover{
background:#999; color:#fff;
}

.menu3 ul li:hover {position:relative; z-index:90;}
* html .menu3 ul li a:hover {position:relative; z-index:100;}

/*fly out  menu */
.menu3 ul li:hover ul,
.menu3 ul li a:hover ul {
visibility:visible; position:absolute; height:auto; border:1px solid #999; background:#999; overflow:visible;
}


.menu3 ul li:hover ul li a,
.menu3 ul li a:hover ul li a{
display:block; background:transparent; color:#fff; line-height:8px; padding:5px 0 5px 10px; height:auto; text-decoration:none;
}

.menu3 ul li:hover ul li:hover a,
.menu3 ul li a:hover ul li a:hover {
background: #CC6600; color: #000;
}
.menu3 ul li:hover ul li ul,
.menu3 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:85px;
}
.menu3 ul li:hover ul li:hover ul,
.menu3 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; height:auto; color:#000; padding:0; border:1px solid #069; list-style-type:none; background:#069;
}
.menu3 ul li:hover ul li:hover ul li a,
.menu3 ul li a:hover ul li a:hover ul li a {
display:block; background:transparent; color:#ff0;
}

.menu3 ul li:hover ul li:hover ul li:hover a,
.menu3 ul li a:hover ul li a:hover ul li a:hover {
background:#eee; color:#000;
}


div.jqZoomTitle
{
	z-index:5000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;

}

.jqZoomPup
{
		overflow:hidden;
		background-color: #FFF;
		-moz-opacity:0.6;
		opacity: 0.6;
		filter: alpha(opacity = 60);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
}

.jqZoomPup img
{
	border: 0px;
}

.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
   text-decoration: none;
	border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
	text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;

}

.jqZoomWindow
{
	border: 1px solid #999;
	background-color: #FFF;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/example_flyout.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
.menu5{
font-family: 'Trebuchet MS', Helvetica, sans-serif; 
width:auto; height:20px; /*adjust box dimensions */
/* position:relative; */
font-size:11px; 
margin:1px 0; /*adjust height from top of page */
z-index:100;
}
.menu5 ul {
padding:0; 
margin:0; 
list-style-type: none; 
/*width:100px; adjust box dimensions */
/*height:25px; adjust box dimensions */
/*border:1px solid #606;*/
}
.menu5 ul li ul {
/*controls position of first fly out menu */
visibility:hidden; 
position:absolute; 
height:0; 
overflow:hidden; 
top:30px; 
left:0px;
text-align:left;
color: #FFFFFF;
font-weight: normal;


}
.menu5 ul li {
float:left;
}

.menu5 ul li hr {
color: #606; 
background-color: #999; 
border: 2px dotted #666666; 
border-style: none none dotted;
padding:0; margin:0;
}

.menu5 ul li a, .menu5 ul li a:visited {
display:block; 
float:left; 
text-decoration:none; 
color::#999; 
width:120px; 
height:30px; 
line-height:29px; 
font-size:11px; 
background:transparent; 
padding-left:10px; /*main catergory padding from left */
}
* html .menu5 ul li a, * html .menu5 ul li a:visited {
width:100px; 
w\idth:90px;
}

.menu5 table {
border-collapse:collapse; 
border:0; 
margin:0; 
padding:0; 
font-size:1em; 
position:absolute; 
left:0; 
top:0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu5 ul li:hover a,
.menu5 ul li a:hover{
background:#999; color:#fff;
}

.menu5 ul li:hover {
position:relative; 
z-index:90;
}

* html .menu5 ul li a:hover {
position:relative;
z-index:100;
 }
 
/*fly out  menu */
.menu5 ul li:hover ul,
.menu5 ul li a:hover ul {
visibility:visible; 
position:absolute; 
height:auto; /*sub catergory adjust length of drop down menu */
border:1px solid #999; /*sub catergory padding border */
background:#999; 
overflow: visible;

}

.menu5 ul li:hover ul li a,
.menu5 ul li a:hover ul li a{
display:block; 
background:transparent; 
color:#fff; 
line-height:7px; 
padding:5px 0 5px 5px; 
height:auto; 
text-decoration:none;
}

.menu5 ul li:hover ul li:hover a,
.menu5 ul li a:hover ul li a:hover {
background: #CC6600; 
color: #000;

}

.menu5 ul li:hover ul li ul,
.menu5 ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
overflow:hidden; 
top:0; 
left:85px;
}
/*2nd fly out menu */
.menu5 ul li:hover ul li:hover ul,
.menu5 ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
height:auto; 
color:#000; 
padding:0; 
border:0px solid #069; 
list-style-type:none; 
background: #333366; 
}


.menu5 ul li:hover ul li:hover ul li a,
.menu5 ul li a:hover ul li a:hover ul li a {
display:block; 
background:transparent; 
color: #ff0;
}

/* 2nd menu mouse over */
.menu5 ul li:hover ul li:hover ul li:hover a,
.menu5 ul li a:hover ul li a:hover ul li a:hover {
/*background:#eee; */
color:#000;

}


/* common styling */
.menu6{
font-family: 'Trebuchet MS', Helvetica, sans-serif; 
width:auto; height:20px; /*adjust box dimensions */
/* position:relative; */
font-size:11px; 
margin:1px 0; /*adjust height from top of page */
z-index:100;
}
.menu6 ul {
padding:0; 
margin:0; 
list-style-type: none; 
/*width:100px; adjust box dimensions */
/*height:25px; adjust box dimensions */
/*border:1px solid #606;*/
}
.menu6 ul li ul {
/*controls position of first fly out menu */
visibility:hidden; 
position:absolute; 
height:0; 
overflow:hidden; 
top:30px; 
left:0px;
text-align:left;
color: #FFFFFF;
font-weight: normal;


}
.menu6 ul li {
float:left;
}

.menu6 ul li hr {
color: #606; 
background-color: #999; 
border: 2px dotted #666666; 
border-style: none none dotted;
padding:0; margin:0;
}

.menu6 ul li a, .menu6 ul li a:visited {
display:block; 
float:left; 
text-decoration:none; 
color::#999; 
width:120px; 
height:30px; 
line-height:29px; 
font-size:11px; 
background:transparent; 
padding-left:10px; /*main catergory padding from left */
}
* html .menu6 ul li a, * html .menu6 ul li a:visited {
width:100px; 
w\idth:90px;
}

.menu6 table {
border-collapse:collapse; 
border:0; 
margin:0; 
padding:0; 
font-size:1em; 
position:absolute; 
left:0; 
top:0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu6 ul li:hover a,
.menu6 ul li a:hover{
background:#999; color:#fff;
}

.menu6 ul li:hover {
position:relative; 
z-index:90;
}

* html .menu6 ul li a:hover {
position:relative;
z-index:100;
 }
 
/*fly out  menu */
.menu6 ul li:hover ul,
.menu6 ul li a:hover ul {
visibility:visible; 
position:absolute; 
height:auto; /*sub catergory adjust length of drop down menu */
border:1px solid #999; /*sub catergory padding border */
background:#999; 
overflow: visible;

}

.menu6 ul li:hover ul li a,
.menu6 ul li a:hover ul li a{
display:block; 
background:transparent; 
color:#fff; 
line-height:7px; 
padding:5px 0 5px 5px; 
height:auto; 
text-decoration:none;
}

.menu6 ul li:hover ul li:hover a,
.menu6 ul li a:hover ul li a:hover {
background: #CC6600; 
color: #000;

}

.menu6 ul li:hover ul li ul,
.menu6 ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
overflow:hidden; 
top:0; 
left:85px;
}
/*2nd fly out menu */
.menu6 ul li:hover ul li:hover ul,
.menu6 ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
height:auto; 
color:#000; 
padding:0; 
border:0px solid #069; 
list-style-type:none; 
background: #333366; 
}


.menu6 ul li:hover ul li:hover ul li a,
.menu6 ul li a:hover ul li a:hover ul li a {
display:block; 
background:transparent; 
color: #ff0;
}

/* 2nd menu mouse over */
.menu6 ul li:hover ul li:hover ul li:hover a,
.menu6 ul li a:hover ul li a:hover ul li a:hover {
/*background:#eee; */
color:#000;

}


/* hover mouse over */
.dropv, .dropv ul {padding: 0; margin: 0; list-style: none;}
.dropv a {display: inline; width: 100px;}
.dropv li {float: right; padding: 0px 8px 2px 0px;}  /* all list items */
.dropv li ul {position: absolute; background: #FF9933; 
  padding: 0px 0px 0px 4px; width: 100px; left: -9999px;} /* second-level lists */
.dropv li:hover ul {left: auto; } /* nest list under hovered list items */
.dropv li ul li a {color: #ffffff; text-decoration: none; display: block;}
.dropv li ul li a:hover {color: yellow; background:#663399;}


/* collapsible menu */
#headerDiv, #contentDiv {
float: left;
width: 170px;
}
#titleText {
float: left;
font-size: 1.1em;
font-weight: bold;
margin: 5px;
}
#myHeader {
font-size: 1.1em;
font-weight: bold;
margin: 5px;
color: #FFFFFF;
}
#headerDiv {
background-color: #000066;
color: #000066 ;
}
#contentDiv {
/*background-color: #FFE694;*/
}
#myContent {
margin: 5px 10px;
display: none;
}
#headerDiv a {
float: right;
margin: 10px 10px 5px 5px;
}
#headerDiv a:hover {
color: #FFFFFF;
}



.caption { margin: 5px; font-style: italic; font-size: 16px; text-align:center;}