@charset "utf-8";
/* 
	RCC Style Sheet
	Author:	Purie
	Date: 	30 March 2008
*/

/* á¡éÍѹ¹Õé */ 
html * {
	font-family: tahoma;
 	padding: 0;
	margin: 0;
}
/* --- */

body {
	font-family: tahoma;
	font-size: 13px;
	color: #333333;
	background: url(../../../images/rcc-05.gif) no-repeat 50% 0 fixed;
}
.font-color-01 {
	color: #444444;
}
a,
a:link {
	color: #333333;
	text-decoration: none;
}
ul.category-inside-01 li a,
ul.category-inside-01 li a:link {
	color: #000b99;
}
ul.category-inside-01 li a:hover {
	color: #d50000 !important;
}
a:hover,
a:hover.white {
	text-decoration: underline !important;
}

a:hover,
a:hover.white,
a:hover.moreinfo-link,
a:hover.link-blue-01,
.article-style li a:hover {
	color: #FF6C00 !important;
	text-decoration: underline;
}
.adjust-to-center { text-align: center; }
.font-white { color: #FFFFFF; }
.font-red { color: #e90000; }
.font-blue { color: #1d47aa; }
.font-verdana { font-family: verdana; }
.font-arial { font-family: arial; }
.font-line-through { text-decoration: line-through; }
.font-bold { font-weight: bold; }
.font15px { font-size: 15px; }
.font14px { font-size: 14px; }
.font12px { font-size: 12px; }
.font11px { font-size: 11px; }

.space-left-01 { margin-left: 5px; }
.space-left-02 { margin-left: 47px; }
.space-left-03 { margin-left: 7px; }
.space-left-04 { margin-left: 18px; }
.space-left-05 { margin-left: 3px; }
.space-left-06 { margin-left: 1px; }
.space-left-07 { margin-left: 4px; }
.space-left-08 { margin-left: 6px; }
.space-left-09 { margin-left: 30px; }
.space-left-10 { margin-left: 100px; }
.space-left-11 { margin-left: 14px; }
.space-left-12 { margin-left: 33px; }
.space-left-13 { margin-left: 56px; }

.space-right-01 { margin-right: 5px; }
.space-right-02 { margin-right: 260px; }
.space-right-03 { margin-right: 6px; }
.space-right-04 { margin-right: 15px; }
.space-right-05 { margin-right: 10px; }
.space-right-06 { margin-right: 3px; }

.space-top-01 { margin-top: 3px; }
.space-top-02 { padding-top: 3px; }
.space-top-03 { margin-top: 6px; }
.space-top-04 { margin-top: 1px; }
.space-top-05 { margin-top: 4px; }
.space-top-06 { margin-top: 5px; }
.space-top-07 { margin-top: 10px; }
.space-top-08 { margin-top: -1px; }
.space-top-09 { margin-top: 2px; }
.space-top-10 { margin-top: 7px; }
.space-top-11 { margin-top: 15px; }
.space-top-12 { margin-top: 20px; }

.space-bottom-01 { margin-bottom: 2px; }
.space-bottom-02 { margin-bottom: 5px; }
.space-bottom-03 { margin-bottom: 7px; }
.space-bottom-04 { margin-bottom: 3px; }
.space-bottom-05 { margin-bottom: 14px; }
.space-bottom-06 { margin-bottom: -6px; }

.border-bottom-01 { border-bottom: solid 1px #b9b9b9; }
.border-bottom-02 { border-bottom: solid 1px #afafaf !important; }
.border-bottom-03 {
	margin-left: 5px;
	margin-right: 5px;
	border-bottom: dashed 1px #ABABAB;
}
.border-bottom-04 {
	height: 10px;
	background: url(../../../images/border-bottom-01.gif) no-repeat;
}
.border-bottom-05 {
	height: 10px;
	background: url(../../../images/border-bottom-02.gif) no-repeat;
}
.border-bottom-06 {
	border-bottom: none !important;
}
.border-bottom-07 { border-bottom: dotted 1px #d4d4d4 !important; }
.border-bottom-08 {
	margin-left: 5px;
	margin-right: 5px;
	border-bottom: solid 1px #FFFFFF;
}
.border-bottom-09 { border-bottom: solid 1px #e3e3e3 !important; }
.border-bottom-10 { border-bottom: dotted 1px #afafaf !important; }

.border-left-01 {
	border-left: solid 1px #afafaf;
}
.border-left-02 {
	border-left: solid 1px #afafaf;
	background: #f3f3f3;
}
.border-left-03 { border-left: none !important; }
.border-left-04 { border-left: dotted 1px #FFFFFF !important; }
.border-left-05 {
	border-left: dotted 1px #9c9c9c !important;
}
.border-right-01 {
	border-right: solid 1px #afafaf;
	background: #b7d4ea;
}
.border-right-02 { border-right: none !important; }
.border-top-01 {
	height: 10px;
	background: url(../../../images/border-top-02.gif) no-repeat;
}
.border-top-02 { border-top: none !important; }
.border-more-pic,
.border-form-01 {
	border: solid 1px #aaaaaa;
}
.border-table-01 {
	border: solid 1px #d6d6d6;
}
.bg-white {
	background: #FFFFFF;
}
.bg-gray-01 {
	background: #d5d5d5;
}
.background-last-webboard-01 {
	background: #b7d4ea;
}
.width-01 {
	width: 140px;
}
.width-02 {
	width: 15px;
}
.width-03 {
	width: 380px;
}
.width-04 {
	width: 220px;
}
.height-01 {
	height: 17px;
}
.inline-to-block {
	display: block;
}
.float-right {
	float: right;
}
.float-left {
	float: left;
}
a.white,
a:link.white {
	text-decoration: none;
	color: #FFFFFF;
}
a.moreinfo-link,
a:link.moreinfo-link {
	width: 140px;
	height: 23px;
	margin-left: 10px;
	padding-left: 37px;
	padding-top: 6px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
a:hover.moreinfo-link {
	text-decoration: underline;
}
a.link-blue-01,
a:link.link-blue-01 {
	color: #1d47aa;
	text-decoration: none;
}
.black-tab {
	width: 900px;
	height: 21px;
	background: url(../../../images/bg-black-tab-01.gif) repeat-x;
}
.nav {
	height: 41px;
	background: url(../../../images/bg-main-nav-01.gif) repeat-x;
}
.quick-search {
	height: 31px;
	background: url(../../../images/bg-search-bar-01.gif) repeat-x;
}

/* á¡éÍѹ¹Õé */
.input-keyword-search {
	width: 250px;
	height: 17px;
	padding-top: 2px;
}
/* --- */

.cate-style {
	width: 200px;
	border: solid 1px #b9b9b9;
	border-left: none;
	background: url(../../../images/bg-category-01.gif) #f0f0f0 no-repeat;
}
ul.category-inside-01 {
	margin: 1px 0 5px 6px;
}
ul.category-inside-01 li {
	line-height: 17px;
	padding: 0 0 0 12px;
	list-style-type: none;
	background: url(../../../images/bullet-black-01.gif) left 6px no-repeat;
}
ul.category-inside-01 li a:link {
	text-decoration: none;
}
ul.category-inside-01 li a:hover {
	text-decoration: underline;
}
.help-box-style {
	border: solid 1px #b9b9b9;
	border-left: none;
	background: url(../../../images/bg-help-01.gif) no-repeat;
}
.bg-btn-moreinfo {
	height: 41px;
	background: url(../../../images/bg-btn-moreinfo-01.gif) no-repeat;
}
.payment-box-style {
	border: solid 1px #b9b9b9;
	border-left: none;
}
.pr-box-style {
	width: 332px;
	border-top: solid 1px #afafaf;
	border-left: solid 1px #afafaf;
	border-bottom: solid 1px #afafaf;
	background: #ececec;
}
.pr-header {
	height: 50px;
	padding-left: 53px;
	background: url(../../../images/icon-pr-01.gif) no-repeat;
}
.article-style li {
	padding-left: 15px;
	list-style: none;
	background: url(../../../images/icon-article-01.gif) left 3px no-repeat;
}
.backstock-header-01 {
	height: 20px;
	background: url(../../../images/bg-backstock-header.gif) no-repeat;
}
.backstock-box-style {
	border: solid 1px #afafaf;
	border-top: none;
}
.backstock-image {
	width: 83px;
	height: 58px;
	/*background: url(../../../images/bg-backstock-pic-01.gif) no-repeat;*/
}
.product-header {
	height: 22px;
	background: url(../../../images/bg-header-product.gif) no-repeat;
}
.product-box-style {
	border: solid 1px #afafaf;
	border-right: none;
}
.product-bg {
	width: 120px;
	height: 120px;
	background: url(../../../images/bg-product-pic-01.gif) no-repeat;
}
.webboard-header {
	height: 24px;
	background: url(../../../images/bg-webboard-01.gif) repeat-x;
	border: solid 1px #000000;
	border-right: none;
}
.webboard-header2 {
	height: 22px;
	background: #03487c;
}
.webboard-box-style {
	border: solid 1px #afafaf;
	border-right: none;
}
.webboard-bg-number1 {
	background: #b7d4ea;
	border: solid 1px #afafaf;
	border-top: none;
	border-bottom: none;
}
.webboard-bg-number2 {
	background: #b7d4ea;
	border: solid 1px #afafaf;
	border-top: none;
	border-bottom: none;
	border-left: none;
}
.webboard-bg-number3 {
	background: #2a456b;
	border: solid 1px #afafaf;
	border-top: none;
	border-bottom: none;
}
.webboard-bg-number4 {
	background: #dce4ea;
	border: solid 1px #afafaf;
	border-top: none;
	border-bottom: none;
}
.footer-style {
	height: 51px;
	background: url(../../../images/bg-footer-01.jpg) no-repeat;
}

/* Product.html */
.page-nav-style {
	border: solid 1px #afafaf;
	border-right: none;
	background: #f2f2f2;
}
.product-catalog-style {
	border: solid 1px #afafaf;
	border-right: none;
}
.product-catalog-pic {
	height: 58px;
	background: url(../../../images/bg-backstock-pic-01.gif) no-repeat;
}
div.page-nation-box {
	display: table;
	margin-left: 5px;
	margin-right: 5px;
}
a.page-nation,
a:link.page-nation {
	border: solid 1px #afafaf !important;
	padding: 1px 5px 2px 5px;
	text-decoration: none;
	background: #FFFFFF;
}
a.page-nation-active {
	border: solid 1px #555555 !important;
	padding: 1px 5px 2px 5px;
	text-decoration: none;
	background: #D4D4D4;
	font-weight: bold;
}
a:hover.page-nation,
a:hover.page-nation-active {
	text-decoration: none !important;
	background: #e6e6e6 !important;
}
.bg-product-3 {
	height: 24px;
	background: url(../../../images/bg-image-large-01.gif) no-repeat;
}
.bg-product-2 {
	background: url(../../../images/bg-image-large-02.gif);
}
.product-detail-header {
	background: #a0a0a0;
}
.product-detail-bg {
	background: #dcdcdc;
}
.header-related-product {
	background: url(../../../images/bg-header-relate-product-01.gif) no-repeat;
}
.related-border {
	border: solid 1px #afafaf;
	border-top: none;
	border-right: none;
}
.header-accessories {
	height: 27px;
	background: url(../../../images/bg-header-accessories-01.gif) no-repeat;
}
.bg-header-login-01 {
	height: 30px;
	background: url(../../../images/bg-header-login-01.gif) no-repeat;
}

/* webboard.html */
.member-login-01 {
	height: 226px;
	background: url(../../../images/bg-webboard-02.gif) no-repeat;
}

/* news.html */
.bg-header-news {
	height: 60px;
	background: url(../../../images/bg-header-news-01.gif) no-repeat;
}
.bg-lastest-news-01 {
	background: url(../../../images/bg-news-01.gif) repeat-y;
}
.bg-lastest-news-02 {
	height: 11px;
	background: url(../../../images/bg-news-02.gif) no-repeat;
}
.bg-header-news-historyj-01 {
	height: 36px;
	background: url(../../../images/bg-header-news-history-01.gif) repeat-x;
}
.header-contactus-01 {
	height: 50px;
	background: url(../../../images/header-contactus-01.gif) no-repeat;
}
.bg-contactus-01 {
	background: url(../../../images/bg-contactus-01.gif) repeat-y;
}
.bg-contactus-02 {
	height: 12px;
	background: url(../../../images/bg-contactus-02.gif) no-repeat;
}

/* 14 May 2008 */
.bg-member-login-01 {
	height: 35px;
	background: url(../../../images/bg-header-login-02.gif) no-repeat;
}
.bg-desc-login {
	width: 360px;
	height: 200px;
	background: url(../../../images/bg-desc-login-01.gif) no-repeat;
}
.bg-header-register-01 {
	width: 840px;
	height: 23px;
	background: url(../../../images/border-register-01.gif) no-repeat;
}
.bg-register-01 {
	background: url(../../../images/border-register-02.gif) repeat-y;
}
.bg-register-02 {
	height: 7px;
	background: url(../../../images/border-register-03.gif) no-repeat;
}
.text-center-01 {
	width: 40px;
	text-align: center;
}
.font-tahoma { font-family: tahoma; }
.height-02 {
	height: 16px;
}
img { border: 0; }
.border-shopping-01 {
	border-left: solid 1px #d5d5d5;
}
.border-shopping-02 {
	border-right: solid 1px #d5d5d5;
}
.border-shopping-03 {
	border-top: solid 1px #d5d5d5;
	border-bottom: solid 1px #d5d5d5;
}
.font-color-02 {
	color: #000099;
}
.font16px {
	font-size: 16px;
}
a.category-active:link,a.category-active:visited{
	color:#d50000;
}

/*12July2008*/
.border-top-03 {
	border-top: solid 1px #afafaf;
}
.border-right-03 {
	border-right: solid 1px #afafaf;
}
.pointer{
	cursor:pointer;
}

.default-large-image{
	width:450px;
	height:300px;
	background-color:#ffffff;
	margin-left:5px;
	text-align:center;
}
.default-thumnail-image{
	float:left;	
	padding:0px;
	margin:0px;
}
.h-v-middle{
	text-align:center;
	display: table-cell;	
	vertical-align:middle !important;
}
.border-thumnail-01 {
	border: solid 1px #aaaaaa;
	width:109px;
	height:90px;
	background-color:#ffffff;
}
/*12July2008*/

input.generateDigit{ 
	 color: brown;
     text-align: right; 
     width: 2.5cm; 
     border-bottom-width: 1px;
     border-bottom-color:#023972;
     border-top-style: none;
     border-right-style: none;
     border-left-style: none;
     border-bottom-style: none;
}

input.grandPrice{ 
	 FONT-WEIGHT: bold; 
     text-align: center; 
     width: 2.5cm; 
     background:#d5d5d5;
     border-bottom-width: 1px;
     border-bottom-color:#023972;
     border-top-style: none;
     border-right-style: none;
     border-left-style: none;
     border-bottom-style: none;
	 color:red;
}

/* support purchase */

table.outer-black {
  border: 1px solid #000000;
  padding: 0px;
  margin-left: 0px;
  margin-bottom: 2px;
}


table.outer-green {
  border: 1px solid #000000;
  padding: 0px;
  margin-left: 0px;
  margin-bottom: 2px;
}

td.outer-a-border {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}


td.outer-a-bottom {
  border-bottom: 1px solid #000000;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

td.outer-a-lbr {
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

td.outer-a-lb {
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

td.outer-a-tb {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}


td.outer {
  border: 1px solid #000000;
  padding: 2px;
  margin-left: 0px;
  margin-bottom: 2px;

}

td.outer-a-l {
  border-left: 1px solid #000000;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.listing {
  margin-top:5px;
}

/* support purchase */