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

body {
	background: #4c6534 url(../image/bg-tile.jpg) repeat-x top center;
	margin: 0;
	padding: 0;
	}
	
#wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}
	
h1.logo {
	position: absolute;
	background: url(../image/logo-trans.png) no-repeat top left;
	width: 302px;
	height: 144px;
	margin: 0;
	padding: 0;
	font-size: 0;
	text-indent: -3000px;
	left: 325px;
	top: 40px;
	z-index: 99;
	}

ul.nav {
	padding: 72px 0 0 710px;
	margin: 0 0 15px 0;
	}
	ul.nav li {
		list-style: none;
		float: left;
		margin: 0;
		padding: 0;
		text-indent: -3000px;
		}
		ul.nav li.last a {
			border-right: none;
			padding: 0 0 0 15px;
			}
		ul.nav li a {
			outline: none;
			padding: 0 15px;
			border-right: 1px solid #f7f6ed;
			color: #f7f6ed;
			text-decoration: none;
			}
		ul.nav li a.home {
			background: url(../image/nav-home.gif) no-repeat 15px 0;
			font-size: 0;
			display: block;
			width: 52px;
			height: 11px;
			}
		ul.nav li a.about {
			background: url(../image/nav-about.gif) no-repeat 15px 0;
			font-size: 0;
			display: block;
			width: 60px;
			height: 11px;
			}
		ul.nav li a.order {
			background: url(../image/nav-order.gif) no-repeat 15px 0;
			font-size: 0;
			display: block;
			width: 61px;
			height: 11px;
			}
			
#pointer {
	position: relative;
	margin: 0;
	padding: 0;
	background: url(../image/nav-pointer.gif) no-repeat;
	background-position: 760px 0;
	width: 960px;
	height: 12px;
	top: 2px;
	font-size: 0;
	text-indent: -3000px;
	}

#content {
	padding: 10px;
	background: #f7f6ed;
	border: 2px solid #445b2f;
	margin: 0 0 0 0;
	float: left;
	width: 940px;
	}
	img.banner {
		padding: 10px 0 0 0;
		float: left;
		}
	div.banner {
		background: url(../image/grad-tile.jpg) repeat-x top left;
		border-left: #769856 1px solid;
		height: 311px;
		float: left;
		position: relative;
		}
		div.banner.home {
			width: 395px;
			}
		div.banner.about {
			width: 440px;
			}
		div.banner h2 {
			/*font: 18px Trajan Pro, Georgia, "Times New Roman", Times, serif !important;
			color: #fff;
			letter-spacing: 3px;*/
			font-size: 0;
			text-indent: -3000px;
			display: block;
			background: url(../image/capay-satsuma.gif) no-repeat top left;
			height: 16px;
			width: 374px;
			margin: 0;
			padding: 0;
			left: 10px;
			top: 190px;
			position: absolute;
			}
			div.banner h3 {
				font: 14px Georgia, "Times New Roman", Times, serif;
				color: #97a788;
				margin: 0;
				padding: 0;
				top: 215px;
				left: 130px;
				position: absolute;
				}
				div.banner h3 a {
					color: #97a788 !important;
					}
					div.banner h3 a:hover {
						color: #c9d5be !important;
						}
	div.col {
		width: 445px;
		padding: 10px;
		float: left;
		font: 14px/18px Georgia, "Times New Roman", Times, serif;
		color: #2a230c;
		}
	div.col.wide {
		width: 467px !important;
		}
	div.col.narrow {
		width: 438px !important;
		padding: 10px 0 10px 10px;
		}
	div.col.homewide {
		width: 512px !important;
		}
	div.col.homenarrow {
		width: 393px;
		padding: 10px 0 10px 10px;
		}
	div.col.full {
		width: 920px;
		}
	div.col.top {
		padding-top: 40px !important;
		}
	#content h1 {
		font: 24px Georgia, "Times New Roman", Times, serif;
		}
		#content h1.about {
			background: url(../image/about-us.gif) no-repeat top left;
			width: 125px;
			height: 20px;
			font-size: 0;
			text-indent:-3000px;
			display: block;
			margin: 10px 0 0 0;
			}
		#content h1.welcome {
			background: url(../image/welcome.gif) no-repeat top left;
			width: 125px;
			height: 20px;
			font-size: 0;
			text-indent:-3000px;
			display: block;
			margin: 10px 0 0 0;
			}
		#content h1.order {
			background: url(../image/order.gif) no-repeat top left;
			width: 89px;
			height: 21px;
			font-size: 0;
			text-indent:-3000px;
			display: block;
			margin: 10px 0 0 0;
			}
		#content h1.pricing {
			background: url(../image/pricing.gif) no-repeat top left;
			width: 105px;
			height: 20px;
			font-size: 0;
			text-indent:-3000px;
			display: block;
			margin: 10px 0 0 0;
			}
	#content h2 {
		font: 18px Georgia, "Times New Roman", Times, serif;
		}
	#content img.fleft {
		float: left;
		border: none;
		padding: 0 0 10px 0;
		}
	#content img.pad{
		padding: 0 10px 10px 0 !important;
		}
		
	#content fieldset {
		border: none;
		}
		#content fieldset span.required,
		#content fieldset legend {
			color: #c00;
			font-weight: bold;
			}
		#content fieldset legend {
			padding: 0 0 20px 0;
			font-size: 12px;
			}
		#content fieldset div {
			clear: both;
			padding: 5px 0;
			background: #fbfbf6;
			border-bottom: 1px solid #e6e5d9;
			
			}
			#content fieldset div.submit {
				}
			#content fieldset div .fleft {
				float: left;
				}
			#content fieldset div .fright {
				float: right;
				}
			#content fieldset div .label {
				float: left;
				width: 160px;
				font-size: 12px;
				line-height: 20px;
				}
			#content label.error {
				color: #c00;
				font-weight: bold;
				display: block;
				padding: 4px;
				text-align: center;
				}
			#content fieldset div .input,
			#content fieldset div .textarea {
				border: 1px solid #999;
				padding: 4px;
				}
			#content fieldset div .input {
				width: 120px;
				}
				#content fieldset div .input.long {
					width: 220px;
					}
				#content fieldset div .input.short {
					width: 170px;
					}
			#content fieldset div .textarea {
				width: 240px;
				}
				#content fieldset div .textarea.long {
					width: 300px;
					}
				#content fieldset div .textarea.short {
					width: 150px;
					}
		
		div.ship {
			border-color: #b3b2a6;
			border-style: solid;
			border-width: 1px 0;
			padding: 15px !important;
			clear: none !important;
			margin: 10px 3px;
			width: 410px;
			float: left;
			position: relative;
			}
		a.delrecpt {
			position: absolute;
			top: 30px;
			right: 15px;
			outline: none;
			}
		#content a {
			color: #f58200;
			}
			#content a:hover {
				color: #bf4900;
				}
		table#shipping {
			width: 100%;
			}
			#shipping .corner {
				background: none !important;
				border-bottom: none !important;
				}
			#shipping .headrow td {
				background: #9bba7e;
				border-bottom: 1px solid #719152;
			}
			#shipping tr {
				}
			#shipping td {
				text-align: center;
				background: #fbfbf6;
				border-bottom: 1px solid #e6e5d9;
				}
		
		p.status {
			text-align: center;
			padding: 15px;
			border-width: 3px;
			border-style: solid;
			margin: 20px;
			}
			p.status.success {
				background-color: #afa;
				border-color: #363;
				color: #000;
				}
			p.status.error {
				background-color: #faa;
				border-color: #633;
				color: #000;
				}
		

#footer {
	background: url(../image/footer.gif) top center no-repeat;
	font-size: 0;
	float: left;
	width: 960px;
	height: 60px;
	position: relative;
	top: -2px;
	}
.center-tag {
	float: left;
	clear: both;
	width: 87px;
	padding: 0 436px;
	margin-bottom: 50px;
	}
.cwd-tag {
	background: url(../image/cwd-tag.gif) top center no-repeat;
	font-size: 0;
	text-indent: -3000px;
	display: block;
	width: 87px;
	height: 18px;
	}