/*CSS layout by Jason Fletcher August 2005*/
/*Updated 1 November 2005*/
body {		padding: 0;
				margin: 0; 
				background:url(./images/diag.jpg);
				color: #666;
				font-family:Tahoma, Arial, Helvetica, sans-serif;
				font-size:76%;}/*set initial font size to roughly 12px*/
				 
#container {	width:775px;
					padding:0;
					text-align: left;
					position: relative;}
							
#header {		background:url(./images/header.jpg) no-repeat;
					width: 775px;
					height:150px;}
						
#content {	padding: 0 60px 0 250px;
					margin:0;
					width:465px;
					background: url(./images/body.jpg) repeat-y;}
			
/* for Mozilla/Safari/Opera min-height workaround- requires #main child element*/
*>#content { 		padding-top: 580px;
 				min-height: 1px;}
*>#content #main { 	margin-top: -580px;}
	/* for IE, with IE5/Mac backslash filter \*/
* html #content { 	height: 580px;}
	/* end filter */

#menu {	width:172px;
				position:absolute;
				left: 0;
				top: 150px;
				padding: 0 10px 0 20px;}		

li {font-family:Tahoma, Arial, Helvetica, sans-serif;}

ul.embedded {margin-top:-1em;}/*for IE, the rule below overrides it for Mozilla*/
li.nobullet > ul.embedded {margin-top:0;}

li.main {	list-style: none;
				margin-left: -30px;
				padding-left:23px;
				line-height:2;/*doesn't need a unit*/
				border-top: solid 1px #dadecc;}
			
li.offsite {	list-style: none;
				margin-left: -30px;
				padding:6px 0 0 23px;
				line-height:1.3;
				border-top: solid 1px #dadecc;}
			
li#ind{	border-top: none;}
			
/*to highlight the current page in the menu*/
body#index li#ind  {				font-weight:bold; background: url(./images/nav.gif) no-repeat left;}
body#minsah li#min  {			font-weight:bold; background: url(./images/nav.gif) no-repeat left;}
body#browseall1 li#bag  {	font-weight:bold; background: url(./images/nav.gif) no-repeat left;}
body#browseall3 li#acc  {		font-weight:bold; background: url(./images/nav.gif) no-repeat left;}
body#kariyushi li#kar  {		font-weight:bold; background: url(./images/nav.gif) no-repeat left;}
body#browseall4 li#men  {	font-weight:bold; background: url(./images/nav.gif) no-repeat left;}
body#browseall5 li#wom  {	font-weight:bold; background: url(./images/nav.gif) no-repeat left;}
body#browseall6 li#wat  {	font-weight:bold; background: url(./images/nav.gif) no-repeat left;}
body#browseall li#all  {		font-weight:bold; background: url(./images/nav.gif) no-repeat left;}
body#cart li#car  {				font-weight:bold; background: url(./images/nav.gif) no-repeat left;}
body#contact li#con  {			font-weight:bold; background: url(./images/nav.gif) no-repeat left;}
body#links li#lin  {				font-weight:bold; background: url(./images/nav.gif) no-repeat left;}
body#policy li#pol  {				font-weight:bold; background: url(./images/nav.gif) no-repeat left;}
body#aboutokinawa li#oki  {font-weight:bold; background: url(./images/nav.gif) no-repeat left;}

li.nobullet {	list-style: none;}

li.sub {	list-style: none;
			margin-left: -45px;
			padding-left:23px;
			line-height:1.5;}
			
legend {	color:#9a6c8e;}

input, textarea, select {background:#f3f4ed;}

input.button, a.button {background:#dadecc;
									color:#9a6c8e;
									font-family:Tahoma, Arial, Helvetica, sans-serif;
									font-weight:bold;
									font-size:1em;
									border-top:1px #d0d2cb solid;
									border-left:1px #f0f2ea solid;
									border-bottom:1px #aeb1a6 solid;
									border-right:1px #919488 solid;
									display:block;
									width:10em;}
input.button {				height:1.6em;}
a.button {						line-height:1.4; /*to align text centrally in the vertical plane*/
									height:1.4em;}

input.button:hover, a.button:hover {	text-decoration:none;
														border-top:1px #aeb1a6 solid;
														border-left:1px #919488 solid;
														border-bottom:1px #d0d2cb solid;
														border-right:1px #f0f2ea solid;
														color:#9a6c8e;}

h1#mainheading {	margin:0;
								font-size: 1.7em;}
h1#mainheading span {	display:none;}
h2 {					font-size: 1.5em;}
h3 {					font-size:1.3em;}
h4 {					font-size:1.1em;}
p 	{					font-size: 1em;}

p.sorry {			line-height:1.5;} 
p.warn 	{			color:#f00;}
p.checkout {		font-style:oblique;}

.req {				color: #30c;}
.offers { 			text-align:center;
						font-style:oblique;
						color:#c1008f;}
.price { 			font-weight:bold;}
td.formcom {	color:#c9f;
						font-size: .9em;
						font-style:oblique;}
td.rowline { 		border-top: dotted 2px #000;}

table.sizes {				border:1px solid #919d6e;}
table.sizes th {			background-color: #e0e3d3;}
table.sizes th.title {	color:#9a6c8e; width:100px;}
table.sizes th.label {	width:50px;}
table.sizes td {			background-color: #f1f3eb;}

a:link 	{ 		text-decoration:none;}
a:visited 	{ 	text-decoration:none;}
a:hover 	{ 	text-decoration:none; color:#ccc;}
a:active 	{ 	text-decoration:none; font-weight:bold;}

img {	border:none;}

#pic1 {	position:relative;
			float:right;
			margin-left:15px;}
#pic2 {position:relative;
			float:left;
			margin-right:15px;}

#footer {	background:url(./images/footer.jpg) no-repeat;
				width: 565px;
				height:60px;
				margin:0;
				padding:5px 0px 0px 210px;
				clear:both;
				color:#919d6e;
				font-size:.8em;
				font-style:oblique; }
/*################################################*/