/*-----------------------------------------------------------------------------------
	Global Reset (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212)
-----------------------------------------------------------------------------------*/
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
	ol, ul { list-style: none; margin: 0px; padding: 0px; }
	:focus { outline: 0; }
	ins { text-decoration: none; }
	del { text-decoration: line-through; }

/*-------------------------------------------
	Element styles
-------------------------------------------*/
	body { font: 12px verdana,arial,sans-serif; color: #6E6F70; padding: 0px; background: #EEE; }
	hr { background-color: #ccc; border: 0px; color: #ccc; height: 1px; display: block; margin: 15px 0; !margin: 20px 0 8px 0; width: 100%; clear: both; /* IE6/IE7 hack*/ }
	h1 { font-size: 16px; margin-bottom: 8px; color: #333; }
	h2 { font-size: 13px; margin-bottom: 8px; }
	h3 { margin-bottom: 8px; }
	h4 { font-weight: bold; margin: 12px 0 8px 0; }
	p { color: #6E6F70; padding-bottom: 15px; }
	a { color: #6E6F70; text-decoration: none; }
	a:hover { color: #333;}
	li a { color: #999; text-decoration: none; display: block; }

/*-------------------------------------------
	Global
-------------------------------------------*/
	.clear { clear: both; }
	.left { float: left; }
	.right { float: right; }
	.bordered { border: 1px solid #ccc; }
	.border_bottom { border-bottom: 1px solid #CCC; margin: 10px 0; padding-bottom: 5px; }
	.border_top{ border-top: 1px solid #CCC; padding-top: 5px; margin: 10px 0; }

	.translucent { opacity: 0.95; }
	* html .translucent { filter:alpha(opacity=95); /* IE6 hack for opacity */ }
	
	#wrapper { margin: auto; text-align: left; background: #FFF; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 0 3px; width: 1000px; }
	
	#debug { color: #666; background-color: #EEE; padding: 10px; width: 95%; overflow: auto; height: 90px; border: 1px solid #666; text-align: left; margin-top: 50px; }
	
	#logo { padding: 5px; margin-bottom: 7px; }
	
	#under_nav { margin-bottom: 13px; margin-top: 2px; }
	
	#footer { border-top: 1px solid #336699; width: 992px; padding: 10px 4px; margin-top: 30px; }
	#footer a { font-size: 10px; color: #999; text-decoration: none; }
	#footer a:hover { color: #69C; }
	#footer a.home { display: block; float: left; margin-left: 15px; }
	#footer a.customer { display: block; float: right; margin-right: 15px; }
	
	#sub_nav { float: left; width: 195px; border: 1px solid #DDD; padding: 10px; margin-left: 1px;  }
	#sub_nav li { padding-top: 2px; padding-bottom: 4px; display: block; }
	#sub_nav li.active { background: #EEE; }
	#sub_nav li a { color: #333; padding-left: 10px; }
	#sub_nav li a:hover { color: #336699; }
	#sub_nav li.title { padding-left: 10px; color: #333; font-weight: bold; }
	#sub_nav li.subber_nav { padding: 0px; margin: 0px; }
	#sub_nav li.subber_nav ul li { padding-left: 15px; }
	#content { float: left; padding-left: 20px; padding-bottom: 20px; width: 740px; }
	
	#left_nav { float: left; width: 196px; margin-right: 20px; }
	#search_nav { width: 195px; margin-left: 1px; padding: 10px; background: #F3F5FA; float: left; border: 1px solid #999; margin-top: 3px; }
	#search_nav h2 { font-weight: bold; color: #000; font-size: 14px; }
	#search_nav label { font-size: 12px; font-weight: bold; display: block; color: #000; }
	#search_nav input, #search_nav select { margin-left: 5px; margin-bottom: 8px; display: block; margin-top: 2px; width: 180px; font-size: 12px; color: #333; }
	#search_nav input.submit { display: inline; margin-right: 6px; margin-top: 10px; width: 60px; padding: 2px; color: #333; }
	
	img.right { float: right; margin-left: 20px; }
	
/*  Berry CSS */
/* common styling */
.menu {
float:left; width:100%; font-family: verdana, arial, sans-serif; font-size:12px;
text-decoration: none;
}
.menu ul {
padding:0;margin:0;list-style-type:none;
}
.menu ul li {
float:left; position:relative;
}

#nav{
	border: 1px solid #999;
	width:825px;
	float:right;
	background-color:#DDDDDD;
	text-align:left;
	border-bottom:0px;
	background: #f2f2f2 url(../images/main-nav-back.gif) repeat-x center center;
	}
/* Top menu (home, product, service ...*/

.menu ul li a, .menu ul li a:visited {
float:left; display:block; text-decoration:none; color:#555; padding:4px 16px;
}

.menu ul li:hover {width:auto;}
.menu ul li:hover ul {background: #fff url(../images/menu-gradient.gif) repeat-x center bottom;}

.menu ul li a:hover {background:#fff ; color:#000; border-left:1px solid #999; border-right:1px solid #999;  padding: 4px 15px;text-decoration: none;}

.menu ul li:hover a {background:#fff; color:#000; border-left:1px solid #999; border-right:1px solid #999;   padding: 4px 15px;text-decoration: none;}

/*sub menu */
.menu ul li a:hover .droplist li a {border:0px; background: transparent;margin-left:0px; padding-left: 10px;}
.menu ul li:hover .droplist li a {border:0px; background: transparent;margin-left:0px;padding-left: 10px;}

.menu ul li ul {
display:none;
font-size: 12px;
}
.menu table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu ul li:hover ul {
display:block; position:absolute;top:21px; background:#fff  url(../images/menu-gradient.gif) repeat-x center bottom; margin-top:1px; left:0; width:192px;
border: 1px solid #999; border-top:0px; padding-top:5px; padding-bottom:5px;
}


.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display:block; color:#69c;height:auto;line-height:15px;padding:4px 0px; width:182px;
}

.menu ul li:hover ul li a:hover {
color:#000; background: #e6e6e6;
}