/* CSS Document */

html {width: 100%; height: 100%; overflow:auto;}

iframe.menu {
		width: 177px;
		height: 445px;
		margin: 0;
		padding: 0;
		border: none;
		overflow: auto;
}

iframe.contents {
		width: 180px;
		height: 348px;
		margin: 0;
		padding: 0;
		border: none;
		overflow: auto;
}

iframe.list {
		width: 680px;
		height: 445px;
		margin: 0;
		padding: 0;
		border: none;
		overflow: auto;
}

iframe.contact {
		width: 636px;
		height: 445px;
		margin: 0;
		padding: 0;
		border: none;
		overflow: auto;
}

iframe.fabric {
		width: 647px;
		height: 445px;
		margin: 0;
		padding: 0;
		border: none;
		overflow-x: hidden;
}

iframe.product {
                width: 317px;
                height: 445px;
                margin: 0;
                padding: 0;
                border: none;
                overflow: auto;
}

iframe.com {
		width: 609px;
		height: 445px;
		margin: 0;
		padding: 0;
		border: none;
		overflow: auto;
		scroll: no;
		overflow-x: hidden; 
		overflow-y: hidden;
}

iframe.searchlist {
		width: 874px;
		height: 445px;
		margin: 0;
		padding: 0;
		border: none;
		overflow: auto;
}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1{
	letter-spacing: 1px;
	font-weight: normal;
	display: inline;
	font-size: 10px;
}

h2{
	letter-spacing: 1px;
	font-weight: normal;
	display: inline;
	font-size: 12px;
	color: #cccccc;
	line-height: 30px;
	margin-top:10px;
}

h3{
	letter-spacing: 1px;
	font-weight: normal;
	display: inline;
	font-size: 12px;
	color: #999999;
	line-height: 30px;
	margin-top:10px;
}

h4{

            font-weight: normal;

            display: inline;

            line-height:15px;

            color:#999999;

            font-size:8px;

            letter-spacing: 1px;

            margin-top:0;

}


p{
	line-height:15px;
	color:#cccccc;
	font-size:10px;
	letter-spacing: .25px;
	margin-top:0;
}

p.fabric{
	line-height:18px;
	color:#cccccc;
	font-size:10px;
	letter-spacing: .25px;
	margin-top:0;
}

p.contactmenu{
	line-height:18px;
	color:#cccccc;
	font-size:10px;
	letter-spacing: .5px;
	margin-top:0;
}

p.cat{
	line-height:15px;
	color:#999999;
	font-size:9px;
	letter-spacing: .25px;
	margin-top:0;
}

p.sub{
	line-height:15px;
	color:#cccccc;
	font-size:10px;
	letter-spacing: .25px;
	margin-top:-10px;
	margin-bottom:0px;
}

p.invalid{
	line-height:15px;
	color:#ffcc00;
	font-size:10px;
	letter-spacing: 1px;
	margin-top:0;
}


p.menu{
	line-height:15px;
	color:#cccccc;
	font-size:10px;
	letter-spacing: 1px;
	margin-top:0;
}

p.menu_b{
	line-height:15px;
	color:#252525;
	font-size:10px;
	letter-spacing: 1px;
	margin-top:0;
}

iframe.recommend {
		width: 425px;
		height: 117px;
		margin: 0;
		padding: 0;
		border: none;
		overflow: hidden;
}

iframe.info {
		width: 404px;
		height: 310px;
		margin: 0;
		padding: 0;
		border: none;
		overflow: hidden;

}

form.search {
		margin: 0;
		
}

input { 
 background-color: #252525; 
}

.search { 
 font-size: 9px; 
 letter-spacing: 1px;
 color:#999999;
 background-color: #252525; 
 border: 1px solid #999999;
 width: 150px;
 height: 19px; 
 text-align:left;
 padding: 2px;
 margin: 0 0 0 2px;
}

.search_b { 
 font-size: 9px; 
 letter-spacing: 1px;
 color:#999999;
 background-color: #d3d2cc; 
 border: 1px solid #999999;
 width: 150px;
 height: 19px; 
 text-align:left;
 padding: 2px;
 margin: 0 0 0 2px;
}

.searchbar {
 margin: 0 0 0 0;
}

.texta { 
 font-size: 10px; 
 letter-spacing: 1px;
 color:white;
 background-color: #252525; 
 border: 1px solid #999999;
 width: 30px;
 height: 18px; 
 text-align:center;
}

.username { 
 font-size: 10px; 
 letter-spacing: 1px;
 color:white;
 background-color: #252525; 
 border: 1px solid #999999;
 width: 150px;
 height: 18px; 
 text-align:left;
}

.password { 
 font-size: 10px; 
 letter-spacing: 1px;
 color:white;
 background-color: #252525; 
 border: 1px solid #999999;
 width: 150px;
 height: 18px; 
 text-align:left;
}

input.search_btn {
  color:#cccccc;
  letter-spacing: 2px;
  font: bold 50% helvetica, sans-serif;
  font-size:10px;
  background-color:#333;
  border:1px solid;
  border-color: #999 #999 #999 #999;
  width: 70px;
  height: 19px;
  cursor:pointer;
}

:hover input.search_btn {
  color:white;
  letter-spacing: 2px;
  font: bold 50% helvetica, sans-serif;
  font-size:10px;
  background-color:#333;
  border:1px solid;
  border-color: white;
  width: 70px;
  height: 19px;
  cursor:pointer;
}

input.btn {
  color:white;
  letter-spacing: 2px;
  font: bold 50% helvetica, sans-serif;
  font-size: 9px;
  background-color:#333;
  border:1px solid;
  border-color: #999 #999 #999 #999;
  width: 90px;
  height: 18px;
  cursor:pointer;
}

input.search_btn_b {
  color:#666666;
  letter-spacing: 2px;
  font: bold 50% helvetica, sans-serif;
  font-size:10px;
  background-color:#b9b8b1;
  border:1px solid;
  border-color: #999 #999 #999 #999;
  width: 70px;
  height: 19px;
  cursor:pointer;
}

input.login_btn {
  color:white;
  letter-spacing: 2px;
  font: bold 50% helvetica, sans-serif;
  font-size: 9px;
  background-color:#333;
  border:1px solid;
  border-color: #999 #999 #999 #999;
  width: 60px;
  height: 18px;
  cursor:pointer;
}

input.reminder_btn {
  color:white;
  letter-spacing: 2px;
  font: bold 50% helvetica, sans-serif;
  font-size: 9px;
  background-color:#333;
  border:1px solid;
  border-color: #999 #999 #999 #999;
  width: 160px;
  height: 18px;
  cursor:pointer;
}

a.breadcrumbs:link {color: #cccccc; text-decoration: none;}
a.breadcrumbs:visited {color: #cccccc; text-decoration: none;}
a.breadcrumbs:hover {color: #cccccc; text-decoration: underline;}
a.breadcrumbs:active {color: #cccccc; text-decoration: none;}

a.categorylinks:link {color: #cccccc; text-decoration: none;}
a.categorylinks:visited {color: #cccccc; text-decoration: none;}
a.categorylinks:hover {color: #cccccc; text-decoration: underline;}
a.categorylinks:active {color: #cccccc; text-decoration: none;}

a.fabric_on:link {color: #cccccc; text-decoration: none;}
a.fabric_on:visited {color: #cccccc; text-decoration: none;}
a.fabric_on:hover {color: white; text-decoration: none;}
a.fabric_on:active {color: white; text-decoration: none;}

a.fabric_off:link {color: #666666; text-decoration: none;}
a.fabric_off:visited {color: #666666; text-decoration: none;}
a.fabric_off:hover {color: white; text-decoration: none;}
a.fabric_off:active {color: white; text-decoration: none;}

a.logout:link {color: #999999;}
a.logout:visited {color: #999999;}
a.logout:hover {color: #cccccc;}
a.logout:active {color: #cccccc;} 



img.border {
	border: solid 1px #cccccc;
}

img.special {
	border: solid 1px #c3c3c3;
}

table.border {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: #cccccc;
	border-collapse: separate;
	background-color: white;
}


#main {
	z-index: 1;
	position: absolute;
	top: 163;

}

#colorwheel {
	z-index: 2;
	position: absolute;
	top: 164;
}




a img {
 	border: none;
}