/* -- undo browser HTML defaults -- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th{margin:0;padding:0;}
fieldset,img{border:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

#header { background: url(images/bg_header.png) 0 0 no-repeat; width: 1014px; /*height: 92px;*/ margin:auto}
#header h1 { float: left; width: 200px; height: 75px; }
#header h1 a { display: block; width: 200px; height: 75px; }
#header h1 a span { display: none; }

#util_nav { float:right; width: 300px; height: 51px; font-weight: bold; margin-top: 4px; margin-right: 184px}
#util_nav li { display:inline }
#util_nav li a { color: #f1f1f1 }
#util_nav img { vertical-align: middle; margin-left: 10px; }

#view_cart { position:absolute; width: 155px; height:29px; left:840px; top:2px; background: url(images/bg_viewCart.png) 0 0 no-repeat; }
#view_cart a { color: #ffffff; font-weight: bold; width: 155px; height:29px; display: block}
#view_cart img {}

#depnav { float: left; width: 828px; height: 55px; background: url(images/bg_nav.png) 0 0 no-repeat; margin: -29px 0 0 176px}
#depnav ul { position: relative; width: 826px; height: 55px; }
#depnav ul li { position: absolute; display: block; height: 55px; }
#depnav ul li a { display: block; height: 50px; position: relative; }
#depnav ul li a span { display:none; }
			
#depnav ul li.li1 { width: 157px; left: 0; }
#depnav ul li.li2 { width: 146px; left: 123px; }
#depnav ul li.li3 { width: 146px; left: 240px; }
#depnav ul li.li4 { width: 164px; left: 350px; }
#depnav ul li.li5 { width: 156px; left: 479px; }
#depnav ul li.li6 { width: 153px; left: 607px; }
#depnav ul li.li7 { width: 122px; left: 729px; }
						
#depnav ul li.li1 a { width:120px; background:url(images/bg_nav.png) 0 -9999px no-repeat; }
#depnav ul li.li1 a.active, #depnav ul li.li1 a:hover { width:156px; background:url(images/bg_nav.png) -2px -60px no-repeat;  }
/*#depnav ul li.li1 a:hover { width:155px; background:url(images/bg_nav.png) 0 -368px no-repeat; } */

#depnav ul li.li2 a { width:120px; background:url(images/bg_nav.png) 0 -9999px no-repeat; }
#depnav ul li.li2 a.active, #depnav ul li.li2 a:hover { width:146px; background:url(images/bg_nav.png) -90px -120px no-repeat; }
/*#depnav ul li.li2 a:hover { width:143px; background:url(images/bg_nav.png) -82px -419px no-repeat; margin-left: -13px; }*/

#depnav ul li.li3 a { width:120px; background:url(images/bg_nav.png) 0 -9999px no-repeat; }
#depnav ul li.li3 a.active, #depnav ul li.li3 a:hover { width:146px; background:url(images/bg_nav.png) -241px -184px no-repeat; }
/*#depnav ul li.li3 a:hover { width:132px; background:url(images/bg_nav.png) -204px -460px no-repeat; } */

#depnav ul li.li4 a { width:122px; background:url(images/bg_nav.png) 0 -9999px no-repeat; }
#depnav ul li.li4 a.active, #depnav ul li.li4 a:hover { width:164px; background:url(images/bg_nav.png) -351px -56px no-repeat; }
/*#depnav ul li.li4 a:hover { width:132px; background:url(images/bg_nav.png) -316px -506px no-repeat; margin-left: -16px; }*/

#depnav ul li.li5 a { width:125px; background:url(images/bg_nav.png) 0 -9999px no-repeat; }
#depnav ul li.li5 a.active , #depnav ul li.li5 a:hover{ width:156px; background:url(images/bg_nav.png) -480px -120px no-repeat;}
/*#depnav ul li.li5 a:hover { width:160px; background:url(images/bg_nav.png) -480px -552px no-repeat; margin-left: -16px; }*/

#depnav ul li.li6 a { width:126px; background:url(images/bg_nav.png) 0 -9999px no-repeat; }
#depnav ul li.li6 a.active, #depnav ul li.li6 a:hover { width:153px; background:url(images/bg_nav.png) -608px -184px no-repeat; }
/* #depnav ul li.li6 a:hover { width:132px; background:url(images/bg_nav.png) -540px -598px no-repeat; } */

#depnav ul li.li7 a { width:86px; background:url(images/bg_nav.png) 0 -9999px no-repeat; }
#depnav ul li.li7 a.active, #depnav ul li.li7 a:hover { width:122px; background:url("images/bg_nav.png") no-repeat scroll -352px -248px transparent; }
/*#depnav ul li.li8 a:hover { width:132px; background:url(images/bg_nav.png) -316px -506px no-repeat; }*/

.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; }
* html .clearfix{ height:1%; }
.clearfix{ display:block; }