@charset"UTF-8";

@import url("default.css");
@import url("layout.css");
@import url("module.css");

/*========================Contents=============================
	01) Index
=============================================================*/

/*============================================================
	01) Index
=============================================================*/
#mantenance {
	width:955px;
	margin:200px auto;
	text-align:center;
	color:#333;
}

#index h3 {margin-bottom:20px;}

#NewsTopics {
	position:relative;
	width:670px;
	margin:18px 0 40px 0;}
	
#newsDetail {
	width:670px;
	height:235px;
	overflow:auto;}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */
/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbase {right: 0 !important;}

.vscrollerbar {width: 11px;background:transparent url(../images/scrollbar.gif) -18px 0px repeat-y;}
.vscrollerbarbeg {height:24px!important;width:11px;background:transparent url(../images/scrollbar.gif) -50px -32px no-repeat; margin-top:0;}
.vscrollerbarend {height:24px;width:11px;background:transparent url(../images/scrollbar.gif) -50px 0px no-repeat;margin-top:0;}

.vscrollerbase {width: 11px;background: #fff url(../images/scrollbar.gif) -3px 0px repeat-y;}
.vscrollerbasebeg {width: 11px;height: 10px !important;background: url(../images/scrollbar.gif) -34px -14px no-repeat;}
.vscrollerbaseend {height: 10px;width: 11px;background: url(../images/scrollbar.gif) -34px -32px no-repeat;}
.hscrollerbase {height: 16px; background-color: white;}
.hscrollerbar {height: 16px; background-color: white;}
.vscrollerbar, .hscrollerbar {padding:10px;z-index: 2;}
.scrollerjogbox {width: 11px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #fff;}
 Scroll Bar Master Styling Ends Here */

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {
width: 11px;
background:transparent url(../images/scrollbar.gif) -3px 3px repeat-y;}

.vscrollerbar {
width: 11px;
background:transparent url(../images/scrollbar.gif) -18px 0px repeat-y;
}

/*.hscrollerbase {
height: 24px;
background: #D7EBDF url(horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}
.hscrollerbar {
height: 24px;
background: #99CBCB url(horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}*/

.vscrollerbar,
.hscrollerbar {
padding:10px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(../images/scrollbar.gif) -50px -32px no-repeat;
width: 11px;
height: 10px;
}
.vscrollerbarend {
background: url(../images/scrollbar.gif) -50px 0px no-repeat;
width: 11px;
height: 24px;
}

/*.hscrollerbarbeg {
background: url(../images/scrollbar.gif) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
background: url(../images/scrollbar.gif) -30px -15px no-repeat;
height: 15px;
width: 15px;
}
.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C url(horizontalbarbody_cornerjog.png) 0px 0px;
}*/

.vscrollerbasebeg {
background: url(../images/scrollbar.gif) -34px -36px no-repeat;
width: 11px;
height: 6px;
}
.vscrollerbaseend {
background: url(../images/scrollbar.gif) -34px -14px no-repeat;
width: 11px;
height: 6px;
}
/*.hscrollerbasebeg {
background: url(../images/scrollbar.gif) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(../images/scrollbar.gif) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(../images/scrollbar.gif) -45px -15px;
}*/
/* Scroll Bar Master Styling Ends Here */
	
#NewsTopics h3 {
	position:absolute;
	left:0;
	top:0;}
	
#NewsTopics dl {width:550px;margin:0 0 10px 100px;}
#NewsTopics dt {
	width:148px;
	_margin-top:4px;
	padding-bottom:3px;
	float:left;
	color:#868686;}

#NewsTopics dt img {vertical-align:middle;margin-left:21px;}

#NewsTopics dd {
	width:382px;
	float:left;}

#NewsTopics p {text-align:right;}

#pickUp {width:670px;margin:0 0 25px 0;}

#pickUp img {margin-bottom:15px;}

#index #rightContent h4 {margin-bottom:5px;}

#index #rightContent p {margin-bottom:25px;font-size:93%;}

#index #rightContent p.mb9 {margin-bottom:9px;}

#index .productsInfo {width:670px;}

#index .productsInfo h3 {margin:0 0 15px 0;}

#index .product {
	width:148px;
	float:left;
	margin:0 25px 0 0;}
	
#index .productsInfo .mr0 {margin-right:0;}

#index .product dt {margin:8px 0 5px 0;}
#index .product dt a {text-decoration:none;}
#index .product dt a:hover {text-decoration:underline;}
#index .product dd {font-size:86%;}
#index .product dd img {margin:5px 0 0 0;}

#monitorReport {
	width:670px;
	margin:40px 0 0 0;
}

.monitor {margin:0 0 20px 0;}

.report {
	width:193px;
	float:left;
	margin-right:38px;}
	
.report p {float:left;}
.report dl {
	width:123px;
	float:left;}
.report dt a {
	display:block;
	margin:3px 0 5px 0;
	text-decoration:none;}

.report dt a:hover {text-decoration:underline;}

.report dd {font-size:86%;}

#monitorReport .monitor .mr0 {margin-right:0;}

/*============================================================
 99) Clear
=============================================================*/
.clearfix:after,
#NewsTopics dl:after,
#pickUp:after,
.productsInfo:after,
.monitor:after,
.report:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

.clearfix,
#NewsTopics dl,
#pickUp,
.productsInfo,
.monitor,
.report {display:inline-block;}

/* exclude MacIE5 \*/
* html .clearfix,
* html #NewsTopics dl,
* html #pickUp,
* html .productsInfo,
* html .monitor,
* html .report {height:1%;}
.clearfix,
#NewsTopics dl,
#pickUp,
.productsInfo,
.monitor,
.report {display:block;}
/* end MacIE5 */
