html,  body { height: 100%; margin: 0; padding: 0;}
body { background-color: #ffffff; color: #664f3d; font-family: Arial; font-size:10px;  }
a { color: #664f3d; font-size: 10px; text-decoration: none }
a:link { font-size: 10px; color: #664f3d;}
a:visited { font-size: 10px; color: #664f3d;}
a:hover { font-size: 10px; color: #af998a; }

table { text-decoration: none; letter-spacing: 2px; font-size: 10px;} 

.thumbs a { color: #664f3d; font-size: 10px; text-decoration: none }
.thumbs a:link { font-size: 10px; color: #664f3d;}
.thumbs a:visited { font-size: 10px; color: #664f3d;}
.thumbs a:hover { font-size: 10px; color: #af998a; }






.form { color: white; background-color: #a97400; height: 100%; }
.opener {background-color: #a97400; color: #fff; height: 100%; width: 100%; margin: 0; padding: 0; }
.opener a:link, a:visited { color: #a0a0a0}
.opener a:hover { color: yellow; }


.full { width: 100%; height: 100% ; margin: 0; padding: 0; border-style: none; }
.product { padding: 0; height: 90%; margin-left: auto; margin-right: auto ; border-style: none; }
.browse { width: 600px; margin: 0; padding: 0; border-style: none; }
.logo  {width: 90%; height:70px; margin: 0; padding: 0; border-style: none;}
span { text-decoration: none; letter-spacing: 2px }
.head1   { font-weight: bold; font-size: 25px }
.head2 {font-weight: bold; font-size: 15px; text-decoration: none  }

.headshift { margin-left: 80px; }
.chevron { font-size: 12px; font-family: webdings; }

.menu    { font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; letter-spacing: 2px; }
.menu a:link { color: #664f3d; font-size: 12px; font-weight: bold; }
.menu a:visited { color: #664f3d; font-size: 12px; font-weight: bold; }
.menu a:hover { font-size: 12px; font-weight: bold; color: #af998a}
.menu2    { font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; letter-spacing: 2px }
.menu2 a:link { font-size: 12px; font-weight: bold; color: white }
.menu2 a:hover { font-size: 12px; font-weight: bold; color: #ff0 }

.leftpad { padding-left: 17px; }
.leftpad10 { padding-left: 10px; }
.textbold  { font-size: 12px; font-weight: bold; }
.invis { position: absolute; z-index: -2; }
.cellborder  { padding-left: 5px; border: solid 2px #c0c0c0 }
.cellbordernopad  { border: solid 2px #c0c0c0 }
.small { font-size: 9px; letter-spacing: 0; }
.header { color: #664f3d; font-size: 15px; font-weight: bold; text-decoration: none   }
.header a:link { color: #664f3d; font-size: 15px; font-weight: bold; }
.header a:visited {font-size: 15px; color: #664f3d; font-weight: bold; }
.header a:hover {font-size: 15px; color: #af998a; font-weight: bold; }

.footer1 { color: #ebbd00; font-size: 15px; text-decoration: none}
.footer2 { color: #ebbd00; font-size: 12px; text-decoration: none  }
.footer1 a {color: #ebbd00; }
.footer1 a:hover {color: red; }
.footer2 a {color: #ebbd00; }
.footer2 a:hover {color: red; }
.bord {border: solid 4px #c0c0c0}
.bottombord { border-bottom: 2px solid #c0c0c0; border-top-color: #c0c0c0; border-right-color: #c0c0c0; border-left-color: #c0c0c0; }
.framescale { width: 100%; height: 100%; }
.framescale1 { width: 100%; height: 35px; }
.text11 { font-size: 11px; }
.shift12 { vertical-align: -12px; }
.shift12 a { vertical-align: -12px; }

.red {color: #b22222}
.red a:link { color: #b22222 }
.red a:visited { color: #b22222 }
.red a:hover { color: #ffb6c1 }

.scroll { position: absolute; top: 40%; right: 2%; width: 100%; height: 100%; z-index: 3; }

.position {position: absolute; right: 4%; height: 100%; overflow: auto; z-index:2}
.content { height: 100%; overflow: auto; z-index:2}
.formbutton { color: #fff; font-family: Arial; background-color: #a97400; border: outset 3px #b28b36; outline-color: #885e01; }
.formfield { background-color: #ffffe0 }
.grey { color: #a0a0a0 }
.white {color: white;}
.white a {color: white;}
.white a:hover {color: yellow}

.white10 {font-size: 10px; color: white;}
.darkgreyleftpad {padding-left: 20px; color: #414141}
.scrolldown { position: fixed; bottom: 40%; right: 4%; z-index: 2; }
.nosee { visibility: hidden; }
.big {font-size:18px }


#backbutt { position: absolute; top: 12px; left: 12px; }

.bullet { color: #b22222; font-size: 30px; }
.bullet a:link { color: #b22222; font-size: 30px; }
.bullet a:visited { font-size: 30px; color: #b22222; }
.bullet a:hover { font-size: 30px; color: #ffb6c1 ; }

.row33 { height: 33px; width: 40px; }
.row25 { height: 25px; }
.font10 { font-size: 10px; color: #664f3d;letter-spacing: 2px;}
.shiftup { position: relative; left: -10px; bottom: 40px; z-index: 2; }
.nospace {letter-spacing: 0px}

.menufinish { font-size: 10px; color: #664f3d; font-weight: bold;letter-spacing: 2px;}
.menufinish a:link   { font-size: 10px; color: #664f3d; font-weight: bold;letter-spacing: 2px;}
.menufinish a:visited { font-size: 10px; color: #664f3d; font-weight: bold;letter-spacing: 2px;}
.menufinish a:hover { font-size: 10px; color: #af998a; font-weight: bold;letter-spacing: 2px;}
table.menufinish {position: absolute; visibility: hidden; }



div#leather_ranges_thumbs{ margin:15px 0 15px 0px;}
.cell a { width: 110px; height: 110px; background-color: #a97400; letter-spacing: 2px; padding-left: 5px; display: block; text-decoration: none; color:white;  }
.cell a:hover {
	text-decoration: none; 
	color: yellow;  
	 }

.shift50 { position: relative; top: 45px; }
.polyreycells { width: 105px; height: 125px; }
frame { border-style: none; border-width: 0; }
frameset { border-style: none; border-width: 0; }
#caption {font-size: 10px; }
#chev {font-size: 18px; }
#navprod    {width: 160px; height: 90%; border-style: hidden; }
/*div positionals*/

#scroll {position:fixed;top:5%; right:2.5%; width:15px; height:200px;}
#prods{ position: relative; left: 45px; visibility: hidden; z-index: 2; }
#head { position: fixed; top: 0; left: 25%; height: 40px; }
#foot { position: fixed; left: 20%; bottom: 0; height: 40px; }
#nav { position: fixed; top: 0; left: 0; bottom: 0; width: 160px; height: 100%; z-index: 3; }
#mainproduct { position: fixed; top: 40px; left: 140px; right: 10px; bottom: 40px; }
#mainbrowse { position: absolute; top: 0; left: 140px; right: 6%; width: 80%; overflow: auto; }
#product {}