@import "reset.css";
@import "ui.css";
@import "thickbox.css";


/*----------------*/
/* On Page Styles */
/*----------------*/

body { background: url('/images/SEOset/bg.jpg'); text-align: center; }
#branches { background: url('/images/SEOset/branches.gif') 0 12px no-repeat; width: 100%; height: 1042px; }
#container { text-align: left; width: 800px; margin: 30px auto; background: #fff url('/images/SEOset/container-bg.jpg') repeat-y; }
#header { background: url('/images/SEOset/header-bg.jpg') no-repeat; padding-top: 30px; margin-bottom: 10px; overflow: hidden; }
#header h1 { background: url('/images/SEOset/logo.jpg') no-repeat; width: 389px; height: 79px; float: left; text-indent: -9999px; margin: 0 0 0 10px; padding: 0; }
#store-links { float: right; margin: 20px 10px 0 0; text-align: center; }
	#store-links ul { margin: 0; padding: 0; }
	#store-links ul li { list-style: none; display: inline; margin-right: 10px; }
	#store-links form { margin-top: 8px; }
	#store-links form fieldset { width: 100%; }
	#store-links form fieldset input.keyword { border: 1px solid #6b2424; padding: 4px; font-size: 11px; font-weight: bold; width: 250px; }
	#store-links form fieldset input.search { background: #6b2424; color: #fff; border: 0; padding: 4px; font-size: 11px; font-weight: bold; cursor: pointer; }
#navigation { width: 780px; margin: 0 10px 30px 10px; background: #708859; color: #fff; text-align: center; clear: both; }
	#navigation ul { margin: 0; padding: 6px 0; }
	#navigation ul li { list-style: none; display: inline; margin: 0 14px; font-size: 14px; }
	#navigation ul li a { color: #fff; text-decoration: none; }
	#navigation ul li a:hover { text-decoration: underline; }
#sidebar { float: left; width: 206px; }
	#sidebar h3 { width: 206px; height: 44px; margin: 0; padding: 0; text-indent: -7777px; }
	#sidebar h3.shop { background: url('/images/SEOset/nav-shop.png') no-repeat; }
	#sidebar h3.build { background: url('/images/SEOset/nav-build.png') no-repeat; }
	#sidebar h3.koi-market { background: url('/images/SEOset/nav-koi.png') no-repeat;}
	#sidebar h3.news { background: url('/images/SEOset/nav-news.png') no-repeat; }
	#sidebar h3.calc { background: url('/images/SEOset/nav-calc.png') no-repeat;}
	#sidebar ul { margin-bottom: 20px; margin-top: -10px; }
	#sidebar ul li { font-size: 13px; list-style: none; margin-bottom: 2px; font-weight: bold; }
	#sidebar ul li.tree-2 { font-size: 12px; margin-left: 12px; font-weight: normal; }
	#sidebar ul li.tree-3 { font-size: 11px; margin-left: 26px; font-weight: normal; }
	#sidebar img { margin-left: 10px; }
	#sidebar form { margin: 0 16px; }
		#sidebar form input.address { border: 1px solid #6b2424; width: 140px; padding: 3px; margin-bottom: 4px; }
		#sidebar form input.submit { background: #6b2424; color: #fff; border: 0; padding: 4px; font-size: 11px; font-weight: bold; cursor: pointer; }
	#sidebar #random-logos { text-align: center; clear: both; padding-top: 10px; }
		#random-logos script, #random-logos img { margin-bottom: 10px; }
#content { float: right; width: 573px; margin-right: 10px; }
	#content h2 { color: #6b2424; margin: 0 0 10px 0; clear: both; }
	#content #slideshow { width: 569px; height: 300px; overflow: hidden; border: 2px solid #202020; }
	#content #slideshow-controls { background: #202020; overflow: hidden; text-align: right; margin-bottom: 10px; }
		#content #slideshow-controls p { float: left; margin: 4px; padding: 0; color: #5e5e5e; }
		#content #slideshow-controls ul { margin: 4px; padding: 0; float: right; }
		#content #slideshow-controls ul li { list-style: none; display: inline; color: #ddd; cursor: pointer; margin: 0 6px; }
	ul#featured-cats { margin: 0 0 100px 0; padding: 0; }
	ul#featured-cats li { list-style: none; display: inline; margin: 0 7px 10px 0; float: left; text-align: center; }
	ul#featured-cats li a { display: block; width: 184px; font-size: 16px; color: #fff; background: #6b2424 url('/images/SEOset/featured-cat-bg.png') repeat-x; padding: 6px 0; }
	ul#featured-cats li a:hover { text-decoration: none; background-position: bottom left; }
	div.featured-prod { width: 180px; height: 200px; float: left; margin: 0; text-align: center; overflow: hidden; }
	div.featured-prod a { font-weight: bold; }
	div.featured-prod span.retail { color: red; text-decoration: line-through; }
	div.featured-prod span.our { color: green; font-size: 13px; }
	div.thumb-image { width: 190px; height: 75px; text-align: center; vertical-align: center; overflow: hidden; }
	
	div.cat-description img { float: left; margin: 0 8px 10px 0; width: 200px; }
	div.cat-description p { float: left; }
	
	#narrow-search { margin-bottom: 10px; }
	h6 { clear: both; background: #8b0000; color: #fff; padding: 4px; }
	h6 a { font-size: 10px; color: yellow; margin-left: 200px; cursor: pointer; }
	h6 a:hover { color: white; }
	div#children { clear: both; overflow: hidden; }
	div#children a {
		color: #fff;
		display: block; 
		background: url('/images/subcat-bg.png') no-repeat; 
		float: left; 
		width: 130px; 
		font-size: 11px;
		margin: 4px 0 4px 10px; 
		padding: 4px 0; 
		text-align: center; }
	
	div.product { clear: both; overflow: hidden; border-top: 1px solid #b1b1b1; padding-top: 20px; margin-bottom: 20px; }
		div.product-photo { float: left; width: 100px; background: #fff; text-align: center; }
			div.product-photo { border: 2px solid #202020; }
		div.product-info { float: right; width: 449px; }
			div.product-info p.name { font-size: 14px; margin-bottom: 0; }
			div.product-info ul { margin: 0 0 10px 0; padding: 0; }
			div.product-info ul li { font-size: 12px; list-style: none; display: inline; margin-right: 10px; }
			
	#sub-info { margin: -16px 0 20px 0; padding: 0; }
	#sub-info li { list-style: none; display: inline; margin-right: 20px; }
	#detail-image { width: 300px; background: #fff; text-align: center; float: left; margin-bottom: 20px; }
	.multi-image { padding: 10px; text-align: left; border: 2px solid #708859; overflow: hidden; }
		.multi-image p { font-weight: bold; margin-bottom: 2px; }
	#detail-image img.extra-images { margin: 0 6px; }
	#buynow { width: 263px; float: right; background: #e2c292; margin-bottom: 20px; }
		#buynow table { margin-top: 8px; }
		#buynow table td.our-price { font-size: 16px; color: green; }
		#buynow table td.retail-price { color: red; text-decoration: line-through;}
		#buynow table tr td { border-bottom: 1px solid #fff; }
		#buynow table tr td.text { text-align: right; color: #708859; font-weight: bold; font-size: 14px; }
		#buynow table tr td.free { text-align: center; }
		#buynow #cartadd { padding: 8px 10px; }
		.attribute-display { margin: 10px 0 5px 0; }
			.attribute-display select { width: 233px; #font-size: 10px; }
		.cartadd-button { margin: 16px 0 10px 0; }
		p.gotocart { border-top: 1px solid #fff; text-align: center; margin-bottom: 2px; padding-top: 2px; }
		p.backone { border-top: 1px solid #6b2424; margin-top: 10px; padding-top: 2px; clear: both; }
	#description { clear: both; }
	#confirm-buttons { width: 200px; margin: auto; }
	.pdf-link { display: block; background: url('/images/SEOset/download.png') no-repeat; margin: 20px 0; padding-left: 20px; font-size: 14px; font-weight: bold; }
	.koi-cash { color: #708859; font-size: 14px; font-weight: bold; }
	.koi-cash-small { margin: 0; padding: 0 0 0 32px; background: url('/images/SEOset/koi-cash-small.png') 0 2px no-repeat; }
	.relateds { width: 120px; height: 200px; float: left; margin: 0 20px 16px 0; text-align: center; }
	#calculators { 
		clear: both; 
		background: #f7d8ae; 
		border: 1px solid #6b2424;
		margin: 10px 0;
		padding: 10px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px; }
	#calculators p { font-weight: bold; }
	#calculators p span { color: red; }
	#calculators ul { margin: 8px 0; padding: 0; }
	#calculators ul li { display: inline; list-style: none; margin-right: 50px; }
	#calculators ul li.last { margin-right: 0; }
	
#footer { clear: both; background: url('/images/SEOset/footer-bg.jpg') no-repeat; height: 29px; }