html, body { font-family: Arial, Trebuchet MS, Verdana; font-size: 12px; color: #555; padding: 0px; margin: 0px; line-height: 21px; background-color: #C8C8C8; height: 100%; width: 100%; }
a:link { color: #03C; text-decoration:none; outline: none; }
a:active  { color: #03C; text-decoration:none; outline: none; }
a:visited { color: #03C; text-decoration:none; outline: none; } 
a:hover   { color: #D00; text-decoration:none; outline: none; }
img { border: none; margin: 0px; padding: 0px; }
em { color: #BBB; font-style: normal; margin: 0px 6px 0px 6px; }
h1 { display: block; background-color: #FFF; width: 320px; height: 30px; line-height: 30px; margin: 0px; padding: 0px; font-family: "Univers Light Condensed", "Arial Narrow", "Trebuchet MS", Verdana; font-size: 24px; font-weight: normal; color: #03C; overflow: hidden; }
h2 { padding: 0px; margin: 15px 0px 0px 0px; line-height: 16px; font-family: "Lucida Sans Unicode", "Trebuchet MS", Verdana; font-size: 14px; font-weight: normal; color: #D00; }
h3 { font-family: Tahoma, Verdana; font-weight: bold; font-size: 12px; color: #666; line-height: 14px; margin: 16px 0px 0px 0px; }
p { padding: 0px; margin: 10px 10px 14px 0px; }
ol { margin: 0px 0px 0px 30px; padding: 0px; }
ol li { margin: 0px; padding: 0px; color: #060; font-size: 11px; }
table { padding: 0px; margin: 0px; }
td { padding: 0px; margin: 0px; font-family: Arial, Trebuchet MS, Verdana; font-size: 12px; color: #555; font-weight: normal; line-height: 26px; }
form { margin: 0; padding: 0; }
hr { height: 1px; color: #E6E6E6; background-color: #EEE; margin: 6px 25px 6px 1px; border: none; }

input.bit { width: 46px; text-align: left; }
select.uno { width: 60px; margin: 3px 10px 0px 0px; }
select.dos { width: 90px; margin: 3px 10px 0px 0px; }
select.tres, select.treswarn { width: 160px; margin-top: 3px; }
select.treswarn { background-color: #FFF6F6; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #000; border-width: 1px; border-style: solid; border-color: #BBB #CCC #DDD #CCC; width: 160px; margin: 5px 0px 0px 0px; }
textarea.comments { width: 192px; padding: 4px; margin: 10px 5px 10px 5px; height: 50px; }
input.contbtn { width: 134px; height: 56px; background: url(../img/btns.gif) no-repeat -134px 0px; padding: 0px; border: none; margin: 0px; }
input.contbtn:hover { background: url(../img/btns.gif) no-repeat -134px -56px; }
input.orderbtn { width: 134px; height: 56px; background: url(../img/btns.gif) no-repeat 0px 0px; padding: 0px; border: none; margin: 0px; }
input.orderbtn:hover { background: url(../img/btns.gif) no-repeat 0px -56px; }
input.backbtn { width: 98px; height: 56px; background: url(../img/btns.gif) no-repeat -268px 0px; padding: 0px; border: none; margin: 0px 6px 0px 0px; }
input.backbtn:hover { background: url(../img/btns.gif) no-repeat -268px -56px; }
input.regbtn { width: 134px; height: 56px; background: url(../img/btns.gif) no-repeat -500px 0px; padding: 0px; border: none; margin: 0px 6px 0px 0px; }
input.regbtn:hover { background: url(../img/btns.gif) no-repeat -500px -56px; }
input.loginbtn { width: 134px; height: 56px; background: url(../img/btns.gif) no-repeat -366px 0px; padding: 0px; border: none; margin: 0px 6px 0px 0px; }
input.loginbtn:hover { background: url(../img/btns.gif) no-repeat -366px -56px; }
input.calcbtn { width: 90px; height: 26px; background: url(../img/btns.gif) no-repeat -634px 0px; padding: 0px; border: none; margin: 0px; }
input.calcbtn:hover { background: url(../img/btns.gif) no-repeat -634px -26px; }
input.login { width: 110px; }
input.czech, input.rad, span.rad input, span.czech input { position: relative; width: 14px; margin: 6px 7px 0px 0px; border: none; float: left; line-height: 12px; height: 12px; padding: 0; }
input.uno, input.dos, input.tres, .newinput input, input.quat, input.unowarn, input.doswarn, input.treswarn, input.quatwarn { position: relative; width: 152px; height: 20px; border: none; background: url(../img/swatches.gif) no-repeat -230px -52px; margin: 0px; line-height: 16px; padding: 6px 1px 0px 7px; color: #000; overflow: hidden; }
input.uno, input.unowarn { width: 52px; background-position: 0px -86px; margin-right: 5px; }
input.unowarn { background-position: -60px -86px; }
input.dos, input.doswarn { width: 87px; background-position: -390px -52px; margin-right: 5px; }
input.doswarn { background-position: -390px -78px; }
input.treswarn { background-position: -230px -78px; }
input.quat, .newinput input, input.quatwarn { width: 248px; background-position: -230px 0px; margin-right: 7px; float: left; }
input.quatwarn { background-position: -230px -26px; }
input.ronly { border: 0px; background: none; width: 230px; height: 20px; line-height: 20px; margin: 0px; padding: 0px; }
fieldset { margin: 0; padding: 0; border: 0; }
label { position: relative; display: block; width: 120px; float: left; height: 26px; line-height: 26px; padding: 0px; margin: 0px; }
label.czech, label.rad { width: auto; height: 12px; line-height: 12px; margin: 6px 0px 0px 0px; padding: 0px; }
label.dos { width: 70px; }
label.tres, label.treswarn { width: 100px; line-height: 26px; }
label.rad { margin-right: 15px; }
label.qty, label.qtywarn { width: 70px; }
label.ronly, .thoid label { width: 60px; height: 20px; line-height: 20px; color: #888; margin: 0px; }
label.warn, label.qtywarn, label.treswarn { font-weight: normal; color: #D00; background-color: #FFF6F6; }
.fields { position: relative; margin: 5px 0px 0px 0px; height: 26px; }
.padit { margin-top: 15px; }
.logoalign { position: absolute; top: 1px; left: 300px; width: 115px; }
.gre { color: #AAA; }
.mar { color: #000; }
.drop { float: left; }
.tagmat { position: relative; float: left; width: 250px; margin: 0px 0px 0px 15px; }
.tagmat b { display: block; width: 120px; float: left; color: #555; font-weight: bold; }
.tagspex { position: relative; height: 70px; }
.specs input.ronly { width: 185px; line-height: 19px; }
.ibox { position: relative; float: right; width: 240px; border-left: 1px solid #DDD; padding: 0px 0px 0px 16px; font-size: 12px; font-family: Arial, sans; margin: 0px 0px 5px 10px; }
.ibox h2 { font-family: Tahoma, Arial; font-size: 14px; margin-top: 0px; }
.ibox p { margin-bottom: 5px; }
.rytimg { float: right; margin: 0px 0px 5px 10px; }
.lefimg { float: left; margin: 0px 10px 5px 0px; }
.caption { font-family: "Palatino Linotype", "Times New Roman", Times; font-style: italic; font-size: 12px; color: #555; text-align: center; }
.info { position: absolute; right: 3px; top: 5px; display: block; width: 13px; height: 14px; line-height: 14px; color: #03C; font-weight: bold; text-align: center; background: #EEF4FF; border: 1px solid #99B3E3; cursor: pointer; cursor: hand; }
.infobox { position: absolute; border: 1px solid #555; background: #FFF; font-family: Trebuchet MS, Arial; font-size: 11px; color: #333; line-height: 12px; padding: 5px; max-width: 150px; }
.exbox { position: absolute; border: 1px solid #555; background: #FFF; font-family: Trebuchet MS, Arial; font-size: 11px; color: #333; line-height: 12px; padding: 5px; }
.output { text-align: left; display: inline; margin-bottom: 10px; }

a.contbtn, a.nxtbtn { display: block; width: 134px; height: 56px; background: url(../img/btns.gif) no-repeat -134px 0px; padding: 0px; border: none; margin: 0px; text-indent: -400px; overflow: hidden; }
a.contbtn:hover, a.nxtbtn:hover { background: url(../img/btns.gif) no-repeat -134px -56px; }
a.nxtbtn { float: right; margin-right: 20px; }
a.startbtn { display: block; width: 220px; height: 70px; background: url(../img/btns.gif) no-repeat -729px 0px; text-indent: -400px; overflow: hidden; }
a.startbtn:hover { background-position: -729px -70px; }
a.onowbtn { display: block; width: 220px; height: 70px; background: url(../img/btns.gif) no-repeat -949px 0px; text-indent: -400px; overflow: hidden; }
a.onowbtn:hover { background-position: -949px -70px; }

#wht { position: relative; width: 990px; margin-left: auto; margin-right: auto; background: #FFF url(../img/bg_10.gif) repeat-y -1980px 0px; }
#top { position: absolute; top: 0px; left: 0px; width: 990px; height: 28px; background: url(../img/bg_10.gif) repeat-y 0px -56px; }
#bot { position: relative; width: 990px; height: 28px; background: url(../img/bg_10.gif) repeat-y 0px -84px; clear: left; }
#bnr { position: relative; top: 13px; margin-left: 15px; width: 960px; height: 147px; background: url(../img/accent.png) no-repeat 0px 0px; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/accent.png',sizingMethod='scale'); }
#gry { position: relative; width: 990px; margin-left: auto; margin-right: auto; background: #FFF url(../img/bg_10.gif) repeat-y -990px 0px; }
#gry #top { background-position: 0px 0px; }
#gry #bot { background-position: 0px -28px; }
#logo { position: absolute; top: 12px; left: 12px; }
#toptxt { position: absolute; top: 32px; left: 187px; }
#ina { position: relative; padding: 35px 25px 0px 0px; margin-left: 235px; width: 715px; }
#ina ul.lst { position: relative; margin: 15px 0px 15px 0px; padding: 0px; list-style: none; }
#ina ul.lst li { list-style: none; line-height: 18px; margin: 0px; padding: 0px 0px 3px 15px; background: url(../img/bg_11.gif) no-repeat 0px -165px; }
#ina ul.lst li b { color: #555; }
#ful { position: relative; width: 960px; margin: 150px 0px 0px 15px; padding-bottom: 20px; }
#intro { position: absolute; top: 97px; left: 15px; width: 960px; z-index: 10; }
#fail { position: relative; display: none; background: url(../img/bg_11.gif) no-repeat 0px 2px; height: 26px; line-height: 26px; margin: 10px 0px 0px 0px; color: #D00; font-weight: bold; padding-left: 30px; }

table.spec, table.compare { margin-top: 10px; border-collapse: collapse; }
table.spec th, table.compare th { width: 70px; color: #555; font-weight: bold; text-align: left; background-color: #FBFBFB; padding: 0px 5px 0px 5px; }
table.spec tr {  }
table.spec td { padding: 5px 0px 5px 10px; line-height: 19px; }
table.spec tr.nbrd, table.compare tr.nbrd { border: none; }
table.spec td.hspc, table.compare td.hspc { height: 1px; line-height: 1px; font-size: 1px; background-color: #F0F0F0; padding: 0px; }
table.spec td.vspc, table.compare td.vspc { width: 1px; line-height: 1px; font-size: 1px; background-color: #F0F0F0; padding: 0px; }
table.compare td { border: 1px solid #DDD; font-size: 11px; line-height: 18px; padding: 5px; text-align: center; }
table.compare th { border: 1px solid #DDD; width: auto; }
table.compare tr.hdr td { text-align: center; padding: 10px 4px 10px 4px; background-color: #EEF4FF; font-weight: bold; border: 1px solid #ABD0E4; font-size: 11px; line-height: 14px; color: #018; }
table.compare td.lefty, table.compare tr.hdr td.lefty { text-align: left; font-size: 12px; }

table.compare tbody.color1 th { background-color: #fdf8ef; }
table.compare tbody.color1 tr.hdr td { background-color: #fef4e5; border-color: #f7e19e; color: #7d4b02; }
table.compare tbody.color1 td { background-color: #fffcf6; }

table.compare tbody.color2 th { background-color: #fef6f6; }
table.compare tbody.color2 tr.hdr td { background-color: #fdeeef; border-color: #f6c9cb; color: #9e1300; }
table.compare tbody.color2 td { background-color: #fffafa; }

table.compare tbody.color3 th { background-color: #ecfaed; }
table.compare tbody.color3 tr.hdr td { background-color: #e7f9e8; border-color: #a2dea3; color: #087d02; }
table.compare tbody.color3 td { background-color: #f5fcf5; }

table.compare tbody.color4 th { background-color: #f2ecfa; }
table.compare tbody.color4 tr.hdr td { background-color: #f1ecf9; border-color: #d9c6f3; color: #371073; }
table.compare tbody.color4 td { background-color: #f7f4fb; }

#nav { position: absolute; top: 170px; left: 15px; width: 186px; height: 276px; }
#nav ul { margin: 0; padding: 0; width: 186px; }
#nav ul li { display: block; margin: 0px; padding: 0px; list-style: none; height: 46px; }
#nav ul li a { font-size: 12px; font-weight: normal; display: block; height: 46px; width: 186px; margin: 0px; padding: 0px; text-indent: -2000px; overflow: hidden; background: url(../img/nav.gif) no-repeat 0px 0px; }
#nav ul li a.tag { background-position: 0px 0px; }
#nav ul li a.spc { background-position: 0px -46px; }
#nav ul li a.sam { background-position: 0px -92px; }
#nav ul li a.quo { background-position: 0px -138px; }
#nav ul li a.gua { background-position: 0px -184px; }
#nav ul li a.abo { background-position: 0px -230px; }
#nav ul li a.res { background-position: 0px -276px; }
#nav ul li a.tag:hover { background-position: -186px 0px; }
#nav ul li a.spc:hover { background-position: -186px -46px; }
#nav ul li a.sam:hover { background-position: -186px -92px; }
#nav ul li a.quo:hover { background-position: -186px -138px; }
#nav ul li a.gua:hover { background-position: -186px -184px; }
#nav ul li a.abo:hover { background-position: -186px -230px; }
#nav ul li a.res:hover { background-position: -186px -276px; }
#nav ul li.btnOn a.tag { background-position: -372px 0px; }
#nav ul li.btnOn a.spc { background-position: -372px -46px; }
#nav ul li.btnOn a.sam { background-position: -372px -92px; }
#nav ul li.btnOn a.quo { background-position: -372px -138px; }
#nav ul li.btnOn a.gua { background-position: -372px -184px; }
#nav ul li.btnOn a.abo { background-position: -372px -230px; }
#nav ul li.btnOn a.res { background-position: -372px -276px; }
#nav .ibox { border: none; padding: 20px 0px 0px 15px; width: 155px; margin: 0px; font-size: 11px; float: none;  }
#nav .ibox h3 { font-size: 12px; }
#nav .ibox ul li { height: auto; }
#nav .ibox ul li a { font-size: 11px; line-height: 16px; height: auto; text-indent: 0px; overflow: visible; } 

#tagirl { position: absolute; width: 250px; height: 375px; bottom: 18px; left: 752px; }
#diagram { position: absolute; top: 68px; left: 640px; width: 330px; height: 410px; z-index: 0; }
#diagram h2.tagcolor { position: absolute; display: block; top: 230px; left: 82px; width: 140px; text-align: center; }
#diagram h2.alum { position: absolute; display: block; top: 50px; left: -110px; width: 140px; text-align: center; }
#diagram p.colortxt { position: absolute; top: 253px; left: 82px; width: 140px; text-align: center; }
#diagram p.bigbtn { position: absolute; top: 398px; left: 50px; }
#lef { position: relative; margin: 0px 0px 20px 0px; width: 300px; min-height: 530px; height: auto !important; height: 530px; float: left; padding-bottom: 15px; }
#lef h1, #ryt h1 { width: 300px; }
#ryt { position: relative; margin: 0px 0px 20px 30px; width: 300px; min-height: 530px; height: auto !important; height: 530px; float: left; padding-bottom: 15px; }
#sections { position: relative; width: 901px; border: 1px solid #DDD; margin: 10px 0px 15px 30px; background: url(../img/bg_13.gif) repeat-x bottom; }
#sections ul { float: left; margin: 15px 0px 15px 25px; padding: 0px; }
#sections ul li { list-style: none; padding: 0px; margin: 0px; }
#sections ul.about { width: 180px; }
#sections ul.articles, #sections ul.news { width: 280px; }
#sections ul li.header { font-family: "Franklin Gothic Medium", "Arial Narrow", sans; font-size: 16px; color: #DC4B00; font-weight: normal; margin-bottom: 10px; }
#durable { position: absolute; z-index: 10; bottom: 18px; left: 555px; width: 420px; min-height: 530px; height: auto !important; height: 530px; background: url(../img/abrasion.jpg) no-repeat bottom right; }
#durable p { margin-right: 20px; }

.chem { float: right; margin-right: 20px; margin-left: 10px; }
.fire { float: left; margin-right: 15px; }
.lef { position: relative; float: left; width: 275px; margin-right: 0px; }
.lef p { width: 250px; }
.chat { position: absolute; z-index: 10; top: 135px; left: 780px; font-size: 11px;}
a.ord { float: right; margin-left: 10px; }
.aro, #sections ul li a, #nav .ibox ul li a, .bro { background: url(../img/bg_11.gif) no-repeat 0px -54px; padding-left: 12px; margin-top: 6px; display: block; }
.aro:hover, #sections ul li a:hover, #nav .ibox ul li a:hover { background: url(../img/bg_11.gif) no-repeat 0px -108px; padding-left: 12px; margin-top: 6px; }
a.bro { color: #555; background-position: 0px -324px; }
.desc { position: relative; display: block; padding-left: 12px; margin: 0px 0px 12px 0px; }
#sections ul li a { font-size: 11px; }
.pdf { position: relative; background: url(../img/bg_11.gif) no-repeat 0px -30px; padding-left: 22px; margin-top: 6px; line-height: 16px; padding-bottom: 4px; }
#nav .chat { position: relative; margin-top: 5px; text-align: center; top: auto; left: auto; }
.csvc { position: absolute; z-index: 10; top: 142px; left: 650px; font-size: 11px; text-align: center; line-height: 18px; }
.csvc b { font-weight: normal; color: #04A; font-size: 12px; }
.thoid { position: relative; float: left; width: 233px; }
#verify .thoid span { color: #000; display: block; }
#verify .totals label { color: #D00; }
#home .chat, #thanks .chat { left: 610px; }
#home .csvc, #thanks .csvc, #status .csvc { left: 500px; }
#nav .ibox ul li a { background-position: 0px -56px; }
#nav .ibox ul li a:hover { background-position: 0px -110px; }
.rang { padding-right: 18px; background: url(../img/bg_11.gif) no-repeat right -226px; }
.rang:hover { background-position: right -280px; }

.attach { position: relative; background: url(../img/btn_attach.gif) no-repeat top right; width: 355px;	height: 26px; text-align: right; margin-top: 8px; }
.newinput input { position: absolute; width: 247px; top: 0px; left: 0px; z-index: 1; cursor: pointer; cursor: hand; }
input.upload { position: relative; width: 240px; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0;	z-index: 2;	margin: 4px 19px 0px 0px; cursor: pointer; cursor: hand; }
.claro { position: relative; clear: both; font-size: 1px; height: 1px; line-height: 1px; }
.clary { position: relative; clear: right; font-size: 1px; height: 1px; line-height: 1px; }
p.foot { position: relative; clear: both; text-align: left; margin: 15px 0px 10px 0px; padding: 0px; font-family: Trebuchet MS, Arial; font-size: 10px; color: #999; line-height: 16px; }

#promos { position: relative; width: 960px; height: 180px; margin-top: 180px; }
#promos p { position: absolute; left: 16px; top: 62px; width: 200px; padding: 0px; margin: 0px; font-family: Arial, sans; font-size: 11px; color: #555; line-height: 15px; }
#promos a { position: absolute; top: 110px; left: 16px; display: block; width: 260px; height: 45px; text-indent: -300px; overflow: hidden; }
.promo1 { position: absolute; width: 305px; height: 161px; top: 7px; left: 30px; background: url(../img/promo_Performance.gif) no-repeat top left; }
.promo2 { position: absolute; width: 305px; height: 161px; top: 7px; left: 340px; background: url(../img/promo_ShipTomorrow.gif) no-repeat top left; }
.promo3 { position: absolute; width: 305px; height: 161px; top: 7px; left: 650px; background: url(../img/promo_OrderTags.gif) no-repeat top left; }

h2.num1 { background: url(../img/nums.gif) no-repeat -65px 0px; padding: 0px 16px 0px 28px; }
h2.num2 { background: url(../img/nums.gif) no-repeat -65px -32px; padding: 0px 16px 0px 28px; }
h2.num3 { background: url(../img/nums.gif) no-repeat -65px -64px; padding: 0px 16px 0px 28px; margin-top: 0px; }
h2.num4 { background: url(../img/nums.gif) no-repeat -65px -96px; padding: 0px 16px 0px 28px; margin-top: 0px; }
h2.num5 { background: url(../img/nums.gif) no-repeat -65px -128px; padding: 0px 16px 0px 28px; margin-top: 0px; }

.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt;  padding: 0pt;  overflow: auto;  letter-spacing: 0px;  float: none; }
.sIFR-active h1 { visibility: hidden; }

ul.pagin, ul.fonta, ul.gopage { position: relative; float: left; margin: 1px 0px 0px 0px; height: 20px; padding: 0px; }
ul.pagin li, ul.fonta li, ul.gopage li { position: relative; list-style: none; float: left; width: 20px; height: 20px; line-height: 20px; margin: 0px 8px 0px 0px; padding: 0px; color: #03C; text-align: center; background: #EEF4FF; border: 1px solid #99B3E3; cursor: pointer; cursor: hand; }
ul.pagin li.sel, ul.fonta li.sel { border: 1px solid #DDD; background: #F5F5F5; color: #000; font-weight: bold; cursor: default; }
ul.pagin li:hover, ul.fonta li:hover { background: #FEE; text-decoration: none; border: 1px solid #D77; color: #D00; }
ul.pagin li.pg { color: #555; border: none; background: none; font-weight: normal; width: 100px; text-align: left; cursor: default; }
ul.fonta li { width: auto; padding: 0px 5px 0px 5px; overflow: hidden; height: 22px; margin-right: 10px; }
ul.fonta li#Bold { font-family: Arial, sans; font-size: 14px; font-weight: bold; line-height: 21px; }
ul.fonta li#Narrow-Bold { font-family: "Arial Narrow", "Helvetica Condensed", "Univers Condensed"; font-size: 14px; font-weight: bold; }
ul.fonta li#Black { font-family: "Arial Black", Impact; font-size: 14px; font-weight: normal; }

table.materials { float: right; margin-left: 20px; }
table.materials th { text-align: left; padding-right: 15px; font-family: "Arial Narrow", "Helvetica Condensed", "Univers Condensed"; font-size: 15px; color: #03C; font-weight: normal; line-height: 34px; border-bottom: 1px solid #EEE; }
table.materials tr.top th { text-align: center; font-family: "Palatino Linotype", "Times New Roman", Times; font-size: 13px; color: #555; font-style: italic; line-height: 16px; padding: 0px 5px 4px 5px; }
table.materials td { border-bottom: 1px solid #EEE; }
table.materials tr.nbrd td, table.materials tr.nbrd th { border: none; }
table.materials td div { margin: 6px auto 6px auto; width: 22px; height: 22px; background: url(../img/bg_12.gif) no-repeat 0px 0px; }
table.materials td div.blu { background-position: 0px 0px; }
table.materials td div.grn { background-position: -22px 0px; }
table.materials td div.yel { background-position: -44px 0px; }
table.materials td div.rng { background-position: -66px 0px; }
table.materials td div.red { background-position: -88px 0px; }

.order1 { position: absolute; z-index: 12; top: 125px; left: 650px; width: 300px; height: 60px; margin: 0px; padding: 0px; background: url(../img/order.gif) no-repeat 0px 0px; }
.order2 { position: absolute; z-index: 12; top: 125px; left: 650px; width: 300px; height: 60px; margin: 0px; padding: 0px; background: url(../img/order.gif) no-repeat 0px -60px; }
.order3 { position: absolute; z-index: 12; top: 125px; left: 650px; width: 300px; height: 60px; margin: 0px; padding: 0px; background: url(../img/order.gif) no-repeat 0px -120px; }
.order4 { position: absolute; z-index: 12; top: 125px; left: 650px; width: 300px; height: 60px; margin: 0px; padding: 0px; background: url(../img/order.gif) no-repeat 0px -180px; }
.order5 { position: absolute; z-index: 12; top: 125px; left: 650px; width: 300px; height: 60px; margin: 0px; padding: 0px; background: url(../img/order.gif) no-repeat 0px -240px; }
.order6 { position: absolute; z-index: 12; top: 125px; left: 650px; width: 300px; height: 60px; margin: 0px; padding: 0px; background: url(../img/order.gif) no-repeat 0px -300px; }

ul#chips { float: left; display: block; margin: 7px 0px 0px 0px; padding: 0px; height: 43px; width: 258px; }
ul#chips li { float: left; margin: 0px 5px 0px 0px; padding: 0px; background: none; list-style: none; }
ul#chips li a { display: block; padding-top: 26px; line-height: 17px; width: 38px; text-align: center; background: url(../img/swatches.gif) no-repeat; font-family: Arial, sans; font-size: 12px; }

ul#chips li a#chip_Black { background-position: 0px 0px; color: #000; }
ul#chips li a#chip_Red { background-position: -38px 0px; color: #E10000; }
ul#chips li a#chip_Green { background-position: -76px 0px; color: #15861E; }
ul#chips li a#chip_Purple { background-position: -114px 0px; color: #5A109E; }
ul#chips li a#chip_Blue { background-position: -152px 0px; color: #0051E3; }
ul#chips li a#chip_Gold { background-position: -190px 0px; color: #870; }

ul#chips li a#chip_Black:hover { background-position: 0px -43px; }
ul#chips li a#chip_Red:hover { background-position: -38px -43px; }
ul#chips li a#chip_Green:hover { background-position: -76px -43px; }
ul#chips li a#chip_Purple:hover { background-position: -114px -43px; }
ul#chips li a#chip_Blue:hover { background-position: -152px -43px; }
ul#chips li a#chip_Gold:hover { background-position: -190px -43px; }
