html {height: 100%;}
body {margin: 0px; padding: 0px; height: 100%; font: 11px/22px Arial, Helvetica, sans-serif; color: #666; background: url(img/bgb.gif) repeat-y top center;}
.g {background: url(img/bgg.gif) repeat-y top center;}
.o {background: url(img/bgo.gif) repeat-y top center;}
.v {background: url(img/bgv.gif) repeat-y top center;}
h1 {margin: 0px; margin-bottom: 6px; padding: 0px; font: 38px/56px Arial, Helvetica, sans-serif; color: #ccc; letter-spacing: 1px; height: 56px;}
h1 span {display: none;}
h2 {margin: 0px; margin-top: 15px; margin-bottom: 7px; padding: 0px; font: 17px/50px Arial, Helvetica, sans-serif; color: #447094; background: url(img/hr.gif) no-repeat -10px 40px; margin-left: -15px; text-indent: 15px;}
h3 {margin: 0px; margin-top: 25px; margin-bottom: 5px; padding: 0px; font: bold 13px/20px Arial, Helvetica, sans-serif; color: #666;}
h4 {margin: 0px; padding: 0px; font: bold 11px/15px Arial, Helvetica, sans-serif;}
h5 {margin: 0px; padding: 0px; font: normal 11px/20px Arial, Helvetica, sans-serif;}
h6 {margin: 0px; padding: 0px; font: bold 12px/15px Arial, Helvetica, sans-serif; width: 110px; text-align: center;}
p {margin: 0px; margin-top: 5px; margin-bottom: 15px; padding: 0px;}
.hr {margin: 0px; margin-top: 22px; margin-left: -15px; padding: 0px; border: 0px; width: 488px; height: 10px; display: block; background: url(img/hr.gif) repeat-x;}
.qty {text-indent: 2px; width: 25px;}
#container {position: relative; top: 0px; width: 960px; margin-left: auto; margin-right: auto; background: #fff; height: auto; min-height: 100%;}
#ds-left {position: absolute; top: 0px; left: -20px; width: 20px; height: 100%; margin-left: auto; margin-right: auto;}
#dsl0, #dsl1, #dsl2, #dsl3, #dsl4, #dsl5, #dsl6, #dsl7, #dsl8, #dsl9 {position: absolute; top: 0px; width: 2px; height: 100%; background: #000;}
#dsl0 {left: 0px; opacity: .01;}
#dsl1 {left: 2px; opacity: .02;}
#dsl2 {left: 4px; opacity: .03;}
#dsl3 {left: 6px; opacity: .05;}
#dsl4 {left: 8px; opacity: .07;}
#dsl5 {left: 10px; opacity: .10;}
#dsl6 {left: 12px; opacity: .13;}
#dsl7 {left: 14px; opacity: .17;}
#dsl8 {left: 16px; opacity: .21;}
#dsl9 {left: 18px; opacity: .25;}
#ds-rite {position: absolute; top: 0px; right: -20px; width: 20px; height: 100%; margin-left: auto; margin-right: auto;}
#dsr0, #dsr1, #dsr2, #dsr3, #dsr4, #dsr5, #dsr6, #dsr7, #dsr8, #dsr9 {position: absolute; top: 0px; width: 2px; height: 100%; background: #000;}
#dsr9 {left: 18px; opacity: .01;}
#dsr8 {left: 16px; opacity: .02;}
#dsr7 {left: 14px; opacity: .03;}
#dsr6 {left: 12px; opacity: .05;}
#dsr5 {left: 10px; opacity: .07;}
#dsr4 {left: 8px; opacity: .10;}
#dsr3 {left: 6px; opacity: .13;}
#dsr2 {left: 4px; opacity: .17;}
#dsr1 {left: 2px; opacity: .21;}
#dsr0 {left: 0px; opacity: .25;}
#bodyarea {position: relative; top: 0px; width: 925px; margin-left: auto; margin-right: auto;}
#logo {position: absolute; top: 28px; left: 655px; width: 200px; height: 195px; z-index: 102;}
#topnav {position: relative; top: 0px; width: 925px; height: 30px; font: 11px/18px Arial, Helvetica, sans-serif; color: #999;}
#topnav a:link {color: #999; text-decoration: none;}
#topnav a:visited {color: #999; text-decoration: none;}
#topnav a:active {color: #999; text-decoration: none;}
#topnav a:hover {color: #999; text-decoration: underline;}
#navl {position: absolute; top: 10px; left: 37px; height: 20px; margin: 0px; padding: 0px;}
#navl li {display: inline; padding-right: 6px;}
#navr {position: absolute; top: 10px; right: 51px; height: 20px; margin: 0px; padding: 0px;}
#navr li {display: inline; padding-left: 6px;}
#scicon {width: 25px; height: 18px; border: 0px; margin-bottom: -7px; margin-right: 4px;}
#nav {display: block; position: relative; margin: 0px; padding: 0px; top: 0px; margin-top: 20px; left: 0px; width: 925px; height: 275px; background: url(img/nav.gif); z-index: 1;}
#nav li {position: absolute; margin: 0px; padding: 0px; list-style: none; font: 12px/15px Arial, Helvetica, sans-serif; text-align: center;}
#nav li, #nav a {display: block; margin: 0px; padding: 0px; color: #666; text-decoration: none; cursor: pointer; overflow: hidden;}
#nav1 {background: url(img/nav1.gif); left: 68px; top: 29px; width: 76px; height: 75px;}
#nav1 a {padding-top: 62px;}
#nav1 a:hover {background: url(img/nav1.gif) 0 -75px no-repeat; color: #666;}
#nav2 {background: url(img/nav2.gif); left: 188px; top: 4px; width: 70px; height: 75px;}
#nav2 a {padding-top: 58px;}
#nav2 a:hover {background: url(img/nav2.gif) 0 -75px no-repeat; color: #666;}
#nav3 {background: url(img/nav3.gif); left: 310px; top: 17px; width: 60px; height: 80px;}
#nav3 a {padding-top: 66px;}
#nav3 a:hover {background: url(img/nav3.gif) 0 -80px no-repeat; color: #666;}
#nav4 {background: url(img/nav4.gif); left: 403px; top: 50px; width: 65px; height: 75px;}
#nav4 a {padding-top: 61px;}
#nav4 a:hover {background: url(img/nav4.gif) 0 -75px no-repeat; color: #666;}
#nav5 {background: url(img/nav5.gif); left: 495px; top: 88px; width: 62px; height: 85px;}
#nav5 a {padding-top: 71px;}
#nav5 a:hover {background: url(img/nav5.gif) 0 -85px no-repeat; color: #666;}
#nav6 {background: url(img/nav6.gif); left: 580px; top: 146px; width: 76px; height: 85px;}
#nav6 a {padding-top: 70px;}
#nav6 a:hover {background: url(img/nav6.gif) 0 -85px no-repeat; color: #666;}
#nav7 {background: url(img/nav7.gif); left: 701px; top: 197px; width: 59px; height: 80px;}
#nav7 a {padding-top: 64px;}
#nav7 a:hover {background: url(img/nav7.gif) 0 -80px no-repeat; color: #666;}
#nav8 {background: url(img/nav8.gif); left: 795px; top: 185px; width: 70px; height: 75px;}
#nav8 a {padding-top: 63px;}
#nav8 a:hover {background: url(img/nav8.gif) 0 -75px no-repeat; color: #666;}
.menuStat, a.menuStat:link, a.menuStat:visited, a.menuStat:active, a.menuStat:focus {font: 12px/24px Arial, Helvetica, sans-serif; color: #999; text-decoration: none; display: block; text-align: center;}
.menuOver, a.menuOver:link, a.menuOver:visited, a.menuOver:active, a.menuOver:hover, a.menuOver:focus {font: 12px/24px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; display: block; text-align: center;}
.menuBorder {border-width: 1px; border-style: solid; border-color: #ccc;}
.menuBorderOver {border-width: 1px; border-style: solid; border-color: #ccc;}
#main {position: relative; top: 0px; margin-top: -80px; left: 0px; width: 925px;}
#main a:link {color: #447094; text-decoration: underline;}
#main a:visited {color: #a2b8ca; text-decoration: underline;}
#main a:active {color: #447094; text-decoration: underline;}
#main a:hover {color: #0076d8; text-decoration: underline;}
#copy {float: left; margin-left: 60px; padding-left: 15px; width: 470px; z-index: 0;}
#c01, #c02, #c03, #c04, #c05, #c06, #c07, #c08, #c09, #c10, #c11, #c12, #c13, #c14, #c15, #c16, #c17 {clear: right; float: right;}
#c01 {width: 5px; height: 187px;}
#c02 {width: 150px; height: 22px;}
#c03 {width: 160px; height: 22px;}
#c04 {width: 170px; height: 22px;}
#c05 {width: 180px; height: 22px;}
#c06 {width: 190px; height: 22px;}
#c07 {width: 200px; height: 22px;}
#c08 {width: 210px; height: 22px;}
#c09 {width: 230px; height: 22px;}
#c10 {width: 250px; height: 44px;}
#c11 {width: 245px; height: 22px;}
#c12 {width: 240px; height: 22px;}
#c13 {width: 235px; height: 22px;}
#c14 {width: 230px; height: 22px;}
#c15 {width: 225px; height: 22px;}
#c16 {width: 220px; height: 22px;}
#c17 {width: 215px; height: 22px;}
#box0 {position: absolute; top: 195px; right: 270px; width: 340px; height: 370px;}
#home {float: left; margin-top: -40px; width: 620px; z-index: 0;}
#home a:link {color: #666; text-decoration: underline;}
#home a:visited {color: #a2b8ca; text-decoration: underline;}
#home a:active {color: #666; text-decoration: underline;}
#home a:hover {color: #447094; text-decoration: underline;}
#l01, #l02, #l03, #l04, #l05, #l06, #l07, #l08, #l09, #l10, #l11, #l12, #l13, #l14 {clear: both; float: left;}
#r01, #r02, #r03, #r04, #r05, #r06, #r07, #r08, #r09, #r10, #r11, #r12, #r13, #r14 {float: right;}
#l01 {width: 200px; height: 65px;}
#r01 {width: 115px; height: 65px;}
#l02 {width: 195px; height: 35px;}
#r02 {width: 105px; height: 35px;}
#l03 {width: 180px; height: 35px;}
#r03 {width: 95px; height: 35px;}
#l04 {width: 115px; height: 105px;}
#r04 {width: 95px; height: 105px;}
#l05 {width: 115px; height: 30px;}
#r05 {width: 210px; height: 30px;}
#l06 {width: 115px; height: 30px;}
#r06 {width: 220px; height: 30px;}
#l07 {width: 150px; height: 35px;}
#r07 {width: 210px; height: 35px;}
#l08 {width: 115px; height: 30px;}
#r08 {width: 170px; height: 30px;}
#l09 {width: 150px; height: 30px;}
#r09 {width: 115px; height: 30px;}
#l10 {width: 180px; height: 30px;}
#r10 {width: 105px; height: 30px;}
#l11 {width: 190px; height: 30px;}
#r11 {width: 95px; height: 30px;}
#l12 {width: 180px; height: 30px;}
#r12 {width: 95px; height: 30px;}
#l13 {width: 170px; height: 30px;}
#r13 {width: 95px; height: 30px;}
#l14 {width: 160px; height: 30px;}
#r14 {width: 95px; height: 30px;}
.hometxt1 {font: 17px/35px Arial, Helvetica, sans-serif; display: block; color: #999;}
.hometxt2 {font: 13px/30px Arial, Helvetica, sans-serif; color: #999;}
.hometxt1 h1 {font: 17px/35px Arial, Helvetica, sans-serif; color: #447094; display: inline; letter-spacing: 0px;}
#box1 {position: absolute; top: -46px; left: 40px; width: 150px; height: 150px;}
#box2 {position: absolute; top: 215px; left: 410px; width: 210px; height: 140px;}
#box3 {position: absolute; top: 310px; left: 0px; width: 180px; height: 210px;}
#box1 img {width: 150px; height: 150px; border: 0px;}
#box2 img {width: 210px; height: 140px; border: 0px;}
#box3 img {width: 180px; height: 210px; border: 0px;}
.classy {width: 80px; height: 80px; border: 0px; margin-left: 25px; margin-bottom: 10px;}
.gallery {width: 150px; height: 150px; border: 0px; margin-left: 0px; margin-bottom: 40px;}
.store {float: left; margin-right: 40px; width: 140px; height: 180px;}
.store img {width: 110px; border: 0px; display: block;}
.store h6 {margin-top: 10px;}
#copy .store a {text-decoration: none;}
#shop {margin-left: 75px; width: 850px; z-index: 0;}
#sale {margin-left: 75px; width: 510px; z-index: 0; float: left;}
#shopnav {position: absolute; top: 307px; left: 70px; z-index: 101; color: #a2b8ca;}
#shopnav a {padding: 5px; margin-left: 1px; margin-right: 1px;}
#shopnav a:link {color: #447094; text-decoration: none;}
#shopnav a:visited {color: #a2b8ca; text-decoration: none;}
#shopnav a:active {color: #447094; text-decoration: none;}
#shopnav a:hover {color: #fff; text-decoration: none; background: #5299ba;}
.x {background: #eaeaea;}
.item {float: left; margin-top: 70px; margin-left: 2px; margin-right: 26px; width: 140px; height: 225px;}
.item img {width: 110px; border: 0px; display: block; margin-bottom: 10px; background: #999;}
#cal {margin-left: 61px; width: 810px; z-index: 0;}
#calnav {position: absolute; top: 307px; left: 77px; z-index: 101;}
.day {float: left; margin-top: 23px; width: 115px; height: 25px; text-indent: 15px;}
.date {float: left; margin-top: 10px; width: 90px; height: 210px; background: url(img/hr.gif) 8px 0px repeat-x; padding: 0px; padding-left: 15px; padding-right: 10px;}
.date h2 {background: transparent; font: 30px/40px Arial, Helvetica, sans-serif; margin-bottom: 2px;}
.z {background: transparent; color: #c7d4df;}
.date h5 {line-height: 15px; margin-top: 10px;}
.date p {line-height: 15px; margin: 0px; margin-top: 10px; margin-bottom: 10px;}
.date a {font-weight: bold; font-style: italic;}
#side {float: right; top: 0px; margin-top: 95px; margin-right: 7px; width: 240px; padding-left: 15px; line-height: 18px;}
#side a {font-weight: bold; font-style: italic;}
#side img {float: right; width: 150px; height: 120px; border: 0px; margin-top: 5px; margin-left: 10px; margin-right: -25px;}
.itemID {width: 105px;}
#shapes, #sizes, #finishes {float: left; margin-right: 30px}
#sizes1 {float: left; margin-right: 35px;}
#finishes1 {float: left; margin-right: 5px;}
#colors1 {float: left; margin-right: 0px;}
#colors2 {float: left;}
.shopnow {clear: both; position: relative; width: 115px; height: 25px; display: block;}
a.shopnow:link {background: url(img/but-shopNow.gif) 0px 0px no-repeat;}
a.shopnow:hover {background: url(img/but-shopNow.gif) 0px -25px no-repeat;}
.go {float: right; margin-top: -23px; margin-right: 82px; width: 40px; height: 25px; display: inline;}
a.go:link {background: url(img/but-go.gif) 0px 0px no-repeat;}
a.go:hover {background: url(img/but-go.gif) 0px -25px no-repeat;}
.addtocart {position: relative; margin-top: 10px; width: 81px; height: 23px; display: block;}
a.addtocart:link {background: url(img/but-addToCart.gif) 0px 0px no-repeat;}
a.addtocart:hover {background: url(img/but-addToCart.gif) 0px -23px no-repeat;}
.update {position: relative; width: 87px; height: 23px; display: block;}
a.update:link {background: url(img/but-updateCart.gif) 0px 0px no-repeat;}
a.update:hover {background: url(img/but-updateCart.gif) 0px -23px no-repeat;}
.proceedToCheckout {position: relative; width: 134px; height: 23px; display: block;}
a.proceedToCheckout:link {background: url(img/but-proceedToCheckout.gif) 0px 0px no-repeat;}
a.proceedToCheckout:hover {background: url(img/but-proceedToCheckout.gif) 0px -23px no-repeat;}
#foot {clear: both; position: relative; top: 15px; width: 925px; height: 70px; padding-top: 70px; font: 10px/16px Arial, Helvetica, sans-serif; color: #999; text-align: center;}
#foot a:link {color: #999; text-decoration: none;}
#foot a:visited {color: #999; text-decoration: none;}
#foot a:active {color: #999; text-decoration: none;}
#foot a:hover {color: #999; text-decoration: underline;}
/* headers */
.aboutUs {background: url(img/h1-aboutUs.gif) no-repeat;}
.repairDesign {background: url(img/h1-repairDesign.gif) no-repeat;}
.onlineStore {background: url(img/h1-onlineStore.gif) no-repeat;}
.beads {background: url(img/h1-beads.gif) no-repeat;}
.seedBeads {background: url(img/h1-seedBeads.gif) no-repeat;}
.findings {background: url(img/h1-findings.gif) no-repeat;}
.stringing {background: url(img/h1-stringing.gif) no-repeat;}
.tools {background: url(img/h1-tools.gif) no-repeat;}
.kits {background: url(img/h1-kits.gif) no-repeat;}
.displays {background: url(img/h1-displays.gif) no-repeat;}
.books {background: url(img/h1-books.gif) no-repeat;}
.giftCertificates {background: url(img/h1-giftCertificates.gif) no-repeat;}
.classes {background: url(img/h1-classes.gif) no-repeat;}
.calendar {background: url(img/h1-calendar.gif) no-repeat; margin-bottom: 50px; margin-left: 14px;}
.teachersStaff {background: url(img/h1-teachersStaff.gif) no-repeat;}
.beadFacts {background: url(img/h1-beadFacts.gif) no-repeat;}
.typesFinishes {background: url(img/h1-typesFinishes.gif) no-repeat;}
.quantities {background: url(img/h1-quantities.gif) no-repeat;}
.stringing {background: url(img/h1-stringing.gif) no-repeat;}
.needles {background: url(img/h1-needles.gif) no-repeat;}
.birthAnniversaryGems {background: url(img/h1-birthAnniversaryGems.gif) no-repeat;}
.creativeGallery {background: url(img/h1-creativeGallery.gif) no-repeat;}
.linksNews {background: url(img/h1-linksNews.gif) no-repeat;}
.links {background: url(img/h1-links.gif) no-repeat;}
.news {background: url(img/h1-news.gif) no-repeat;}
.onTheRoad {background: url(img/h1-onTheRoad.gif) no-repeat;}
.specials {background: url(img/h1-specials.gif) no-repeat;}
.newArrivals {background: url(img/h1-newArrivals.gif) no-repeat;}
.parties {background: url(img/h1-parties.gif) no-repeat;}
.birthday {background: url(img/h1-birthday.gif) no-repeat;}
.gorgeousGalas {background: url(img/h1-gorgeousGalas.gif) no-repeat;}
.brideToBead {background: url(img/h1-brideToBead.gif) no-repeat;}
.wireWrapParty {background: url(img/h1-wireWrapParty.gif) no-repeat;}
.motherDaughter {background: url(img/h1-motherDaughter.gif) no-repeat;}
.openStudio {background: url(img/h1-openStudio.gif) no-repeat;}
.hours {background: url(img/h1-hours.gif) no-repeat;}
.contactUs {background: url(img/h1-contactUs.gif) no-repeat;}
.policies {background: url(img/h1-policies.gif) no-repeat;}
.billingInformation {background: url(img/h1-billingInformation.gif) no-repeat;}
.shippingInformation {background: url(img/h1-shippingInformation.gif) no-repeat;}
.shippingMethod {background: url(img/h1-shippingMethod.gif) no-repeat;}
.confirmInformation {background: url(img/h1-confirmInformation.gif) no-repeat;}
.receipt {background: url(img/h1-receipt.gif) no-repeat;}
.shoppingCart {background: url(img/h1-shoppingCart.gif) no-repeat;}
/* DREW */
table.cart {width: 100%; border-collapse: collapse;}
table.cart th {margin-bottom: 20px; text-align: left; padding: 0 5px 0 5px;}
table.cart tr {height: 50px;}
table.cart td {text-align: left; padding: 0 5px 0 5px;}
table.cart tr.alt {background-color: #f5f5f5;}
table.cart tr.footer td {padding-top: 20px 5px 0 5px;;}
table.cart td.uc {padding-left: 20px;}
.metal {background: url(img/h1-metal.gif) no-repeat;}
.greek {background: url(img/h1-greek.gif) no-repeat;}
.borosilicate {background: url(img/h1-borosilicate.gif) no-repeat;}
.cubicZirconia {background: url(img/h1-cubicZirconia.gif) no-repeat;}
.czechPeacock {background: url(img/h1-czechPeacock.gif) no-repeat;}
.kazuriSmileTrain {background: url(img/h1-kazuriSmileTrain.gif) no-repeat;}
.mailingList {background: url(img/h1-mailingList.gif) no-repeat;}
.raku {background: url(img/h1-raku.gif) no-repeat;}
.resin {background: url(img/h1-resin.gif) no-repeat}
.taguaNuts {background: url(img/h1-taguaNuts.gif) no-repeat;}
.vintaj {background: url(img/h1-vintaj.gif) no-repeat;}
.joinnow {clear: left; position: relative; top: 30px; width: 83px; height: 25px; display: block;}
a.joinnow:link {background: url(img/but-join.jpg) 0px 0px no-repeat;}
a.joinnow:hover {background: url(img/but-join.jpg) 0px -27px no-repeat;}
.continue {clear: left; position: relative; top: 30px; width: 84px; height: 25px; display: block;}
a.continue:link {background: url(img/but-continue.gif) 0px 0px no-repeat;}
a.continue:hover {background: url(img/but-continue.gif) 0px -24px no-repeat;}
.checkout {clear: left; position: relative; width: 84px; height: 25px; display: block;}
a.checkout:link {background: url(img/but-checkout.gif) 0px 0px no-repeat;}
a.checkout:hover {background: url(img/but-checkout.gif) 0px -25px no-repeat;}
.date span { display: block; margin-bottom: 10px; line-height: 15px;}
#shopnav em {padding: 5px; margin-left: 1px; margin-right: 1px;}
#shopnavB {clear:both; position: relative; top: 10px; left: 70px; z-index: 101; color: #a2b8ca;}
#shopnavB em {padding: 5px; margin-left: 1px; margin-right: 1px;}
#shopnavB a {padding: 5px; margin-left: 1px; margin-right: 1px;}
#shopnavB a:link {color: #447094; text-decoration: none;}
#shopnavB a:visited {color: #a2b8ca; text-decoration: none;}
#shopnavB a:active {color: #447094; text-decoration: none;}
#shopnavB a:hover {color: #fff; text-decoration: none; background: #5299ba;}
/* end/