@import url("style.css");

article header{ height:76px; background:url(../img/index/main_header-bg.png) bottom repeat-x; }
#topic_links{ position:absolute; right:18px; top:18px; }
#topic_links p{ margin-bottom:6px; }
#setsuden{ font-size:12px; position:absolute; left:40px; top:212px; }

/* products */
.product { width:246px; float:left; font-size:12px; overflow:hidden; }
.product#ids { width:374px; margin:0 7px; }
.product#ids div { float:left; margin:0; }
.product img{ margin-bottom:5px; }
.product h3{ margin:0 10px 6px; font-size:12px; line-height:18px; }
.product h3 a, .product h3 a:visited{ color:#000; text-decoration:underline; }
.product h3 a:hover{ color:#3399ff; }
.product ul{ margin:0 10px; }
.product li{ height:auto; line-height:15px; padding:2px 0; margin-bottom:3px; background:url(../img/index/list-bg.png) no-repeat; padding-left:10px; }
#products{ clear:both; text-align:right; padding:5px 10px; margin-bottom:18px; }
#products a{ background:url(../img/index/list-bg2.png) no-repeat; padding-left:10px; }

/* contents_box */
#contents_box{ float:left; width:656px; }

/* news */
#product_title{ width:900px; margin:0 auto; }
#news,
#info { width:320px; float:left; margin:0 8px 40px auto; }
#news_title, #product_title{ background:url(../img/index/news_title-bg.png) repeat-x; height:31px; overflow:hidden; position:relative; margin-bottom:10px; }
#news_title h2, #product_title h2{ float:left; }
#news_title p, #product_title p{ position:absolute; top:5px; right:10px; }
dl { margin:10px 5px; font-size:0.8em; border-bottom: 1px dotted #193044; }
dt { color:#516079; font-weight:bold; float:left; clear:left; padding:0 10px 10px 0; }
dd { overflow:hidden; padding:0 0 10px 0; line-height:18px; width:200px; }
dd .attn{ font-weight: bold; margin-bottom:10px; }
.newsDivider{ border-bottom: 1px dotted #ccc; padding-bottom:4px; margin-bottom:10px; }
#info p{ margin:0 0 10px 0; }

/* sidemenu */
#sidemenu { float:right; width:224px; margin:0 0 30px 0; }

/* topics */
#topics,
#company_info { background: url(../img/index/topic_bg.png) bottom no-repeat; padding-bottom:10px; margin:0 0 10px 0; }
#topics h2 { margin-bottom:6px; }
#topics h3,
#company_info h3 { font-size:13px; margin:6px 14px; }
.topic { clear:both; width:214px; margin:0 auto; border: 1px solid #c8c8c8; border-bottom: none; background-color:#fff; padding:4px 0; }
.topic.last { border-bottom: 1px solid #c8c8c8; }
.topic img.left { margin:6px 8px 6px 12px; float:left; }
.topic p { font-size:12px; line-height:16px; margin:3px 14px; }

/* slideshow */
#featured{
	position:relative;
	width:900px;
	height:241px;
	background-color:#565966;
	overflow:hidden;
	margin:0 auto 10px auto;
}
#featured ul.ui-tabs-nav{
	position:absolute;
	right:0;
	list-style:none;
	padding:0;margin:0 0 0 0;
	width:254px;
}
#featured ul.ui-tabs-nav li{
	padding-left:10px;
}
#featured ul.ui-tabs-nav li span{
	font-size:12px;
	display:block;
	line-height:17px;
	color:#000;
	font-weight:normal;
	margin-right:10px;
	padding-top:10px;
}
#featured ul.ui-tabs-nav li img{
	float:left;
	margin:10px;
	padding:0;
}
#featured li.ui-tabs-nav-item a{
	display:block;
	height:79px;
	overflow:hidden;
	color:#333;
	background:#fff url(../img/index/banner_thumb-bg.png) repeat-x;
	line-height:20px;
	margin-bottom:1px;
	text-decoration:none;
}
#featured li.ui-tabs-selected{
	background:#565966 url(../img/index/selected-item.png) top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
	background:#ccc url(../img/index/banner_thumb-bg2.png) repeat-x;
}
#featured .ui-tabs-panel{
	position:absolute;
	left:0;
	width:645px;
	height:240px;
	background:#999;
	position:relative;
	overflow:hidden;
}
.ui-tabs-panel a{
	width:645px;
	height:240px;
	overflow:hidden;
}
#featured .ui-tabs-hide{
	display:none;
}

#fragment-2-btn{
	position:absolute;
	top:204px;
	left:440px;
}

#fragment-1-btn{
	position:absolute;
	top:165px;
	left:50px;
}
#fragment-3-btn{
	position:absolute;
	top:155px;
	left:25px;
}