/* CSS Document */

body { 
	font-family:Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.4em;
	margin:0px;
	padding:0px;
	color:#fff;
}

*html body { 
	height:100%;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,input,textarea,select,ul,ol{ 
	margin:0px;
	padding:0px;
}
h1,h2,h3 { 
	font-weight:normal;
	text-transform:uppercase;
}
h1 { 
	font-size:1.5em;
	margin-bottom:32px;
}
h2 { 
	font-size:1.2em;
}
h3 { 
	font-size:1.0em;
	padding-bottom:3px;
}
h4 { 
	font-size:1.0em;
	font-weight:normal;
}
ul{ 
	list-style:none;
}
ol { 
	padding-left:20px;
}

img { 
	border:none;
	cursor:pointer;
}
a:link, a:visited { 
	color:#fff;
	text-decoration:none;
}
.clear { 
	clear:both;
}

/*** common ***/
#wrapper { 
	margin:auto;
	width:980px;
	height:auto;
}
#header { 
	margin:auto;
	width:auto;
	height:112px;
	border:0px solid red;
}

#logo { 
	float:left; display:inline; width:458px;
}

/*** navigation ***/
#nav { float:left; display:inline;width:520px; height:auto;	background:url(../images/nav-bg.gif) left top no-repeat; z-index:999; position:relative;}
#nav ul li { display:inline;	float:left;	position:relative;}
#nav ul li a { display:block; height:107px; }
#nav ul li.dropdown{ width:123px;}
#nav ul li.n2{ width:83px;}
#nav ul li.n3{ width:92px;}
#nav ul li.n4{ width:84px;}
#nav ul li.n5{ width:110px;}
#nav ul li a:link, #nav ul li a:visited {	color:#2a468a; }
#nav ul li.dropdown ul { 
	background:url(../images/nav-overbg.png) left bottom no-repeat;
	width:205px;
	height:199px;
	position:absolute;
	left:0px;
	top:108px;
	display:none;
	padding-top:10px;
	z-index:1000
}
#nav ul li.dropdown:hover ul{ 
	display:block;
}
#nav ul li.dropdown ul li { 
	float:none;
	display:block;
	padding:3px 10px 3px 40px;
}
#nav ul li.dropdown ul li a { 
	height:auto;
}

#content { 
	margin:28px auto;
	width:auto;
}
#footer { 
	background:#2a468a url(../images/footer-l.gif) left top no-repeat;
	width:auto;
	padding-left:20px;
}
#footer .footer-inner { 
	background:url(../images/footer-r.gif) right top no-repeat;
	height:auto;
	width:auto;
	display:block;
	padding:15px 10px;
	text-align:right;
	color:#e2e2e2;
}

/*** Pages ***/
.banner { 
	background:url(../images/banner.jpg) left top no-repeat;
	width:auto;
	display:block;
	height:403px;
}
.menu {
	background:#c9287b url(../images/menu-l.gif) left top no-repeat;
	float:right;
	margin-top:25px;
	width:755px;
	padding-left:20px;
	text-align:center;
}
.menu-inner { 
	background:#c9287b url(../images/menu-r.gif) right top no-repeat;
	display:block;
	padding:6px 0;
}
.menu a { 
	padding:0px 5px;
	color:#fff;
}

.col-1 { 
	background:url(../images/col-1.gif) left top no-repeat;
	height:615px;
	padding:30px;
}
.col-1 .cont-box{ 
	margin-left:100px;
	height:auto;
	border:0px solid red;
}
.col-1 .cont-box .left { 
	float:left; display:inline;
	width:410px;
	height:466px;
}
.col-1 .cont-box .left h3 { 
	margin-top:15px;
}
.col-1 .cont-box .right { 
	float:left; display:inline;
	width:345px;
	padding-left:55px;
}
.col-1 .cont-box .right p { 
	padding:8px 0px;
}
.col-1 .cont-box .right p.btn { 
	padding:25px 0px;
}

.col-1 .cont-box .right ol li { 
	padding:1px 0px;
}

.employment .left, .aboutus .left { 
	/*	overflow-y:scroll;*/
}
.col-1 .employment .left p { 
	padding-bottom:40px;
	border-bottom:1px solid #839fe1;
}
.col-1 .employment .left a { 
	text-decoration:underline;
}
.col-1 .aboutus .left p { 
	padding-bottom:20px;
}
.col-1 .aboutus .right, .col-1 .location .right, .col-1 .employment .right{ 
	padding-left:20px;
}

/*form setting */
.form ul li { 
	padding:6px 0px !important;
}
.form label { 
	display:block;
	padding:2px 0px;
}

input, select, textarea { 
	background:url(../images/input-bg.gif) left top no-repeat;
	padding:5px 5px 5px 17px;
	color:#515151;
	border:0
}
.form-button { 
	background:url(../images/input-btn.png) top center no-repeat;
	border:0px;
	width:139px;
	font-style:italic;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	padding:4px;
	cursor:pointer;
}
input { 
		width:200px;
}
select { 
		width:221px;
		padding-left:13px
}
textarea { 
	width:260px;
	overflow:auto;
	height:95px;
}
.location .form { 
	margin-top:30px;
	margin-bottom:10px;
}
.Container { line-height:1.5em; }
.location .Container h3 { margin-top:2px;font-weight:bold; }
.Container h4 { font-weight:bold; }
.location .Container p {padding-bottom:10px; }
.Container a:link,.Container a:visited{ text-decoration:underline; }

.col-1 .contact .left { 
	border-right:1px solid #7d97d4;
	width:210px;
}
.contact .form { 
	margin-top:15px;
}

/* departments */
.col-2 .col-left, .col-2 .col-right { 
		height:615px;
		float:left;
		display:inline;
			padding:30px;
}
.col-2 .col-left{ 
	width:139px;
	background:url(../images/col-left.gif) left top no-repeat;
}
.col-2 .col-right{ 
	width:711px;
	background:url(../images/col-right.gif) left top no-repeat;
	margin-left:10px;
}
.cat-list { 
	height:550px;
}
.col-right h3 { 
	text-transform:uppercase;
}
.col-right h4 { 
	text-align:right;
	padding:10px 8px;
}

.department { 
	width:auto;
	height:auto;
	padding-top:20px;
}
.department ul li { 
	width:209px;
	height:210px;
	float:left;
	display:inline;
	position:relative;
	margin-bottom:30px;
}
.department ul li.mid { 
	margin-left:35px;
	margin-right:35px;
}
.department .dept-title { 
	background:url(../images/dept-title.png) left bottom no-repeat;
	height:25px;
	width:209px;
	position:absolute;
	bottom:4px;
	left:0px;
	text-align:center;
	padding:12px 0px 8px 0px;
	text-transform:uppercase;
}

.prod-details { 
	width:auto;
	height:auto;
}

.prod-details .lbox { 
	background:url(../images/bbox.png) top center no-repeat;
	float:left;
	display:inline;
	width:332px;	
	height:333px;
	position:relative;
	overflow:hidden;
}
.prod-details .lbox img { 
	position:absolute;
	left:0px;
	bottom:2px;
	z-index:0;
	cursor:default;
}
.prod-details .lbox .description { 
	background:url(../images/bbox-titlebg.png) bottom center no-repeat;
	position:absolute;
	bottom:0px;
	left:0;	
	width:312px;
	height:63px;
	padding:10px;
	z-index:11
}
.prod-details .rbox { 
	float:right;
	display:inline;
	width:340px;
	margin-right:5px;
}
.prod-details ul li {
	background:url(../images/box.png) top center no-repeat;
	float:left;
	display:inline;
	width:158px;
	height:168px;
	margin-bottom:10px;
	text-align:center;
	overflow:hidden;
}
.prod-details ul li.even { 
	margin-left:24px;
}
.prod-details ul li img { 
	margin-top:8px;
}

/* collapsible */

.menu1 {
		list-style: none;
		margin: 0;
		padding: 0;
		vertical-align: top;
		width: auto;
	}
	.menu1 ul {
		display: none;		padding-bottom:15px;
	}
	.menu1 li { 
		text-transform:uppercase;
	}
	.menu1 ul ul {
		display: inline;
	}
	
	.menu1 ul ul li a {
		padding-left: 20px;
	}
	.menu1 a {
		cursor: pointer;
		display: block;
		margin-left: 0;
		padding:3px 2px;
		width: auto;
	}

.menu1 ul a {
		display: block;
		font-weight: normal;
		padding: 3px 2px 3px 10px;
		text-transform:lowercase;
	}
	.menu1 ul a:hover {
		text-decoration: none;
	}
	.menu1 li.active a {
		font-weight:bold;
		padding-left:20px;
	}


	
	
/* ie6 setting */
*html .prod-details .lbox { background:url(../images/bbox.gif) top center no-repeat; }
*html #nav ul li.dropdown ul { background:url(../images/nav-overbg.gif) left bottom no-repeat;	}
*html .prod-details ul li {	background:url(../images/box.gif) top center no-repeat;}
*html .col-2 .col-right {	margin-left:4px;}
*html .prod-details .lbox .description { bottom:-2px;}
*html .prod-details ul li img { margin-left:1px;}
*html .menu1 a{float:left;width:120px;}
*html .col-1 .aboutus .right, *html .col-1 .location .right, *html .col-1 .employment .right {padding-left:10px;}

/*scroll bar */
.Container {
	float:left;
  width: 350px;
  height: auto;
}
#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 350px;
  height: 465px;
}
.location #Scroller-1 { 
	height:315px
}
#Scroller-1 p {
 
}
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
}
#Scrollbar-Container {
float:right;
height:465px;
width:15px;
position:relative;
margin-right:15px;
}
.location #Scrollbar-Container { 
	height:315px;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
}
.Scrollbar-Track {
  height:422px;
position:absolute;
top:22px;
width:14px;
background: url(../images/track.gif);
}
.location .Scrollbar-Track {
  height:274px;
position:absolute;
top:20px;
width:14px;
background:url(../images/track.gif) repeat-y;
}
.Scrollbar-Handle {
  position: absolute;
  width: 14px; height: 22px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  bottom: 0px;
}


.undernav{
background:url(../images/dept_bk_image.gif) left bottom no-repeat;
	height:25px;
	width:209px;
	bottom:4px;
	left:0px;
	text-align:center;
	padding:10px 0px 4px 0px;
	text-transform:uppercase;}
	
	.undernav6{
background:url(../images/dept_bk_image6.gif) left bottom no-repeat;
	height:25px;
	width:209px;
	bottom:4px;
	left:0px;
	text-align:center;
	padding:10px 0px 4px 0px;
	text-transform:uppercase;}
		
		.undernav5{
background:url(../images/dept_bk_image5.gif) left bottom no-repeat;
	height:25px;
	width:209px;
	bottom:4px;
	left:0px;
	text-align:center;
	padding:10px 0px 4px 0px;
	text-transform:uppercase;
}
	
		.undernav4{
background:url(../images/dept_bk_image5.gif) left bottom no-repeat;
	height:25px;
	width:209px;
	bottom:4px;
	left:0px;
	text-align:center;
	padding:10px 0px 4px 0px;
	text-transform:uppercase;
}
	
		.undernav3{
background:url(../images/dept_bk_image5.gif) left bottom no-repeat;
	height:25px;
	width:209px;
	bottom:4px;
	left:0px;
	text-align:center;
	padding:10px 0px 0px 0px;
	text-transform:uppercase;
}
	
		.undernav2{
background:url(../images/dept_bk_image5.gif) left bottom no-repeat;
	height:25px;
	width:209px;
	bottom:4px;
	left:0px;
	text-align:center;
	padding:10px 0px 0px 0px;
	text-transform:uppercase;
}

		.undernav1{
background:url(../images/dept_bk_image1.gif) left bottom no-repeat;
	height:25px;
	width:209px;
	bottom:4px;
	left:0px;
	text-align:center;
	padding:10px 0px 4px 0px;
	text-transform:uppercase;
}