@charset "utf-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }

body.home {

	margin: 0 auto;
	background-color: #F0F0F0;
	text-align: center;
	}

.surround {
	position: relative;
	background-position: left top;
	margin: 0 auto;
	background-color: transparent;	

}


.page {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-color: transparent;
	border: 1px solid #FCFCFC;
}
#header {
	height: 75px;
	background-color: #FFFFFF;
}

#header .logo {
	margin-top: 15px;
	margin-left: 10px;
}

#menu {
	height: 34px;
	background-image: url(/images/navi-bg.gif);
	background-repeat: repeat-x;
	padding-left: 15px;
}

/* ----------------------------- start #nav ----------------------------- */
#nav img { border: none; }
#nav li { display: inline; list-style:none; }
#nav li a { float: left; display:block; width: 128px; height: 34px; margin: 0%; }
#nav li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#nav li a:hover { visibility:visible; }
#nav li a:hover img { visibility:visible; }
#nav li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
/* ----------------------------- end #nav ----------------------------- */


/* ----------------------------- start #nav ids ----------------------------- */
#one {
	background-image: url(/images/nav-home-hover.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#two {
	background-image: url(/images/nav-product-hover.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#three {
	background-image: url(/images/nav-company-hover.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#four {
	background-image: url(/images/nav-contact-hover.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
/* ----------------------------- end #nav ids ----------------------------- */

#pic-area {
	height: 278px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background-image: url(/images/index_fl_bg2.gif);
	background-repeat: repeat-x;
	z-index: 100;
}
#pic-area .mainpic {
	margin-top: 4px;
}
#news-area {
	background-color: #FFFFFF;
	height: 330px;
	background-image: url(/images/index_cntnt_bg.gif);
	background-repeat: repeat-x;
	padding-top: 20px;
	text-align: center;
}
#news-area .link {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #555;
	font-size: 0.8em;
}

#news-area #news-box1 {
	float: left;
	width: 550px;
	border: 1px none #310039;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 23px;
	height: 275px;
	text-align: left;
}
#news-box1 .imgpad {
	margin: 5px;
}

#news-area #news-box2 {
	margin: 10px;
	float: left;
	width: 250px;
	border: 1px none #310039;
	height: 275px;
	padding-top: 0px;
}
#news-area #news-box2 img {
	margin-top: 20px;
}

#news-area #news-box2-sm {
	float: left;
	width: 250px;
	border: 1px none #310039;
	height: 275px;
	padding-top: 0px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#news-area #news-box2-sm img {
	margin-top: 17px;
}

#news-box1 .pad-top-bottom {
	margin-top: 2px;
	margin-bottom: 20px;
}
#news-box1 .press {
	margin-left: 10px;
	margin-bottom: 20px;
}
#news-box1 .press a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #014EA0;
	text-decoration: underline;
}
#news-box1 .press a:hover {
text-decoration: none;
}
#footer  {
	background-image: url(/images/footer_bg.gif);
	background-repeat: repeat-x;
	height: 30px;
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-left: 15px;
}
.page #footer .copyright {
	font-size: 0.6em;
	color: #808080;
}
.searchtxt   { color: black; font-size: .75em; font-weight: bold }

#searchform   {
	position: absolute;
	top: 21px;
	left: 634px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.nav_button     {
	color: #ffffff;
	font-size: .75em;
	font-family: Arial, Helvetica;
	font-weight: normal;
	background-color: #014EA0;
	border-style: solid;
	border-width: 1px;
	border-color: #ffff99 #a9a9a9 #a9a9a9 #ffff99
}


.nav_input   {
	font-size: 0.9em;
	font-family: Arial, Helvetica;
	width: 154px;
	height: 20px;
	background-image: url(/images/logininput.gif);
	padding-top: 4px;
	padding-left: 4px;
	border: 1px solid #FFFFFF;
}
#searcharea {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
	background-image: url(/images/index_cntnt_bg.gif);
	background-repeat: repeat-x;
	text-align: center;
	padding-top: 25px;
}
#brclear {
	clear: both;
	height: 50px;
}
#product-table .prod-table-footnote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #666666;
}
#product-table .prod-table-footnote-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-weight: bold;
	color: #666666;
}

table.prod-table th, td {
	border: 1px solid #D4E0EE;
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #555;
	font-size: 0.8em;
}

table.prod-table caption {
	font-size: 0.85em;
	font-weight: bold;
	background-color: #08609B;
	color: #FFFFFF;
	padding: 5px;
}
table.prod-table caption.center {
	text-align: center;	
}

table.prod-table td, th {
	padding: 4px;
	text-align: left;
}

table.prod-table thead th {
	text-align: center;
	background: #E6EDF5;
	color: #4F76A3;
	font-size: .8em !important;
}

table.prod-table tbody th {
	font-weight: bold;
}

table.prod-table tbody tr.even { background: #FCFDFE; }

table.prod-table tbody tr.odd { background: #F7F9FC; }

table.prod-table a:link {
	color: #718ABE;
	text-decoration: none;
}

table.prod-table a:visited {
	color: #718ABE;
	text-decoration: none;
}

table.prod-table a:hover {
	color: #718ABE;
	text-decoration: underline !important;
}

table.prod-table tfoot th, tfoot td {
	font-size: 85%;
}