body { width: 960px; height: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding: 0; text-align:center; background: #c0c0c0; font:100%/1.2em Arial, Helvetica, sans-serif; }
h1, h2, h3, h4 { font-weight:bold; color:#666; }
h1 { font-size: 150%; }
h2 { font-size: 130%; margin-top:10px; }
h3 { font-size: 120%; padding-left:30px; }
h3 a:hover {color:#F00;}
h4 { font-size: 110%; }
h5 { font-weight: 700; color:#999; font-size: 90%; font-family: Arial, Helvetica, sans-serif; }
p { padding: 0px 30px 0px 30px; font: 100%/1.2em Arial, Helvetica, sans-serif; color:#666; }
p img { padding: 5px 10px 5px 10px; }
img.fltlf { float: left; padding: 5px; border:none; }
img.fltrt { float: right; padding:5px; border:none; }
img.click { background: url(images/click-to-enlarge.gif) no-repeat; padding:2px; border:none; }
#login { margin: 10px 200px; padding:10px; width:500px; }
#login p { text-align:left; padding-left: 50px; font: bold 100%/1.2em Arial, Helvetica, sans-serif; }
#login form { text-align:left; padding-left: 50px; font: bold 100%/1.2em Arial, Helvetica, sans-serif; }
a:link { text-decoration:none; color:#666; font-weight: bold; font-size:90%; }
a:visited { color:#666; text-decoration:none; font-weight: bold; font-size:90%; }
a:hover { color:#666; text-decoration: none; font-weight: bold; font-size:90%; }
a.small_link { font-weight:bold; font-family:Arial; font-size:90%; color:#666; }
a.small_link:hover { font-weight:bold; font-family:Arial; font-size:90%; color:#000; }
dd { font-size: 75%; color:#666; font-weight: bold; }
.newsbox { margin:10px 40px 10px 10px; padding:0; float:right; }
.newsbox a:link img, .newsbox a:visited, .newsbox a:active { border:2px solid #996633; }
.newsbox a:hover img { border:2px solid #CC9933; }
.newsbox2 { margin:10px; padding:0; float:left; }
.newsbox2 a:link img, .newsbox a:visited, .newsbox a:active { border:2px solid #996633; }
.newsbox2 a:hover img { border:2px solid #CC9933; }
/*********** id styles ***********/

#main_content { margin:0; padding:0; text-align:left; background-color:#fff; width: 960px; float:left;/*height: auto;*/ }
#topheader { position: relative; z-index:1; background-color:#c0c0c0; }
#logo { position: relative; margin-left: 30px; padding: 5px 0 5px 0; }
#signin { clear: both; position: relative; float:right; margin: 0; right: 180px; top: 10px; width: auto; height: auto; text-decoration: none; text-align: center; padding: 5px; background-color:#c0c0c0; z-index:3; }
#signin p { color:#fff; font: bold 100%/1.0em Arial, Helvetica, sans-serif; }
#signin a { color:#fff; font: bold 80%/1.0em Arial, Helvetica, sans-serif; }
#signin a:hover { color:#666; font: bold 80%/1.0em Arial, Helvetica, sans-serif; }
#signin span { color:#fff; font: bold 90%/1.0em Arial, Helvetica, sans-serif; }
#navbar { margin: 0; padding: 2px 0 2px 0; float: left; width: 960px; height:auto; background-color: #c0c0c0; }
#navbar ul { margin: 0; padding: 0; list-style: none; }
#navbar ul li { display: inline; padding:0 20px 0 20px; }
#navbar ul li a { padding-left: 10px; padding-top:5px; text-decoration: none; color: #fff; font-size: 90%; font-weight: bolder; text-decoration: none; }
#navbar ul li a:hover { padding-left: 10px; padding-top:5px; text-decoration: none; color:#666; font-size: 90%; font-weight: bolder; text-decoration: none; }
#subnav { margin: 0; padding: 2px 0 2px 0; float: left; width: 960px; height:auto; background-color: #D3D3D3;}
#subnav ul { margin: 0; padding:0; list-style: none; }
#subnav ul li { display: inline; padding:0 20px 0 20px; }
#subnav ul li a { padding-left: 0; padding-top:5px; text-decoration: none; color: #666; font-size: 90%; font-weight: bolder; text-decoration: none; }
#subnav ul li a:hover { padding-left: 0; padding-top:5px; text-decoration: none; color:#fff; font-size: 90%; font-weight: bolder; text-decoration: none; }
#content { float:left; margin:0; padding:0; width: 960px; background:#fff; text-align: left; }
#content h2 { margin-top: 20px; }
#content.home { margin:0; padding:10px 50px; width:860px; background:#fff; }

#slideshow { background:#fff; text-align:center; padding:0; color:#A3A3A3; font: bold 80%/1.0em Arial, Helvetica, sans-serif; }
#slideshow form { padding:0; text-align:center; }
#span { margin:2px; padding:5px; text-align:center; color:#A3A3A3; font: bold 90%/1.0em Arial, Helvetica, sans-serif; }
table { margin: 5px; color:#666; }
table, tr, th, td { padding: 5px; font: bold 95%/1em Arial, Helvetica, sans-serif; }
table.fabrics { margin-top:10px; border: none; width:auto; padding:5px; font: bold 95%/1em Arial, Helvetica, sans-serif; margin-left:auto; margin-right:auto; }
table.fabrics th, table.fabrics td, table.fabrics input, table.fabrics select { font: bold 90%/1em Arial, Helvetica, sans-serif; }
table.viewitem { margin:0; padding:0 2px; border:1px solid #CCC; width:auto; }
table.viewitem td { color:#666; font:bold 80%/1em Arial, Helvetica, sans-serif; text-align:left; }
table.viewitem td.click { text-align:center; }
table.bdr { border:1px solid #666; }
th.basicmiddle { text-align:center; border-top:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000; }
th.basicright { text-align:center; border-right:1px solid #000; border-bottom:1px solid #000; border-top:1px solid #000; }
th.basicleft { border:1px solid black; }
th.basic { text-align:center; border:0px solid black; border-bottom-width:1px; border-right-width:1px; }
th.clearmiddle { text-align:center; border-top:1px solid #000; border-bottom:1px solid #000; }
td.leftrow { border-left: 1px solid #000; }
td.rightrow { border-right: 1px solid #000; }
td.lastleftrow { border-left: 1px solid #000; border-bottom: 1px solid #000; }
td.lastrightrow { border-right: 1px solid #000; border-bottom: 1px solid #000; }
td.bottomrow { border-bottom: 1px solid #000; }
td.centerspace { width:20px; }
th.centerspace { width:20px; }
td.this_list { font-weight:bolder; }

#footer { clear: both; position: relative; float: left; width: 960px; background-color:#c0c0c0; text-align:center; }
#footertopnav {margin: 0; padding: 2px 0 2px 0; float: left; width: 100%; height:auto; background-color: #D3D3D3;}
#footertopnav ul { margin: 0; padding: 0; list-style: none; }
#footertopnav ul li { display: inline; padding:1px 2px; color:#fff; font: small-caps 60%/.4em Tahoma, Geneva, sans-serif; }
#footertopnav ul li a { color:#fff; font: small-caps 60%/.4em Tahoma, Geneva, sans-serif; text-decoration: none; }

#footernav { margin: 0 0 10px 0; padding: 5px 0; float: left; width: 100%; height:auto; background-color:#c0c0c0; }
#footernav img { border:none; }
#footernav ul { margin: 0; padding: 0; list-style: none; }
#footernav ul li { display: inline; padding:0 25px 0 25px; color:#fff; font: small-caps bold 90%/1.0em Arial, Helvetica, sans-serif; }
#footernav ul li a { padding-left: 20px; padding-top:5px; color:#666; font: small-caps bold 90%/1.0em Arial, Helvetica, sans-serif;text-decoration: none; }
#footernav ul li a:hover { padding-left: 20px; padding-top:5px; color:#fff; font: small-caps bold 90%/1.0em Arial, Helvetica, sans-serif; text-decoration: none; }

#footernav ul li.gplus {padding-top:25px;}

#footer p, #footer p a:link { color: #fff; font: bold 90%/1.1em Arial, Helvetica, sans-serif; }
#footer p a:hover { color:#666; }
#footer h2.busline {margin:0;padding:0;text-align:center; color:#666; font: small-caps 80%/.9em Arial, Helvetica, sans-serif; }
#footer p.webdesigner a { margin:0; padding:0; text-align:center; color:#666; font: small-caps 80%/.8em Arial, Helvetica, sans-serif; }
#footer p.webdesigner a:hover { color:#fff; }

.formfont { color:#666; font: bold 90%/1.2em Arial, Helvetica, sans-serif; }
.submit { color:#000; font:bold 80%/1.0 Arial, Helvetica, sans-serif; }
p.pagination { margin:0; padding:2px 5px 2px 5px; width:auto; color:#666; font: bold 95%/1em Arial, Helvetica, sans-serif; }
p.pagination a { margin:0; padding:2px 5px 2px 5px; color:#666; font: bold 95%/1em Arial, Helvetica, sans-serif; }
p.pagination a:hover { margin:0; padding:2px 5px 2px 5px; color: #000; font: bold 95%/1em Arial, Helvetica, sans-serif; }
.normal { text-align:center; padding:0; margin:5px; }
a.normal:hover {color:#000;}
.normal, .brand, .purple, .show_case { color:#666; font:90%/1.1em Arial, Helvetica, sans-serif; }
.show_case { font-size:90%; font-weight:bolder; text-decoration:underline; color:#882233; }
.viewbook { float:left; }
.page_title, .error_title, .error_item { padding-top:15px; font-weight:bolder; font-family:Helvetica; font-size:90%; text-align:center; color:#E45B5B; }
.page_title_lower { padding-top:0px; font-weight:bolder; font-family:Helvetica; font-size:90%; text-align:center; color:#E45B5B; }
.sub_title { font-weight:bolder; font-family: Arial, Helvetica, sans-serif; font-size:90%; color:#FF6666; text-align:center; margin-bottom:2px; }
.gallery table { float: left; margin: 0 5px 20px 0; }
.caption { text-align:center; }
.highlight { text-align:center; font-weight:bolder; font-family:Helvetica; font-size:120%; color:#0000AA; }
.database { font-size:90%; text-align:center; color:green; font-weight:bolder; margin:0; margin-top:5px; }
.db_error { color:blue; font-family:Courier; font-size:90%; padding:0px; text-align:left; margin:0px; }
.error_title { font-size:11pt; color:red; }
.error_item { font-weight:normal; font-size:10px; color:blue; }
.error { border-color:red; border-width:2px; border-style:solid; padding:10px; font-size:90%; font-weight:bolder; text-align:center; margin:25px; }
p.footnote, p.footnote a { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color:#666; text-align:center; }
p.footnote a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color:#000; text-align:center; }
.img_CORD { width:150px; height:56px; border: none; }
img.null_CORD { background: url(products/null150.jpg) no-repeat; }
.div_CORD { margin:5px 5px 10px 5px; float:left; width:150px; height:86px; }
.img_GIMP { width:150px; height:69px; border: none; }
.div_GIMP { margin:5px 5px 10px 5px; float:left; width:150px; height:86px; }
.img_default, .img_FABRIC, .img_BULLIO, .img_BRUSH, .img_TRIM, .img_TASSEL, .img_TIEBAC { width:150px; height:150px; border:none; }
.div_default, .div_FABRIC, .div_BULLIO, .div_BRUSH, .div_TRIM, .div_TASSEL, .div_TIEBAC { margin:5px 5px 10px 5px; float:left; width:150px; height:165px; }
p.div_default, p.div_FABRIC, p.div_BULLIO, p.div_BRUSH, p.div_TRIM, p.div_TASSEL, p.div_TIEBAC, p.div_GIMP, p.div_CORD { margin:0 0 10px 0; text-align:center; font: bold 90%/.9em Arial, Helvetica, sans-serif; }
.clearboth { clear:both; }