/*------------------------------------------------------------

* Filename: basic.css
* Version: 1.0.0 (2008-03-24) 
* Website: http://www.ricoh.com.tw/
* Author: Medialand digi-tech. Inc. 米蘭數位科技 
* Contact: service@mail.medialand.com.tw
* Description: basic elements

-------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
body {
	background: black;
	text-align: center;
	font: 12px/26px Verdana, Arial, 新細明體;
	color: #555454;	
	*background: black;	
	*color: #555454;	
}
img {
	border: none;
	vertical-align: middle;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
input {
	font-size: 1em;
	line-height: 1;
	margin: 0;
	padding: 0;
}
input:focus {
	background: #e1e1e1;
}
textarea {
	font-size: 1em;
}
textarea:focus {
	background: #e1e1e1;
}
select {
	font-size: 0.9em !important;
	*font-size: 0.8em !important ;
}
option {
	padding: 0 5px;
}
address {
	font-style: normal;
	font-size: 0.9em;
	text-align: center;
	position: absolute;
	left: 250px;
	top: 0;
}


/* LINK */
a:link {
	color: #6b6b6b;
	text-decoration: none;
}
a:visited {
	color: #6b6b6b;
	text-decoration: none;
}
a:hover {
	color:#000000;
}
a:active {
	color:#000000;
}


/* H1: branding */
h1 {
	text-indent: -9999px;	
	margin: 0;
	padding: 0;
	overflow: hidden;
}
/* H2: page title */
h2 {
	text-indent: -9999px;	
	overflow: hidden;
}
/* H3: sidebar title */
h3 {
	text-indent: -9999px;	
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	width: 215px;
	height: 23px;
}

/* H4: series title */
h4 {
	color: #393939;
	font-size: 2em;
	margin-bottom: 15px;
	text-indent: -9999px;
}
/* H5: product title */
h5 {
	color: #7e0010;
	font-size: 2em;	
	font-weight: normal;
	text-indent: -9999px;
}
/* H6: section title */
h6 {
	font-size: 15px;
	line-height: 15px;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	height: 1;
	width: 1;
	margin: 0;
	padding: 0;
}




/* NAVIGATION */
.nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 990px;
	height: 270px;
}
.article-nav {
	position: absolute;
	top: -20px;
	left: 0px;
	width: 610px;
	height: 42px;
	line-height: 55px;
	padding-left: 25px;
	background: url(../images/nav/product_nav_bg.gif) no-repeat left top;	
}
.article-nav li {
	float: left;
	display: block;
}
.article-nav li a  {
	float: left;
	background: url(../images/nav/product_nav_bg.gif) no-repeat left top;
	width: 60px;
	height: 42px;	
	line-height: 42px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
/* btn:top */
.article-nav li#top a {
	width: 45px;
	background-position: -25px top;
}
.article-nav li#top a:hover {
	background-position: -25px -42px;
}

/* btn: features */
.article-nav li#features a {
	width: 58px;
	background-position: -70px top;
}
.article-nav li#features a:hover {
	background-position: -70px -42px;
}

/* btn:externals */
.article-nav li#externals a {
	width: 91px;
	background-position: -128px top;	
}
.article-nav li#externals a:hover {
	background-position: -128px -42px;	
}

/* btn:specifications */
.article-nav li#specifications a {
	width: 75px;
	background-position: -219px top;	
}
.article-nav li#specifications a:hover {
	background-position: -219px -42px;	
}

/*  btn:option */
.article-nav li#option a {
	width: 91px;
	background-position: -294px top;	
}
.article-nav li#option a:hover {
	background-position: -294px -42px;	
}

/* btn: articles */
.article-nav li#articles a {
	width: 91px;
	background-position: -385px top;	
}
.article-nav li#articles a:hover {
	background-position: -385px -42px;	
}

/* btn: sample */
.article-nav li#sample a {
	width: 91px;
	background-position: -476px top;	
}
.article-nav li#sample a:hover {
	background-position: -476px -42px;	
}

/* ------------------- products
-------------------------------*/

/* page: top */
body.page-products-top .article-nav li#top a {
	background-position: -25px -42px;
	cursor: default;
}
/* page: features */
body.page-features .article-nav li#features a {
	background-position: -70px -42px;
	cursor: default;
}
/* page: externals */
body.page-externals .article-nav li#externals a {
	background-position: -128px -42px;	
	cursor: default;
}
/* page: specifications */
body.page-specifications .article-nav li#specifications a {
	background-position: -219px -42px;	
	cursor: default;
}
/* page: option */
body.page-option .article-nav li#option a {
	background-position: -294px -42px;	
	cursor: default;
}
/* page: articles */
body.page-articles .article-nav li#articles a {
	background-position: -385px -42px;	
	cursor: default;
}
/* page: sample */
body.page-sample .article-nav li#sample a {
	background-position: -476px -42px;	
	cursor: default;
}

/* ------------------- professional
-------------------------------*/
body.page-pro .article-nav {
	background: url(../images/nav/professional_nav_bg.gif) no-repeat left top;
}
body.page-pro .article-nav li a {
	background: url(../images/nav/professional_nav_bg.gif) no-repeat -100px top;
	text-indent: 0;
	font-size: 12px;
	line-height: 27px;
	color: #b96f78;
	padding-top:15px;
	height: 27px;
	width: 50px;
	
}
body.page-pro .article-nav li a:hover {
	color: White;
}
/* btn: top */
body.page-pro .article-nav li#top a {
	text-indent: -9999px;
	width: 60px;
	overflow: hidden;
}

/* page: top */
body.page-pro .article-nav li#top a {
	background-position: -25px -42px;	
	cursor: default;	
}
/* page: other list item */
body.page-pro-list1 .article-nav li#nav-list1 a, body.page-pro-list2 .article-nav li#nav-list2 a, 
body.page-pro-list3 .article-nav li#nav-list3 a, body.page-pro-list4 .article-nav li#nav-list4 a,
body.page-pro-list5 .article-nav li#nav-list5 a, body.page-pro-list6 .article-nav li#nav-list6 a,
body.page-pro-list7 .article-nav li#nav-list7 a, body.page-pro-list8 .article-nav li#nav-list8 a,
body.page-pro-list9 .article-nav li#nav-list9 a, body.page-pro-list10 .article-nav li#nav-list10 a,
body.page-pro-list11 .article-nav li#nav-list11 a
{
	color: White;	
	cursor: default;
}
body.page-pro-list1 .article-nav li#top a, body.page-pro-list2 .article-nav li#top a, 
body.page-pro-list3 .article-nav li#top a, body.page-pro-list4 .article-nav li#navli#top-list4 a,
body.page-pro-list5 .article-nav li#top a, body.page-pro-list6 .article-nav li#top a,
body.page-pro-list7 .article-nav li#top a, body.page-pro-list8 .article-nav li#top a,
body.page-pro-list9 .article-nav li#top a, body.page-pro-list10 .article-nav li#top a,
body.page-pro-list11 .article-nav li#top a
{
	background-position: -25px top;	
	cursor: pointer;
}
body.page-pro-list1 .article-nav li#top a:hover, body.page-pro-list2 .article-nav li#top a:hover, 
body.page-pro-list3 .article-nav li#top a:hover, body.page-pro-list4 .article-nav li#navli#top-list4 a:hover,
body.page-pro-list5 .article-nav li#top a:hover, body.page-pro-list6 .article-nav li#top a:hover,
body.page-pro-list7 .article-nav li#top a:hover, body.page-pro-list8 .article-nav li#top a:hover,
body.page-pro-list9 .article-nav li#top a:hover, body.page-pro-list10 .article-nav li#top a:hover,
body.page-pro-list11 .article-nav li#top a:hover
{
	background-position: -25px -42px;	
}


/* ------------------- service
-------------------------------*/

body.page-service .article-nav {

	background: url(../images/nav/fnq_nav_bg.gif) no-repeat left top;
}
body.page-service .article-nav li a {
	color: #445965;
	background: url(../images/nav/fnq_nav_bg.gif) no-repeat 0px top;
	width: 60px;
	height: 42px;	
	line-height: 42px;
	display: block;
	text-indent: -9999px;	
	overflow: hidden;
	
}
/* btn: customer */
.article-nav li#customer a {
	width: 115px;
	background-position: -25px top;
}
.article-nav li#customer a:hover {
	background-position: -25px -42px;
}
/* btn: regist */
.article-nav li#regist a {
	width: 90px;
	background-position: -140px top;
}
.article-nav li#regist a:hover {
	background-position: -140px -42px;
}
/* btn: software */
.article-nav li#software a {
	width: 90px;
	background-position: -230px top;
}
.article-nav li#software a:hover {
	background-position: -230px -42px;
}
/* btn: display */
.article-nav li#display a {
	width: 75px;
	background-position: -320px top;
}
.article-nav li#display a:hover {
	background-position: -320px -42px;
}
/* btn: faq */
.article-nav li#faq a {
	width: 80px;
	background-position: -395px top;
}
.article-nav li#faq a:hover {
	background-position: -395px -42px;
}
/* page: top(index) */
body.page-service-top .article-nav li#top a {
	background-position: -395px -42px;	
	cursor: default;		
}
/* page: customer */
body.page-customer .article-nav li#customer a {
	background-position: -25px -42px;
	cursor: default;		
}
/* page: regist */
body.page-regist .article-nav li#regist a {
	background-position: -140px -42px;
	cursor: default;		
}
/* page: software */
body.page-software .article-nav li#software a {
	background-position: -230px -42px;
	cursor: default;		
}
/* page: display */
body.page-display .article-nav li#display a {
	background-position: -320px -42px;
	cursor: default;		
}
/* page: faq */
body.page-faq .article-nav li#faq a {
	background-position: -395px -42px;
	cursor: default;		
}



/* ------------------- downloads
-------------------------------*/
body.page-downloads .article-nav {
	position: absolute;
	top: -43px;
	*top: -1px;
	left: 0px;
	width: 868px;
	height: 42px;
	line-height: 42px;
	background: url(../images/nav/downloads_nav_bg.gif) no-repeat left top;


}
body.page-downloads .article-nav li a {
	color: #445965;
	background: url(../images/nav/downloads_nav_bg.gif) no-repeat -480px top;
	width: 40px;
	height: 42px;	
	line-height: 42px;
	display: block;
	text-indent: -9999px;	
	overflow: hidden;
}

/* btn: top */
body.page-downloads .article-nav li#top a {
	margin-left: 475px !important ;
	*margin-left: 237px; 
	width: 68px;
	background-position: -500px top;
}
body.page-downloads .article-nav li#top a:hover {
	background-position: -500px -42px;
}
/* btn: imprint */
body.page-downloads .article-nav li#imprint a {
	width: 99px;
	background-position: -568px top;
}
body.page-downloads .article-nav li#imprint a:hover {
	background-position: -568px -42px;
}
/* btn: frame */
body.page-downloads .article-nav li#frame a {
	width: 80px;
	background-position: -667px top;
}
body.page-downloads .article-nav li#frame a:hover {
	background-position: -667px -42px;
}
/* btn: wallpaper */
body.page-downloads .article-nav li#wallpaper a {
	width: 116px;
	background-position: -747px top;
}
body.page-downloads .article-nav li#wallpaper a:hover {
	background-position: -747px -42px;
}

/* page: top */
body.page-top .article-nav li#top a {
	background-position: -500px -42px;
	cursor: default;		
}
/* page: imprint */
body.page-imprint .article-nav li#imprint a {
	background-position: -568px -42px;
	cursor: default;		
}
/* page: frame */
body.page-frame .article-nav li#frame a {
	background-position: -667px -42px;
	cursor: default;		
}
/* page: wallpaper */
body.page-wallpaper .article-nav li#wallpaper a {
	background-position: -747px -42px;
	cursor: default;		
}


/* ARTICLE TYPE */
/* article type 1: topic */
.article-type-1 {
	margin: 0 0 10px 0;
	padding: 10px 0 0 10px;
	background: url(../images/dec/dec_dot_hline.gif) repeat-x left top;			
}
.article-type-1 p {
	height: 14px;
	line-height: 15px;
	border-left: 3px solid #5c798c;
	padding: 0px 0 0 7px;
}

/* article type 2: sentence */
.article-type-2 {
	margin: 10px 0;
	padding: 0 10px;
}

/* article type 3: article with one photos */
.article-type-3 {
	margin: 10px 0;	
	padding: 10px;
	background: url(../images/dec/dec_dot_hline.gif) repeat-x left top;			
}
/* left photos */
.article-type-3 .article-type-3-left {
	float: left;
	margin: 10px 15px 0 0;
}
/* right photos */
.article-type-3 .article-type-3-right {
	float: right;
	margin: 10px 0 0 15px;
}
.article-type-3 .article-type-3-left img, .article-type-3 .article-type-3-right img {
	border: 1px solid #3c4f5b;		
	margin: 1px;
}

/* article type 4: only photos in the center with a caption */
.article-type-4 {
	width: 448px;
	text-align: center;
	border: 1px solid #3c4f5b;	
	margin: 10px 0 10px 60px;;
}
.article-type-4 .caption {
	background: url(../images/icon/icon_dot_big02.gif) no-repeat left center;
	margin-left: 10px;
	padding-left: 10px;
	text-align: left;
}

/* PAGEBAR */
.pagebar {
	clear: both;
	width: 100%;
	margin: 50px 0 50px 0;
	position: relative;
}
.gotop-btn {
	height: 18px;
	position: relative;
}
.gotop-btn a {
	width: 101px;
	height: 18px;
	line-height: 18px;
	background: url(../images/button/gotop_btn.gif) no-repeat left top;
	display: block;
	position: absolute;
	right: -25px !important ;
	*right: -27px ;	
	bottom: -1px;
	text-indent: -9999px;
	overflow: hidden;	
}
.gotop-btn a:hover {
	background-position: left -18px;
}
.pagebar-num {
	background: url(../images/dec/dec_dot_hline.gif) repeat-x left top;
	text-align: center;
	clear: right;
	padding-top: 10px;
	color: Black;
	letter-spacing: 4px;
}
.pagebar-num span {
	margin: 0 17px;
}
.pagebar-prennext {
	position: absolute;
	top: 30px;
	left: -25px;
	width: 635px;
	text-align: right;
	background: url(../images/dec/dec_gradient_line.gif) no-repeat left top;

}
.pagebar-prennext li {
	float: left;
	margin-top: 2px;
	display: block;
	width: 105px;
	*margin-top: -4px;		
}
.pagebar-prennext .next-btn {
	width: 78px;
}
.pagebar-prennext a {
	position: relative;
}
.pagebar-prennext li span {
	position: absolute;
	height: 28px;
	cursor: pointer;
}
.pre-btn span {
	width: 103px;
	background: url(../images/button/prennext_btn.gif) no-repeat left top;		
}
.pre-btn a:hover span {
	background-position: left -28px;	
}
.next-btn span {
	width: 73px;
	background: url(../images/button/prennext_btn.gif) no-repeat -105px top;		
}
.next-btn a:hover span {
	background-position: -105px -28px;	
}
.pre-btn {
	margin-left: 390px !important ;
	*margin-left: 200px;
}
.pagebar-prennext li a {
	color: Gray;
}

/* ------------  professional
---------------------------*/
.pagebar-next {
	position: absolute;
	top: 30px;
	left: -25px;
	width: 635px;
	text-align: left;
	text-indent: 60px;
	background: url(../images/dec/dec_gradient_line.gif) no-repeat left top;
}
.pagebar-next li {
	float: right;
	display: block;
	padding-right: 20px;
}
.pagebar-next li a {
	height: 28px;
	line-height: 28px;
	width: 173px;
	display: block;
	background: url(../images/button/pro_next_btn.gif) no-repeat right top;
	margin-top: 2px;
}
.pro-pagebar {
	padding: 0 10px;
	text-align: right;
	font: 11px verderna;
	height: 25px;
	line-height: 25px;
	position: relative;
	z-index: 1;
}
.pro-pagebar a:link, .pro-pagebar a:visited {
	color: black;
	margin: 0 2px;
	text-decoration: none;
}
.pro-pagebar a:hover {
	color: #b10017;
}
a.nextpage-btn  {

	z-index: 0;
	width: 70px;
	height: 10px;
	line-height: 10px;
	padding-right: 10px !important ;
	*padding-right: 8px !important ;
}
a.nextpage-btn span {
	background: url(../images/button/nextpage_btn.gif) no-repeat left 0px;
	width: 70px;
	height: 10px;
	line-height: 10px;
	position: absolute;
	top: 9px;
	right:42px;
	z-index: 10;
	cursor: pointer;
	overflow: hidden;
}
a.nextpage-btn:hover span {
	background-position: left -10px;
}

a.backpage-btn  {

	z-index: 0;
	width: 40px;
	height: 10px;
	line-height: 10px;
	padding-right: 10px !important ;
	*padding-right: 8px !important ;
}
a.backpage-btn span {
	background: url(../images/button/backpage_btn.gif) no-repeat left 0px;
	width: 40px;
	height: 10px;
	line-height: 10px;
	position: absolute;
	top: 8px;
	right:42px;
	z-index: 10;
	cursor: pointer;
	overflow: hidden;
}
a.backpage-btn:hover span {
	background-position: left -10px;
}
.pro-pagebar a.this {
	cursor: default;
	color: #b10017;
}


/* ------------  downloads
---------------------------*/
.pagebar-nextstep, .pagebar-back {
	clear: both;
	border-top: 1px solid #6d7c9a;
	text-align: right;
	
}
.nextstep-btn {
	margin: 5px 100px 0 0;
}
.pagebar-nextstep a {
	position: relative;
	z-index: 0;
}
.pagebar-nextstep a:hover {
	color: White;


}
.pagebar-nextstep a span {
	position: absolute;
	right: 0 !important ;
	*right: 100px;
	top: 0px;
	z-index: 5;
	width: 101px;
	height: 24px;
	display: block;
	background: url(../images/button/nextstep_btn.gif) no-repeat left top;	
	cursor: pointer;
}
.pagebar-nextstep a:hover span {
	background-position: left -24px;
}
.back-btn {
	margin: 5px 80px 0 0;
}
.pagebar-back a {
	position: relative;
	z-index: 0;
}
.pagebar-back a:hover {
	color: White;

}
.pagebar-back a span {
	position: absolute;
	right: 0 !important ;
	*right: 80px;
	top: 0px;
	z-index: 5;
	width: 76px;
	height: 24px;
	display: block;
	background: url(../images/button/back_btn.gif) no-repeat left top;	
	cursor: pointer;
}
.back-btn a:hover span {
	background-position: left -24px;	
}