@charset "utf-8";
/* CSS Document */

* { font-family: Arial, Helvetica, sans-serif; }
form { margin: 0; }
.clearfix { clear:both; height:0; visibility: hidden; display: block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
img { border: 0; }
.bg-white { background: white; color: black; }
p.indent { text-indent:1em; }
p { margin: 5px; }
.more { text-align: right; }
ul { margin-top: 0; margin-bottom: 0; }

body { background: #f4f4f4; margin: 0; text-align: center; color: #666; }
.out-header-body { background: url(bg-header-body.gif) repeat-x top left white; min-height: 600px; }
	.header { height: 140px; background: white; text-align: left; position: relative; }
	.body { min-height: 380px; background: url(bg-body.jpg) no-repeat top left white; text-align: left; padding-top: 60px; }
.out-footer { background: url(bg-footer.gif) repeat-x white; height: 190px; }
.sp-above-footer { background: url(sp-above-footer.gif) no-repeat center top white; height: 2px; }
.wrapper { width: 900px; margin-left: auto; margin-right: auto; position: relative; }

/*header*/
.logo { position: absolute; left: 17px; top: 30px; }
.under-logo { position: absolute; left: 56px; top: 100px; font-size: 10px; color: #ccc; }
.tel { position: absolute; left: 330px; top: 40px; }
	.tel p { line-height: 95%; color: #999; }
	.tel .line1 { font-size: 11px; }
	.tel .line2 { font-size: 15px; color: #999; font-weight: bold; }
	.tel .line3 { font-size: 10px; }
	.tel .line3 a { color: #689ff2; }
	.tel .line4 { font-size: 10px; }
.my-cart { position: absolute; right: 30px; top: 40px; font-size: 11px; background: url(ro-cart-icon.jpg) no-repeat left center; padding-left: 20px; }
	.my-cart a { color: #689ff2; text-decoration: none; }
.top-nav { position: absolute; right: 110px; top: 40px; font-size: 11px; color: #ccc; font-weight: bold; }
	.top-nav a { color: #ccc; text-decoration: none; }
.livechat { position: absolute; right: 30px; top: 55px; }
.left-of-livechat { position: absolute; right: 110px; top: 75px; text-align: right; font-size: 10px; color: #999; }
.search { position: absolute; right: 35px; bottom: 0; }
	.search .thin { width: 123px; height: 18px; background: #e8e8e8; border: 1px solid #ddd; border-right: 1px solid #f9f9f9; border-bottom: 1px solid #f9f9f9; line-height: 18px; color: #666; }
	.search input { vertical-align: middle; margin-left: 10px; }
.nav { position: absolute; left: 5px; bottom: 5px; }
	.nav a { font-weight: bold; color: #999; font-size: 11px; text-decoration:none; margin: 0 8px; }
    .nav a.outline { font-size: 12px; color: Black; }
    .nav a:hover { text-decoration: underline; color: Black; }
/*footer*/
.footer-sg { position: absolute; top: 50px; left: 20px; }
.footer-sp { position: absolute; top: 50px; right: 20px; }

.bottom-nav { padding-top: 30px; line-height: 24px; font-size: 11px; color: #999; }
	.bottom-nav a { color: #000; margin: 0 5px; }
	.bottom-nav a:hover { text-decoration: none; }
	
.cards { margin-top: 10px; font-size: 10px; color: #ccc; }
.copyright { margin-top: 15px; color: #ccc; font-size: 11px; }
	.copyright a { color: #689ff2; }

/* container shadow */ 
.shadow-container { position: relative; left: 4px; top: 4px; margin-right: 4px; margin-bottom: 4px; } 
.shadow-container .shadow2, .shadow-container .shadow3, .shadow-container .shadow4, .shadow-container .container { position: relative; left: -1px; top: -1px; }
.shadow-container .shadow1 { background: #f5f5f5; } 
.shadow-container .shadow2 { background: #ebebeb; } 
.shadow-container .shadow3 { background: #dddddd; } 
.shadow-container .shadow4 { background: #cdcdcd; } 
.shadow-container .container { background: #ffffff; border: 1px solid #f0f0f0; padding: 10px; } 

.shadow-container-1 { position:relative; background:#bbb; margin:10px auto; width:100%; } 
.shadow-container-1 .container { background:#fff; border:1px solid #555; padding:10px 5px; position:relative; top:-5px; left:-5px; } 

/*home*/
.home-left { width: 450px; padding: 0 10px 0 25px; float: left; }
.home-right { float: right; margin-top: 310px; width: 400px; margin-bottom: 20px; margin-right: 10px; }

.home-sp { background:url(product-sep-bar.jpg); height: 8px; }
.home-left p, .home-right p, .home-right li { font-size: 12px; color: #666; }
.paragraph { padding: 20px; }
	.paragraph .subtitle { font-size: 12px; font-weight: bold; color: black; }
#content-vs .subtitle { font-family: Impact; font-size: 13px; color: blue; }
#content-vs { float: left; width: 390px; }
#content-ro, #content-bw { float: left; width: 190px; }
#content-ro .subtitle, #content-bw .subtitle { color: black; font-weight:bold; }
.shadow-container { margin: 5px; }
.expendable { height: 370px; overflow: hidden; }
.expend-more { cursor: pointer; text-decoration: underline; }
.expend-close { cursor: pointer; text-decoration: underline; display: none; }

.products .shadow-container-1 { float: left; width: 250px; margin: 25px; font-size: 11px; }
	.products .shadow-container-1 .container { height: 80px; overflow: hidden; }
	.products .shadow-container-1 .container img { float: left; margin-right: 20px; margin-left: 20px; }
	.products .shadow-container-1 .container .product-name { font-size: 12px; font-weight: bold;  }
	.products .shadow-container-1 .container .price { margin-bottom: 10px; }
	
/*content*/
.main-inside { padding-left: 20px; padding-right: 300px; padding-top: 5px; }
.main-inside-1 { padding: 20px; }
.body h1 { font-size: 15px; }
.body h2 { font-size: 12px; }
.main-inside p, .main-inside td, .main-inside-1 p { font-size: 12px; color: black; }

.accu-more { margin-right: 200px; }

.replacement-parts { margin-left: 40px; margin-bottom: 30px; }
    .replacement-parts a { color: Black; font-size: 13px; }
   
.product-left { width: 480px; padding: 0 25px; float: left; }
.product-right { float: right; text-align: center; width: 175px; margin-top: 340px; margin-bottom: 20px; margin-right: 25px; }
.product-desc * { font-size: 13px; color: #000 !important; }
.product-right h1 { border-bottom: 1px dashed #999; } 
.product-right .shadow-container p { text-align: left; }

.category .item { border-bottom: 1px dashed #ccc; padding: 10px 0; }
    .category .item .product-img { float: left; width: 200px; text-align: center; }
    .category .item .product-img img { max-height: 150px; max-width: 150px; }
    .category .item .product-desc { float: left; width: 350px; }
    .category .item .product-desc h2 a { font-weight: bold; color: Black !important; font-size: 14px; text-decoration: none; }
    .category .item .product-desc .short-desc, .category .item .product-desc .short-desc * { font-size: 12px; color: #999; }
    .category .item .price { display: inline; font-size: 15px; font-weight: bold; }
    .category .item .btn { margin: 20px; color: Blue !important; }
    
ul.product-page-ul { margin:0; padding:0;padding-left:20px;}
ul.product-page-ul li { }

ul.link-ul li a { color:Blue;}
ul.link-ul li span { display:block; margin: 0 0 0 10px;}