@import url("reset.css");

body {color:#696969; background-color:#fff; font:12px Verdana,Tahoma,Geneva}
td,th {color:#696969; font:1em Verdana,Tahoma,Geneva}
input,textarea,option,select,button {color:#000; font:1em Verdana,Tahoma,Geneva}

/* // ---- typography ---- // */

a {color:#8db9e5; text-decoration:underline}
a:hover {text-decoration:none}

.s-title {font:12px Georgia,'Times New Roman',serif; text-transform:uppercase; padding-bottom:7px}

/* -- ---- typography ---- -- */

#minWidth {min-width:1000px; z-index:1; align: center; padding-left: 50px;}

.outer {width:980px; margin:0 auto; padding:35px 0 0 0}

/* // ---- top ---- // */
.top {padding-bottom:18px; width: 1000px;}
	.top .logo {float:left}
	.top .top-panel {float:right; width:400px; font-size:11px; top: 0px; }
	.top .b-userbar {line-height:1em; padding-bottom:15px}
		.top .b-userbar li {float:right; padding:0 7px; border-right:1px solid #eee; }
			.top .b-userbar .lst {border-right-width:0; padding-right:0}
		.top .b-userbar a {position:relative; display:block; color:#b4b4b4; text-decoration:none; background-repeat:no-repeat; background-position:0 0; padding:3px 0 3px 21px; margin:-3px 0}
			.top .b-userbar a:hover {text-decoration:underline}
		.top .b-userbar .login a {background-image:url(../../images/i-userbar-1.png)}
		.top .b-userbar .acc a {background-image:url(../../images/i-userbar-2.png)}
		.top .b-userbar .wish a {background-image:url(../../images/i-userbar-3.png)}
		.top .b-userbar .cont a {background-image:url(../../images/i-userbar-4.png)}
	.top .b-search {margin-left:auto; width:277px; padding-top: 10px; float: right; }
		.top .b-search .i-p {float:left; color:#696969; border:1px solid #ddd; padding:3px 1px 4px 3px; width:202px; height: 22px;}
		.top .b-search .btn {float:right; color:#696969; font:11px Georgia,'Times New Roman'; width:67px; border:1px solid #ddd; padding:1px 0 3px; height:22px; background-color:transparent}
		
/* -- ---- top ---- -- */

/* // ---- navigation ---- // */
.b-navigation {font:12px Georgia,'Times New Roman',serif; border:1px solid #ddd; text-transform:uppercase; margin-bottom:27px; width: 1000px;}
	.b-navigation li {position:relative; z-index:99; float:left; border-right:1px solid #ddd}
	.b-navigation a, .b-navigation .hr {display:block; color:#969696; padding:4px 9px; text-decoration:none}
	.b-navigation a:hover, .b-navigation .hr {color:#696969; background-color:#f7f7f7}
	.b-navigation .r {float:right; border-left:1px solid #ddd; border-right-width:0}
	.b-navigation .sfHover a {color:#696969; background-color:#f7f7f7}
	.b-navigation ul {position:absolute; left:-1px; border:1px solid #ddd; background-color:#fff; padding:2px 0; display:none}
		.b-navigation ul li {float:none; border-right-width:0; white-space:nowrap}
		.b-navigation .sfHover ul a {color:#969696; background-color:#fff}
		.b-navigation .sfHover ul a:hover, .b-navigation .sfHover ul .hr {color:#696969; background-color:#f7f7f7}
/* -- ---- navigation ---- -- */

/* // ---- middle ---- // */
.middle {padding-bottom:20px}
/* -- ---- middle ---- -- */

/* // ---- grid 1 ---- // */
.l-grid-1 {}
	.l-grid-1 .l-col-2 {float:right; width:740px; padding-right:10px}
	.l-grid-1 .l-col-1 {float:left; width:190px; padding-left:10px}
/* -- ---- grid 1 ---- -- */
/* // ---- grid 1 ---- // */
.l-grid-2 {}
	.l-grid-2 .l-col-2 {float:right; width:637px; padding-right:10px}
	.l-grid-2 .l-col-1 {float:left; width:330px ; }
/* -- ---- grid 1 ---- -- */

/* // ---- cat list ---- // */
.b-cat-list {padding:17px 0 19px 12px}
	.b-cat-list li {background:url(../../images/ar.gif) no-repeat 0 4px; padding-bottom:16px; padding-left:9px}
	.b-cat-list a {color:#696969; text-decoration:none}
		.b-cat-list a:hover {text-decoration:underline}
/* -- ---- cat list ---- -- */

/* // ---- color filter ---- // */
.b-color-filter {width:160px}
	.b-color-filter li {float:left}
	.b-color-filter a {display:block; padding:3px; margin:0 4px 4px 0; width:20px; height:20px}
		.b-color-filter a i {display:block; width:20px; height:20px}
	.b-color-filter a:hover {text-indent:0; padding:2px; border:1px solid #8db9e5}
/* -- ---- color filter ---- -- */

/* // ---- path ---- // */
.b-path {padding-bottom:29px}
	.b-path b {color:#ddd; font-weight:normal; padding:0 1px}
.b-pages {float:right; white-space:nowrap}
	.b-pages b {color:#ddd; font-weight:normal;}
	.b-pages .next-page {padding-right:9px; background:url(../../images/ar.gif) no-repeat 100% 5px; margin-left:6px}
	.b-pages .prev-page {padding-left:9px; background:url(../../images/ar-l.gif) no-repeat 0 5px; margin-right:4px; margin-left:3px}
/* -- ---- path ---- -- */

/* // ---- cat items ---- // */

.b-cat-items {position:relative; margin-right:-10px}
	.b-cat-items li {display:-moz-inline-stack; display:inline-block; padding:0 0 10px 20px; margin-right:-4px; vertical-align:top}
	.b-cat-items a {position:relative; display:block; text-decoration:none}
	.b-cat-items img {border:5px solid #dcdcdc; display:block}
	.b-cat-items small {position:relative; display:block; color:#b4cde7; font-size:12px; line-height:14px; width:114px; margin:10px auto 0; text-align:center; background:url(../../images/cat-hover.png) no-repeat 0 0; padding:2px 15px; height:auto !important; min-height:31px; height:31px; visibility:hidden}
	.b-cat-items a:hover {text-indent:0}
		.b-cat-items a:hover img {border-color:#8db9e5}
		.b-cat-items a:hover small {visibility:visible}
/* -- ---- cat items ---- -- */

/* // ---- bottom ---- // */
.bottom {font-size:11px; border-top:1px solid #ddd; padding:7px 10px 20px}
	.bottom .l-col-1 {float:left; width:530px}
	.bottom .l-col-2 {float:right; width:350px; text-align:right}
	.bottom b {font-weight:normal; padding:0 1px}
	.bottom a {color:#696969; text-decoration:none}
		.bottom a:hover {text-decoration:underline}
/* -- ---- bottom ---- -- */

.back-to {padding:0 0 30px 10px}

/* // ---- gallery ---- // */
.b-gallery {}
	.b-gallery .big-ph {position:relative; margin-bottom:33px; font-size:1px;}
		.b-gallery .big-ph iframe {display:block; border:1px solid #dcdcdc}
	.b-gallery .big-ph .ar {position:absolute; top:50%; margin-top:-17px; width:35px; height:35px; background:url(../../images/gallery-ph.png) no-repeat}
	.b-gallery .big-ph .ar-l {left:1px}
	.b-gallery .big-ph .ar-r {margin-left:100%; left:-71px; width:70px; clip:rect(auto auto auto 35px)}
	.b-gallery .big-ph .zoom {position:absolute; margin-top:-1px; color:#696969; font:12px Georgia,'Times New Roman'; width:290px; border:1px solid #c5c5c5; background:#d4d4d4 url(../../images/zoom-bg.png) repeat-x 0 0; text-align:center; text-decoration:none; padding:1px 0 2px}
.b-thumbs {position:relative; margin-left:-8px; padding-bottom:15px}
	.b-thumbs li {float:left; padding-left:8px}
	.b-thumbs img {border:1px solid #dcdcdc}
/* -- ---- gallery ---- -- */

/* // ---- product card ---- // */
.b-product-card {line-height:16px}
	.b-product-card h1 {color:#696969; font:18px Georgia,'Times New Roman'; padding-bottom:5px}
	.b-product-card p {padding-bottom:5px}
/* -- ---- product card ---- -- */

/* // ---- forms ---- // */
.b-forms {width:316px; padding-top:15px; padding-bottom:20px}
	.b-forms .ips {padding-bottom:10px}
	.b-forms select {width:216px; padding:2px 0; border:1px solid #979797}
	.b-forms .c-color {position:absolute; float:left; margin-left:2px; width:30px; height:20px; background:url(../../images/i-color.png); border:1px solid #979797}
	.b-forms .to-cart {display:block; width:208px; font:11px Georgia,'Times New Roman'; background:#020202 url(../../images/add-cart-bg.png) repeat-x 0 0; text-align:center; text-decoration:none; padding:4px}
	.b-forms .to-wisth {display:block; color:#696969; font:11px Georgia,'Times New Roman'; background:#f4f4f4 url(../../images/add-wish-bg.png) repeat-x 0 0; border:1px solid #b3b3b3; text-align:center; text-decoration:none; padding:3px; width:210px}
	.b-forms .pp-colors {position:absolute; z-index:9991; display:none}
		.b-forms .pp-colors-i {width:345px; height:177px; background:url(../../images/pp-colors.png); padding:1px 8px 0 2px; width:335px}
		.b-forms .pp-colors-i .colors-type {position:absolute; z-index:5; top:1px; left:2px; white-space:nowrap; background-color:#fff; width:305px; height:25px; line-height:23px; padding-left:10px}
		.b-forms .pp-colors-i ul {position:relative; overflow:auto; width:auto; height:138px; padding:27px 0 3px 7px}

/* -- ---- forms ---- -- */

/* // ---- info ---- // */
.b-info {width:377px; padding-bottom:10px}
	.b-info .b-tabs {position:relative; font-size:10px; font-weight:bold; margin-bottom:-1px}
		.b-info .b-tabs li {display:inline}
		.b-info .b-tabs a {display:block; float:left; color:#696969; border:1px solid #dcdcdc; background-color:#f7f7f7; margin-right:2px; padding:4px 0 3px; width:107px; text-align:center; text-decoration:none}
		.b-info .b-tabs .current {background-color:#fff; border-bottom-color:#fff}
	.b-info .panes {font-size:11px; line-height:15px; border:1px solid #dcdcdc; padding:6px 17px}
		.b-info .panes .pane {display:none}
		.b-info .panes .a-pane {display:block}
	.b-info p {padding-bottom:15px}
	.b-info h3 {}

.b-lnk-share {}
	.b-lnk-share li {display:inline}
	.b-lnk-share a {float:left; display:block; color:#696969; font:10px Georgia,'Times New Roman'; border:1px solid #c5c5c5; margin-right:2px; text-align:center; background:#d4d4d4 url(../../images/share-bg.png) repeat-x 0 0; text-decoration:none; padding:2px 0 3px}
	.b-lnk-share .n-1 {width:128px}
	.b-lnk-share .n-2 {width:148px}
	.b-lnk-share .n-3 {width:91px}
/* -- ---- info ---- -- */


.for-editor {line-height:18px}
	.for-editor h2 {color:#fff; font-size:15px; padding-bottom:12px}
	.for-editor p {padding-bottom:18px}
	.tbl {width:100%; margin-bottom:25px}
		.tbl th {font-size:12px; font-weight:bold; background-color:#F7F7F7; border-bottom:1px solid #ddd; padding:5px 10px 6px}
		.tbl td {font-size:12px; border-bottom:1px solid #ddd; padding:5px 10px 6px}
	.for-editor ul {padding-bottom:12px}
		.for-editor ul li {background:url(../../images/li.gif) no-repeat 0 10px; padding:0 0 8px 18px}



.b-formslh {margin-bottom:25px}
		.b-formslg .title {font-weight:bold; text-align:left; font:bold 14px Georgia,'Times New Roman'; padding:0 0 13px}
			.b-formslg .title span {display:block; border-top:1px solid #5f81c6; padding-top:15px}
			.b-formslg .title .star {float:none}
		.b-formslg table {margin-bottom:0}
			.b-formslg table td {width:100%; background-color:transparent; border-bottom-width:0; padding:0 0 10px}
			.b-formslg table th {font-size:13px; line-height:14px; white-space:nowrap; background-color:transparent; border-bottom-width:0; text-align:right; font-weight:normal; padding:0 10px 10px 0}
			.b-formslg .i-p {float:left; font-size:13px; line-height:normal; background:#fff url(../../images/ip-bg.png) no-repeat 0 0; border:1px solid #ddd; padding:5px 2px 5px 10px; width:339px; margin-right:8px}
			.b-formslg textarea.i-p {height:108px}
			.b-formslg .ta {}
				.b-formslg .ta th {vertical-align:top; padding-top:8px}
			.b-formslg .star {float:left; color:#f60; font:11px Verdana,Tahoma; margin:3px 0 0}
			.b-formslg select {float:left; width:353px; font-size:13px; margin-right:8px}
				.b-formslg select option {font-size:13px}
		.b-formslg .btn {color:#0f1625; font-size:13px; font-weight:bold; width:auto; overflow:visible; padding:5px 15px; margin-top:10px}
		.b-formslg .sp {font-size:1px; padding:15px 0 21px}
			.b-formslg .sp div {height:1px; overflow:hidden; background-color:#5f81c6}
			.b-formslg .sp .n {background-color:transparent}
			
.RegularPrice {font-size:10px;}
.SalePrice {font-size: 10px; }
.yawahIframe {margin:0;padding:0; display: block;}

.hp_right_top {  position: relative; clear: both; width: 227px; height: 440px; top: 0px;  left: 75px; 
		border-top: 2px solid #b4cde7; border-left: 2px solid #b4cde7;border-right: 2px solid #b4cde7;border-bottom: 2px solid #b4cde7;}
.sl_wrapper { width: 420px; border-top: 2px solid #b4cde7; border-left: 2px solid #b4cde7;border-right: 2px solid #b4cde7;border-bottom: 2px solid #b4cde7;}
.shell {margin: 0;  width: 180px; float: left;}
.hp_right_bottom {position: relative;  clear: both; width: 180px; height: 210px; background:#b4cde7; left: 75px; top: 8px;
		border-top: 1px solid #b4cde7; border-left: 1px solid #b4cde7;border-right: 1px solid #b4cde7;border-bottom: 1px solid #b4cde7;}
.rss_feed {position: relative; float: right: clear: both; left: 70px; top: -00px; height: 440px; padding-left: 00px;  
border-top: 2px solid #b4cde7; border-left: 2px solid #b4cde7;border-right: 2px solid #b4cde7;border-bottom: 2px solid #b4cde7;}