@charset "utf-8";
html, body{
	margin:0;
	padding:0;
}

body{
	background:url("images/bg.png") repeat-x left top;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}

#container{
	width:940px;
	margin:0 auto;
}

#header{
	height:54px;
	position:relative;
	z-index:100;
}

#header h1{
	text-indent:-100000px;
	background:url(images/logo.png) no-repeat left top;
	width:202px;
	height:110px;
	margin:0;
	position:absolute;
	top:3px;
    cursor:pointer;
}

#header a{
	cursor:pointer;
}

#langbar{
	position:absolute;
	top:10px;
	right:250px;
	z-index:2;
}

#langbar ul{
	margin:0;
	padding:0;
}

#langbar li{
	display:inline;
}

#langbar li a{
	float:left;
	color:#fff;
	margin-left:10px;
	font-size:11px;
	font-family:verdana;
	text-decoration:none;
}

#searchbar{
	width:250px;
	height:24px;
	position:absolute;
	background:url(images/searchbar-bg.png) no-repeat right 2px;
	top:2px;
	right:14px;
	z-index:1;
}

#searchbar form{
	float:right;
	margin-right:0px;
}

#searchbar input.input{
	width:168px;
	height:13px;
	border:none;
	background:#f3f3f3;
	color:#666;
}

#searchbar input.submit{
	width:30px;
	height:24px;
	cursor:pointer;
	background:transparent;
	border:none;
	font-weight:bold;
}

#menu{
	text-align:right;
	float:right;
	margin-top:30px;
	margin-right:1px;
}

#menu ul{
	padding:0;
	margin:0;
	float:left;
	list-style:none;
}

li#menuDownload span{
	color:red;
	font-weight:bold;
}

#menu li{
	float:left;
	position:relative;
}

#menu a{
	color:#fff;
	font-size:12px;
	padding-left:12px;
	text-decoration:none;
	float:left;
}

#menu a span{
	float:left;
	height:20px;
	line-height:20px;
	padding-right:12px;
	cursor:pointer;
	font-weight:bold;
}

#menu a:hover, #menu a.current{
	background:#023c63 url("images/menu-button-left.png") no-repeat left -1px;
}

#menu a:hover span, #menu a.current span{
	background:url("images/menu-button-right.png") no-repeat right -1px;
}

#menu a:hover{
	text-decoration:none;
}

#menu ul.submenu{
	width:161px;
	position:absolute;
	top:19px;
	left:0;
	background:#000;
	z-index:100;
	padding:0;
	margin:0;
	margin-top:0;
	margin-left:11px;
	padding-top:10px;
	background:#023c63 url(images/submenu-bg-top.gif) no-repeat left top;
	display:none;
}

#menu ul.submenu li{

}

#menu ul.submenu li.last{
	padding-bottom:10px;
	background:transparent url(images/submenu-bg-bottom.gif) no-repeat left bottom;
}

#menu ul.submenu a{
	display:block;
	height:29px;
	line-height:29px;
	width:141px;
	overflow:hidden;
	font-size:10px;
	margin:0;
	padding:0 10px;
	text-align:left;
}

#menu ul.submenu a:hover{
	background:#fff url(images/submenu-link-bg.png) no-repeat left top;
	color:#000;
}

#content{
	/*float:left;*/
}

#flash{
	position:relative;
	overflow:hidden;
	z-index:1;
	width:100%;
	height:195px;
}

#scroller{
	height:185px;
	position:relative;
	left:0;
}

#scroller img{
	position:absolute;
	width:940px;
	height:200px;
}

#leftBtn{
	left:0;
	background:url(images/arrow-left.gif) no-repeat left top;
}

#rightBtn{
	right:0;
	background:url(images/arrow-right.gif) no-repeat left top;
}

#leftBtn, #rightBtn{
	position:absolute;
	top:60px;
	width:9px;
	height:37px;
	text-indent:-100000px;
}

.button{
	cursor:pointer;
}

#partments{
	clear:both;
	float:left;
	margin-bottom:10px;
	margin-top:10px;
}

div.partment, div.sitemapBox{
	width:235px;
	background:url(images/column-bg.png) no-repeat left 10px;
	float:left;
	_height:230px;
	min-height:230px;
}

#index .partment h3 a{
	color:#023C63;
}

#index .partment ul li a{
	color:#045185;
}

div.partment h3 a, #news h3, div.sitemapBox h3 a{
	font-size:14px;
	color:#434343;
	padding-left:18px;
	margin-bottom:15px;
	text-decoration:none;
}

div.partment h3{
	margin-bottom:5px;
}

div.partment h3 a{
	margin-bottom:0;
}

#sidebar div.partment h3 a{
	padding-left:0;
}

div.partment ul, #sidebar ul, div.sitemapBox ul{
	margin-left:20px;
	margin-top:0;
	padding-left:0;
	list-style:none;
}

#sidebar ul{
	margin-left:0;
}

#sidebar div.partment h3{
	padding-left:20px;
	background:url(images/all_001.gif) no-repeat left center;
}

div.partment li, #sidebar li, div.sitemapBox li{
	border-bottom:solid 1px #fff; /* -_-! */
}

div.partment li a, #sidebar li a, div.sitemapBox li a{
	font-size:12px;
	color:#555;
	display:block;
	padding:1px 5px 1px 18px;
	background:url(images/bullet-grey-light.gif) no-repeat left 8px;
	text-decoration:none;
}

div.partment li a:hover, #sidebar li a:hover, #sidebar li.current a, div.sitemapBox a:hover{
	background:url(images/bullet-orange-light.gif) no-repeat left 8px;
	color:#f38001;
	text-decoration:underline;
}

div.partment li.more{
	background:none;
	color:#f38001;
	font-size:11px;
	text-align:right;
	background:url(images/garyblogicon_010.png) no-repeat right bottom;
	padding-right:20px;
	text-decoration:underline;
	height:15px;
	cursor:pointer;
	float:right;
	width:40px;
}

.subpage div.partment li.more{
	padding-right:40px;
}

#intro{
	width:680px;
	float:left;
	font-size:12px;
	color:#555;
	padding-right:25px;
}

div.intro img{
	float:left;
	padding:0 10px 10px;
}

div.intro h3{
	text-indent:-10000px;
	background:url(images/intro-h3.png) no-repeat left top;
	width:546px;
	height:48px;
}

div.intro p{
	text-align:justify;
	word-spacing:2px;
}

#news{
	width:235px;
	height:280px;
	min-height:270px;
	background:url(images/news-bg.jpg) no-repeat left 15px;
	float:left;
	margin-top:2px;
}

#news h3{
	margin-bottom:5px;
}

#news ul{
	margin-top:5px;
}

#news ul, #news-page #info ul{
	margin-left:20px;
	padding-left:0;
	list-style:none;
}

#news li, #news-page #info li{
	border-bottom:solid 1px #fff;
}

#news li a, #news-page #info li a{
	display:block;
	text-decoration:none;
	word-spacing:2px;
	padding-left:20px;
	font-size:11px;
	color:#555;
	background:transparent url(images/news-li-bg.png) no-repeat left 3px;
}

#news li a:hover, #news-page #info li a:hover{
	color:#f38001;
	text-decoration:underline;
}

#news p{
	text-align:right;
	font-size:12px;
}

#news p a{
	color:#f38001;
}

#footer{
	background:url(images/footer-bg.png) repeat-x left top;
	height:117px;
	clear:both;
	margin-top:20px;
	padding-top:35px;
}

#footer p{
	font-size:11px;
	margin-left:20px;
	color:#555;
	text-align:center;
}


#sidebar{
	float:left;
	width:235px;
	_height:480px;
	min-height:480px;
	padding-right:37px;
	background:url(images/subpage-sidebar-bg.png) no-repeat right top;
}

#info{
	font-size:12px;
	color:#555;
	padding-right:25px;
	margin-left:280px;
	line-height:20px;
	text-align:justify;
}

#result-page #info{
	margin-left:10px;
	text-align:left;
}

#product-page #info{
	text-align:left;
}

#result-page #info dl.product{
	width:300px;
}

body.subpage #flash{
	margin-bottom:30px;
}

#sidebar div.partment{
	background:none;
	height:auto;
	min-height:0;
}

dl.product{
	float:left;
	width:315px;
	height:75px;
	color:#9D9D9D;
	margin-bottom:24px;
}

dl.product dt{
	float:left;
	margin-bottom:10px;
	margin-right:10px;
}

dl.product dt img{
	background-color:#F5F5F5;
	border:1px solid #ABABAB;
	padding:3px;
	width:50px;
	height:50px;
}

dl.product h4{
	margin-top:0;
	margin-bottom:10px;
	padding-left:5px;
	padding-right:20px;
}

#info dl.product h4 a{
	color:#825627;
	font-size:12px;
	text-decoration:none;
	text-align:left;
}

#info dl.product h4{
	text-align:left;
}

dl.product h4 a:hover{
	text-decoration:underline;
}

dl.product dd.description p {
	margin-top:5px;
}

dl.product dd.description span{
	font-weight:bold;
	color:#666666;
	padding-left:10px;
}

div.pagination{
	clear:both;
	margin-left:280px;
}

div.pagination span.page-number{
	border:solid 1px #ABABAB;
	background:#f5f5f5;
	margin:3px;
	padding:2px 4px;
	float:left;
}

div.pagination a{
	color:#4B4B4B;
	text-decoration:none;
	font-size:14px;
}

#news-page #info li a{
	font-size:12px;
	font-family:verdana;
}

#news-page #info li{
	padding-bottom:5px;
}

#download-page #info table{
	width:90%;
	border-collapse:collapse;
}

#download-page #info table thead th{
	font-size:14px;
	text-align:left;
	background:#fcfcfc;
}

#download-page #info td, #download-page #info th{
	padding:5px 10px;
}

#download-page table, #download-page #info td, #download-page #info th{
	border:solid 1px #ccc;
}

#sidebar h3{
	font-size:14px;
	color:#555;
	margin-top:0;
}

#sidebar div.partment ul{
	display:none;
}

#sidebar div.partment h3{
	cursor:pointer;
}

#sidebar div.partment h3.current a, #sidebar div.partment li.current a{
	color:#f38001;
}

#sidebar div.partment ul.show{
	display:block;
	padding-left:10px;
}

#info h3{
	font-size:16px;
	color:#555;
}

#partment-page #info h3{
	color:#555;
	margin-bottom:2px;
	font-size:14px;
}

#partment-page #info p{
	font-size:100%;
	line-height:20px;
	text-align:justify;
}

#partment-page, #product-page, #brand-page{
	background:url(images/bg2.png) left -20px repeat-x;
}

#partment-page #header h1, #product-page #header h1,
#brand-page #header h1{
	background-image:url(images/logo2.png);
	top:1px;
}

#partment-page #flash, #product-page #flash,
#brand-page #flash{
	height:20px;
}

#brand-page .products{
	float:left;
}

#brand-page div.brand{
	float:left;
	margin:10px;
	height:120px;
	width:100px;
}

#brand-page .products h3{
	border-bottom:#0099CC solid 4px;
}

#brand-page .products .box{
	margin-top:30px;
	clear:right;
}

#brand-page .products .box .brand a img{
	padding:2px;
	border:solid 1px #ccc;
	width:80px;
}

#brand-page .brand p{
	font-weight:bold;
	margin-top:2px;
	font-size:12px;
}

#term-page #content{
	font-size:12px;
}

#term-page #content h3{
	font-size:16px;
}

#term-page #content ol{
	font-weight:bold;
}

#term-page #content ol p{
	font-weight:normal;
}

#term-page #content ol ol{
	list-style:lower-alpha;
	font-weight:normal;
}

/************************************2011************************************************/
.ddd{ font-size:15px; line-height:22px;}
.ddd a:link {color: #555555;text-decoration: none; font-size:15px;}
.ddd a:visited {text-decoration: none;color: #555555; font-size:15px;}
.ddd a:hover {text-decoration:underline;color: #f38001; font-size:15px;}
.ddd a:active {text-decoration: none;color: #555555; font-size:15px;}