@import url(navigation.css);

html, body{	background: #fff url("../gfx/top/bg.gif") repeat-x top; margin: 0; padding: 0; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #333333; height: 100%; text-align: center;}

a{ color: #990000; text-decoration: none; font-weight:bold;}
a:hover{ text-decoration: underline;}
img{ border: 0;}
ul{ margin: 0; padding: 0; list-style-type: none;}
hr{ color:#c4bbb2; height:1px;}

/* BG HEADER -------------------------------------------------------------- */
div#content-box-border{ float: left; background:url(../gfx/head_box_bg.gif);  width:697;}
/* BG HEADER -------------------------------------------------------------- */

/* PICTURE BOARD MEMBER -------------------------------------------------------------- */
div#board-wrapper{float:left; background:url(../gfx/board_bg.gif) no-repeat; height:120px; width:100px;}
div#board-image{float:left; padding-left:5px; padding-top:5px;}
div#board-text{float:left; padding-left:10px; width:310px; font-family:Arial, Verdana, sans-serif; font-size:12px;}
.board-liner {background:#cccccc; height:1px; width:420px; float:left; margin-top:10px; margin-bottom:10px;}
/* PICTURE BOARD MEMBER -------------------------------------------------------------- */

/* DISTRIBUTER AREA -------------------------------------------------------------- */
div#distri-wrapper{float:left; background:url(../gfx/header_distri.gif) no-repeat; height:28px; width:420px;}
div#distri-headertext{float:left; font-weight:bold; text-indent:8px; line-height:2.2em; height:28px; width:253px; font-family:Arial, Verdana, sans-serif; font-size:12px;}
div#distri-select{float:left; height:28px; margin-top:5px;}
.distri-input{margin:0px 0px 0px 10px; width:149px; font-size:10px;}
.distri-space{clear:both; height:20px;}

div#distri-result-info{width:420px; float:left;}
div#distri-result-info ul {list-style: none; clear:both; margin-top:10px;}
div#distri-result-info ul li {clear: both; float: left; font-size:12px; color:#333; line-height: 16px; width:420px;}
div#distri-result-info ul li a{text-decoration: none; font-size:12px; font-weight:bold; color: #990000;}
div#distri-result-info ul li a:hover{ text-decoration: underline;}
.distri-liner {background:#cccccc; height:1px; width:420px; float:left; margin-top:10px; margin-bottom:10px;}
.distri-liner-top {height:1px; width:228px; float:left; margin-top:10px;}

div#distri-info{width:228px; float:left; padding-left:15px;}
div#distri-info ul {list-style: none; clear: both; }
div#distri-info ul li {clear: both; float: left; font-size:12px; color:#333; line-height: 16px; width: 220px; padding-left: 8px;}
div#distri-info ul li a{ text-decoration: none; font-size:12px; font-weight:bold; color: #990000;}
div#distri-info ul li a:hover{ text-decoration: underline;}
div#distri-info-header{ font-weight:bold; text-indent:8px; line-height:2.2em; font-family:Arial, Verdana, sans-serif; font-size:12px; background:url(../gfx/header_info_distri.gif); height:28px; color:#333; width:228px;}
.distri-info-liner {background:#cccccc; height:1px; width:228px; float:left; margin-top:10px; margin-bottom:10px;}
.distri-info-top {height:1px; width:228px; float:left; margin-top:10px;}
/* DISTRIBUTER AREA -------------------------------------------------------------- */

/* PRODUCT PDF AREA -------------------------------------------------------------- */
div#product-pdf{width:420px; float:left; margin-top:15px;}
div#product-pdf ul {float:left; list-style:none; margin-top:5px;}
div#product-pdf ul li {float:left; font-size:12px; color:#333; line-height:16px;}
div#product-pdf ul li a{float:left; text-decoration: none; font-size:12px; font-weight:bold; color:#990000; margin-left:7px;}
div#product-pdf ul li a:hover{float:left; text-decoration: underline;}
div#general-pdf{ font-weight:bold; text-indent:8px; line-height:2.2em; font-family:Arial, Verdana, sans-serif; font-size:12px; background:url(../gfx/header_pdf.gif); height:28px; color:#333; width:420px;}
.pdf-liner {background:#cccccc; height:1px; width:420px; float:left; margin-top:2px; }
/* PRODUCT PDF AREA -------------------------------------------------------------- */

/* TABLE AREA -------------------------------------------------------------- */
div#table-area{width:420px; float:left; margin-top:15px;}
div#table-area ul {float:left; list-style:none; padding-top:5px; padding-bottom:5px;}
div#table-area ul li {float:left; font-size:12px; color:#333; line-height:16px; padding-left:10px;}
div#table-area ul li.share-1 {float:left; font-size:12px; color:#333; padding-left:5px; width:160px;}
div#table-area ul li.share-2 {float:left; font-size:12px; color:#333; text-align:center; padding-left:5px; width:100px;}
div#table-area ul li.share-3 {float:left; font-size:12px; color:#333; text-align:center; padding-left:5px; width:70px;}
div#table-area ul li.share-4 {float:left; font-size:12px; color:#333; text-align:center; padding-left:5px; width:70px;}
div#table-area ul li.finance-1 {float:left; font-size:12px; color:#333; padding-left:5px; width:40px;}
div#table-area ul li.finance-2 {float:left; font-size:12px; color:#333; text-align:center; padding-left:5px; width:60px;}
div#table-area ul li.finance-3 {float:left; font-size:12px; color:#333; text-align:right; padding-left:5px; width:100px;}
.table-liner {background:#cccccc; height:1px; width:420px; float:left;}
.table-bg {background:#f5f5f5; width:420px;}
/* TABLE AREA -------------------------------------------------------------- */

/* HEADER TEXT -------------------------------------------------------------- */
div#text-header{font-size:16px; font-weight:bold; color:#333; margin-bottom:10px;}
/* HEADER TEXT -------------------------------------------------------------- */

/* CONTAINER -------------------------------------------------------------- */
div#container{margin:0px auto; padding:0; width:697px; border:none;	text-align:left; padding-bottom:20px;}
/* CONTAINER -------------------------------------------------------------- */

/* BG PLACER -------------------------------------------------------------- */
div#placer{float:left; width:697px; height:auto; background:url('../gfx/vertical_line.gif') 64% repeat-y;}
/* BG PLACER -------------------------------------------------------------- */

/* LEFT CONTENT -------------------------------------------------------------- */
div#content-left{float:left; width:420px; line-height:1.6em; margin-right:33px;}
/* LEFT CONTENT -------------------------------------------------------------- */

/* NEWS SECTION -------------------------------------------------------------- */
div#content-news{width:228px; float:left; padding-left:15px;}
div#content-news ul {list-style: none; clear: both; }
div#content-news ul li {clear: both; float: left; font-size:12px; color:#333; line-height: 16px; width: 220px; padding-left: 8px;}
div#content-news ul li a{ text-decoration: none; font-size:12px; font-weight:bold; color: #990000;}
div#content-news ul li a:hover{ text-decoration: underline;}
div#header-news{ font-weight:bold; text-indent:8px; line-height:2.2em; font-family:Arial, Verdana, sans-serif; font-size:12px; background:url(../gfx/header_news.gif); height:28px; color:#333; width:228px;}
.news-liner {background:#cccccc; height:1px; width:228px; float:left; margin-top:10px; margin-bottom:10px;}
.news-liner-top {height:1px; width:228px; float:left; margin-top:10px;}
/* NEWS SECTION -------------------------------------------------------------- */

/* NEWS SEARCH AREA -------------------------------------------------------------- */
div#news-search-wrapper{width:228px; float:left; padding-left:15px;}
div#news-search-graphic{float:left; background:url(../gfx/header_search_news.gif) no-repeat; height:60px; width:228px;}
div#news-search-headertext{float:left; font-weight:bold; text-indent:9px; line-height:2.2em; height:28px; width:228px; font-family:Arial, Verdana, sans-serif; font-size:12px;}
div#news-search-select{float:left; height:28px; margin-top:3px;}
.news-search-input{margin:0px 0px 0px 9px; width:210px; font-size:10px;}
.news-search-space{clear:both; height:20px;}
/* NEWS SEARCH AREA -------------------------------------------------------------- */

/* RIGHT IMAGES -------------------------------------------------------------- */
.images-liner-space {width:228px; float:left; margin-top:10px;}
div#content-rightimages{width:228px; float:left; padding-left:15px;}
div#content-rightimages li {list-style:none; clear:both; }
/* RIGHT IMAGES -------------------------------------------------------------- */

/* GENERAL SPACE -------------------------------------------------------------- */
.space{clear:both; padding-top:30px;}
/* GENERAL SPACE -------------------------------------------------------------- */


/* HEADER TOP AREA -------------------------------------------------------------- */
div#header-top{	width: 697px;}
div#header-top ul#float{ float: left;}
div#header-top ul#float li{	float: left; padding-top: 28px; padding-bottom: 28px;}
div#header-top ul#srf li{ float: left; padding-top: 38px;}
div#header-top ul#srf li.textcontact{float: right; text-align: right; font-size:13px; font-weight:bold;}
/* HEADER TOP AREA -------------------------------------------------------------- */

/* CONTENT WRAPPER -------------------------------------------------------------- */
#content-wrapper {float:left; width:697px;}
/* CONTENT WRAPPER -------------------------------------------------------------- */

/* VERTICAL LINER -------------------------------------------------------------- */
#liner {width: 1px;	float:left;	clear:both;	margin: 0px 0 0 0; padding-right:35px; padding-bottom:35px;	display:table; background:url('../gfx/vertical_line.gif') 100% 0 repeat-y;}
/* VERTICAL LINER -------------------------------------------------------------- */

/* WRAPPER -------------------------------------------------------------- */
#wrapper {margin:0 auto; height:100%; min-height:100%; width:697px; display:block; text-align:left;}
/* WRAPPER -------------------------------------------------------------- */

/* HTML -------------------------------------------------------------- */
html * > #wrapper {height:auto;}
/* HTML -------------------------------------------------------------- */

/* FOOTER -------------------------------------------------------------- */
#footer {position:relative;	height:26px; width:697px; padding: 0 0 0 0;	background:#fff url('../gfx/bg_footer.jpg') 0  no-repeat;}
#footer ul {clear:both; margin: 0 0 0 0px; padding:0 0 0 0px; list-style:none;}
#footer ul li {margin: 0 0 0 0px; padding: 0 0 0 20px; float:left; display: block; font-size: 11px;	color:#fff;	line-height: 26px;}
/* FOOTER -------------------------------------------------------------- */