/* this css is created by joel walser - design@kohzo.ch */

body    {
	background: url(../images/back.gif) repeat-y;
	background-position: center;
	margin: 0px;
	text-align: center;
}


/* layout rules */

#all {
		margin: auto;
		width: 755px;
		height: 100%;
		border: 1px solid #666;
		border-bottom: none;
		border-top: none;
		}

#nav_top {
		height: 140px;
		width: 755px;
}

#nav_top img, #nav img, .navelementb img { /* ie adaption */
		display: block
		}

#nav {
		position: relative;
		text-align: left;
		float: right;
		width: 386px;
		height: 48px;
}

.navelement {
	height: 17px;
	float: left;
}

.navelementb {
}


#unav, #unavpic { 
		position: relative;
		float: left;
		background: url(../images/unav_back.gif) no-repeat;  /* will be specified in each document */
		width: 146px;
		height: 241px;
}

#content {
		top: 17px;
		left: 16px;
		position: relative;
		text-align: right;
		width: 569px;
		float: left;
		}
	

.clear {
	clear: both;
}	

.text {
	float: left;
	width: 423px;
}	

.shoptext {
	float: left;
	width: 323px;
}	

.spacer {
	width: 16px;
	height: 16px;
}

#content img { margin: 0px; border: 1px solid #666; }		
		
#colorline { /* will be specified in each document */
	background: #666 url(../images/li_gray.gif) no-repeat;
	height: 20px;
	width: 8px;
	top: -5px;
	position: relative;
	float: right;
}

div.newselement {
	float: right;
	width: 130px;
	height: 1px;
	font-size: 1px;
	margin: 4px 0 0 0;
	padding: 0;
	border:none;
	border-top: 8px solid #f00;
}


#infotext {
	display: none
}


/* typography */


.gs, .unavelement, .unavelementa, .red, .cannabis, .cotton, .kakishibu, .kevlar, .linen, .paper, .sasawashi, .silk, .stretch, .vegetable, .naturalindigo {
	color: #666;
	font-size: 10px;
	line-height: 16px;
	font-family: verdana,arial,helvetica,sans-serif;
	text-decoration: none;
}

select {
	color: #666;
	width: 150px;
	font-size: 10px;
	font-family: verdana,arial,helvetica,sans-serif;
}

#unav ul {
	width: 138px;
	margin: 0px 0px 0px 8px;
	padding: 0px;
	text-align: right;
	color: #666;
	font-size: 10px;
	line-height: 18px;
	font-family: verdana,arial,helvetica,sans-serif;
	display: block;
	text-decoration: none
}

#unav li {
	margin: 0px;
	border-bottom: 1px solid #fff;
	list-style-type: none;
	display: block
}

.unavselected {
	padding: 0px 4px 0px 0px;
	text-align: right;	
	display: block;
	color: #fff;
	background-color: #666
}	

.unavelement, .unavelementa {
	float: right;
	text-align: right;
	height: 18px;
	width: 134px;
	padding: 2px 4px 0px 0px;
	border-bottom: 1px solid #fff;
	display: block
}

.unavelementa {
	background-color: #666666;
	color: #fff;
	display: block
}
	
a    {
	color: #000;
	text-decoration: none;
}

a:hover    {
	color: #f00;
	text-decoration: none;
}

.red {
	color: #f00;
	}
	
#unav a {
	padding: 0px 4px 0px 0px;
	display: block
}

#unav a:link, #unav a:visited, #unav a:active {
	color: #666
}

#unav a:hover {
	color: #fff;
	background-color: #666;
}	
	
/* jeans lines */

.cannabis {
	color: #6a7a19;
	}
	
.cotton {
	color: #d5b06c;
	}
	
.kakishibu {
	color: #8f4f3c;
	}
	
.kevlar {
	color: #718a9a;
	}
	
.linen {
	color: #c08724;
	}
	
.paper {
	color: #ebda99;
	}
	
.sasawashi {
	color: #909562;
	}
	
.silk {
	color: #b42536;
	}
	
.stretch {
	color: #f1b0ce;
	}
	
.vegetable {
	color: #adce67;
	}									

.naturalindigo {
	color: #1b267b;
	}