@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

.cap-li
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	padding-left:220px;
	

}
.href
{
	color:#FFF;
	background:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
	
}
.href2
{
	color:#FFF;
	background:#777;
	cursor:pointer;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	
}
.href:hover
{
	color:#FFF;
	background:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
	
}

.high {
	background:#060;
	
}

.high td
{
color:#FFF;	
}

#topper
{
	width:80px;
	height:80px;
	float:right;
	
}

.cap-li li
{
	padding-right:25px;
	padding-bottom:15px;
}

p
{
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px 10px 5px 5px;
}

.phone-num
{
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;
		font-size:16px;
		font-weight:bold;
		color:#666;
}

.contact-title
{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	font-weight:bold;
}
.product-title
{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:18px;
}

td
{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	padding-right: 5px;
}

.center
{
	text-align:center;
}

.green
{
	color:#063;
	text-decoration:underline;
}

th
{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	background:#060;
	text-align:left;
	font-size:11px;
	padding-left:3px;
}

.items
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style:inside;
	color:#49416D;
}

.items-right
{
	padding-left:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style:inside;
	color:#49416D;
	
}

.footer-ul li
{
	display:inline;
	list-style:none;
	color:#ccc;
	text-align:right;
}

.footer-ul p
{
	display:inline;
	list-style:none;
	color:#090;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}


h2
{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:18px;
	font-weight:normal;
	padding-top:8px;
}

h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333;
	text-align:left;
	
}

a
{
	color:#333;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

body
{
	background: url(images/body_back.jpg) repeat-x left top;
	
}

#main-wrapper
{
	top:0px;
	width:1000px;
	height:auto;
	margin: 0 auto;
	 
	
}

.search-box
{
	width:165px;
	border-color:#999;
}

.search-text
{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	
}

.button
{
	cursor:pointer;
		background:url(images/search_button.jpg);
		border:0px;
		background-repeat:no-repeat;
		height:22px;
		width:22px;
}

.button:hover
{
		background:url(images/search_button_hover.jpg);
		border:0px;
		background-repeat:no-repeat;
		height:22px;
		width:22px;
}


#banner
{
	background:url(images/banner.jpg);
	vertical-align:bottom;
	background-repeat:no-repeat;
	width:1000px;
	height:180px;
}



#text-wrapper
{
	width:1000px;
	height:auto;
}

#text-top
{
	background:url(images/top-main.jpg);
	background-repeat:none;
	width:1000px;
	height:15px;
	padding:0px;
	
	
}


#text-body
{
	width:965px;
	padding-left:25px;
	padding-right:10px;
	min-height:600px;
	padding-top:5px;
	padding-bottom:0px;
	background:url(images/textmain.jpg);
	background-repeat:repeat-y;
}

#text-bottom
{
	height:60px;
	text-align:center;
	width:1000px;
	background:url(images/main-bottom.gif);
	background-repeat:no-repeat;
}

#spacer
{
	width:1px;
	height:15px;
} 
#spacer2
{
	width:1px;
	height:80px;
} 
#spacer3
{
	width:1px;
	height:20px;
} 

#cat-box-wrapper
{
	width:200px; 
	height:auto;
	float:left;
	padding-left:15px;
}
#cat-box-top
{
	background:url(images/cat_top.jpg);
	background-repeat:no-repeat;
	width:200px; 
	height:40px;
	float:left;
}
#cat-box-body
{
	color:#49416D;
	line-height:8px;
	padding-left:5px;
	background:url(images/cat_body.jpg);
	background-repeat:repeat-y;
	width:200px; 
	height:450px;
	float:left;
}

.cat-p
{
	
	color:#49416D;
	font-size:10px;
	
}

.cat-button
{
	cursor:pointer;
	background-image:url(images/cat_button.jpg);
	background-repeat:no-repeat;
	border:0px;
	height:18px;
	width:18px;
}

.cat-button:hover
{
	background-image:url(images/cat_button_hover.jpg);
	background-repeat:no-repeat;
	height:18px;
	width:18px;
}
#cat-box-bottom
{
	background:url(images/cat_bottom.jpg);
	background-repeat:no-repeat;
	width:200px; 
	height:40px;
	float:left;
	padding-bottom:10px;
}

ol
{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	font-weight:normal;

}


p
{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	font-weight:normal;
}

.ul
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#49416D;
	list-style:none;
}

#req-wrapper
{
	width:195px;
	padding-right:25px;
	height:auto;
	float:right;
	
}

.req-p
{
	padding-left:5px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.req-title
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding-top:12px;
	color:#FFF;
}

#req-top
{
	
	width:195px;
	height:40px;
	color:#000;
	padding:3px;
	background:url(images/box_top.jpg);
	background-repeat:no-repeat;

	
}


#req-body
{
	
	width:195px;
	color:#000;
	padding:6px;
	background:url(images/box_body.jpg);
	background-repeat:repeat-y;
}

#req-bottom
{
	background:url(images/box_bottom.jpg);
	background-repeat:no-repeat;
	height:15px;
	text-align:center;
	width:200px;
	color:#000;
	padding-bottom:15px;
	
}

#text-container 
{
	width:570px;
	height:auto;
	text-align:left;
	float:left;
	
}

.c2 
{
	text-align: left
}
	
.c1 
{
	text-align: center
}

.submit
{
	cursor:pointer;
	background:url(images/submit.jpg);
	background-repeat:no-repeat;
	border:0px;
	height:30px;
	width:85px;
	
}

.submit:hover
{
	cursor:pointer;
	background:url(images/submit_hover.jpg);
	background-repeat:no-repeat;
	border:0px;
	height:30px;
	width:85px;
	
}

#flags
{
	float:right;
	width:700px;
	background:url(images/global.jpg);
	background-repeat:no-repeat;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	word-spacing:38px;
	padding-right:15px;
}

#flags a
{
	font-size:small;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#flags p
{
	color:#090;
	word-spacing:39px;
}

.p-green
{
	color:#090;
	

}

.small
{
	font-size:9px;
}

/********** Menu **********/ 

.float-left
{
	
	float:left;
	width:170px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:26px;
	color:#090;
	padding-top:3px;

	
	
}
.clear {clear:both}	
/* remove the list style */
#nav {
	margin:0; 
	padding:0; 
	list-style:none;
	text-align:left;
	font-size:12px;

	
}	

	/* make the LI display inline */
	/* it's position relative so that position absolute */
	/* can be used in submenu */
	#nav li {
		float:left;
		display:block; 
		width:135px; 
		position:relative;
		z-index:500; 
	}
		
	/* this is the parent menu */
	#nav li a {
		display:block; 
		padding:5px 0px 0px 0px; 
		height:23px; 
		text-decoration:none; 
		color:#fff; 
		text-align:left; 
		color:#49416D;
	}

	#nav li a:hover {
		color:#000;
	}
		
	/* you can make a different style for default selected value */
	#nav a.selected {
		color:#f00;
	}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			
			padding:0; 
			list-style:none;
			background:url(images/ser.jpg);
			background-repeat:repeat-x;
			color:#49416D;

		}
		
		#nav ul li {
			
			width:135px; 
			float:left; 
			border-top:1px solid #999;
			background:url(images/ser.jpg);
			background-repeat:repeat-x;		

		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 8px 5px; 
			color:#666;
		}
		
		#nav ul a:hover {
			text-decoration:none;	
		}

		*html #nav ul {
			margin:0 0 0 -2px;
		}

.nav-container-outer
{
background:url(images/ser.jpg);
background-repeat:repeat-x;
position:absolute;
top:149px;
padding:0px;
height:31px;
width:1000px;

}

/**************************/ 

/* Vertical Menu with Popout and Dropdown */


#vert-menu
{
padding-left:20px;
width:165px;
background:url(images/cat_body.jpg);
background-repeat:repeat-y;
font-size:12px;
line-height:25px;
}


#vert-menu a
{
color:#49416D;
text-decoration:none;
}

#vert-menu a:hover
{
color:#000;
border-bottom:solid;border-width:1px;border-color:#000;
}

#vert-menu a:active
{
color:#49416D;
}

#vert-menu ul
{
list-style:none;
margin:0;
padding:0;
width:100%;
}


div#vert-menu li, div#vert-menu li:hover
{
position:relative;
color:#000;

}

div#vert-menu li ul
{
position:absolute;
top:0;
left:100%;
display:none;
}

div#vert-menu ul ul,
div#vert-menu ul ul ul,
div#vert-menu ul li:hover ul ul,
div#vert-menu ul li:hover ul ul ul
{
color:#000;
display:none;
background:#EEE;
border-style:solid;
border-width:1px;
border-color:#CCC;

}

div#vert-menu ul li:hover ul,
div#vert-menu ul ul li:hover ul,
div#vert-menu ul ul ul li:hover ul
{
display:block;
background-repeat:repeat-y;
color:#000;
}



#vert-menu a.x, #vert-menu a.x:visited
{
background:url(images/cat_body.jpg);
color:#000;

}

#vert-menu a.x:hover{
background:#ddd;
background-repeat:repeat-y;
color:#000;

}

#vert-menu a.x:active{
color:#000;
background:#ccc;
background-repeat:repeat-y;
}

/**************************/ 

#approvals-table
{
	width:720px;
	height:400px; 
	background-repeat:no-repeat;
	padding-left:10px;
}




div.mojozoom_marker {
	position : absolute;
	cursor:pointer; 
}

div.mojozoom_border {
	position : absolute;
	left:0px;
	top:0px;
	border : 1px solid #000;
	width:100%;
	height:100%;

}

div.mojozoom_fill {
	position : absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#000;
	opacity : 0.2;
	-moz-opacity : 0.2;
	-khtml-opacity : 0.2;
	filter:alpha(opacity=20);

}


img.mojozoom_img {
	padding : 0px;
	
}

div.mojozoom_imgctr {
	position : absolute;
	margin-left : 20px;
	border : 1px solid black;
}

.jqzoom{
	border : 1px solid #000;
	float:left;
	position:relative;
	z-index:0;
	padding:0px;
	cursor:pointer;
	margin-bottom:5px;
	
}

.jqzoom img{
		border : 1px solid #000;
float:left;
	margin-bottom:0px;

}

.zoomdiv {
position:absolute;
top:0px;
left:0px;
width:300px;
height: 300px;
background: #ffffff;
border : 1px solid #000;
display:none;
text-align: center;
overflow: hidden;

}

div.jqZoomPup {
	
z-index:10;
visibility: hidden;
position: absolute;
top:0px;
left:0px;
width: 50px;
height: 50px;
border: 1px solid #aaa;
background:#ffffff;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(Opacity=50);
}