@charset "windows-1252";
/* Standard Styles */

HTML {display: block; color: #000000; background-color: #FFFFFF; margin: 0px; padding: 0}
BODY, TABLE, TD, P {font-family: Verdana, Geneva, Helvetica, sans-serif; font-size: 10px; line-height: 133%; margin: 0px; padding: 0; scrollbar-base-color: #EEEEEE}
TABLE {display: table; border-collapse: collapse; padding: 0}
HR {border: 1px; width: 100%; color: #C4C4C4; background-color: #C4C4C4; height: 1px}
DIR, MENU, DD {margin-left: 20px}
OL UL, UL OL, UL UL, OL OL {margin-top: 0px; margin-bottom: 0px}
OL {display: list-item; margin-left: 30px; list-style-type: decimal}
UL {display: list-item; margin-left: 20px; list-style-type: square}
LI {display: list-item}
STRONG {font-weight: bolder}
ABBR, ACRONYM {font-variant: small-caps; letter-spacing: 0.1em}
A:link {background: transparent; color: #0000FF; text-decoration: underline}
A:visited {background: transparent; color: #990099; text-decoration: underline}
A:hover {background: transparent; color: #000000; text-decoration: none}
A:active{background: transparent; color: #FF0000; text-decoration: none}
H1 {
font-family: Times Roman, Times, serif;
font-size: 18pt;
color: #777777;
margin-bottom: 10px;
}
H2 {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: black;
line-height: 120%;
margin-top: 12px;
margin-bottom: 6px;
}
H3 {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: black;
line-height: 120%;
margin-top: 12px;
margin-bottom: 6px;
}
H4 {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
color: black;
line-height: 120%;
margin-top: 6px;
margin-bottom: 3px;
}

/* $WEFT Created by: George O'Hanlon (george.ohanlon@naturalpigments.com) on 11/21/2003 */

@font-face {font-family: Eurostile; font-style: normal; font-weight: 700; src: url(http://www.naturalpigments.com/EUROSTI0.eot)}

/* Custom Styles */

.Footer {font: 7.5pt Verdana, Geneva, Helvetica, sans-serif; font-weight: normal; color: #777777}
.AltFont1 {font: 7.5pt Verdana, Geneva, Helvetica, sans-serif; line-height: 133%; color: #000000}
.AltFont2 {font: 7.5pt Verdana, Geneva, Helvetica, sans-serif; line-height: 133%; color: #000000}
.Content_Small {font: 10px Verdana, Geneva, Helvetica, sans-serif; line-height: 133%; color: #777777}
.Content_Large {font: 12pt Verdana, Geneva, Helvetica, sans-serif; color: #777777}
.ECheck {font: 7.5pt Verdana, Geneva, Helvetica, sans-serif; color: #777777}
.ECheck2 {font: 7.5pt Verdana, Geneva, Helvetica, sans-serif; color: #000000}
.Error {font: 12px Verdana, Geneva, Helvetica, sans-serif; color: #FF0000}
.Middle_Top_Banner_Small {font: 12pt Eurostile; color: #FFFFFF}
.ContentBar_Small {font: 10px Verdana, Geneva, Helvetica, sans-serif; color: #FFFFFF}
.TopBanner_Large {font: 7.5pt Verdana, Geneva, Helvetica, sans-serif; color: #000000}
.tdbackgrnd { background-color: #FFFFFF}
.tdTopBanner {font: 10pt Eurostile; color: #FFFFFF; font-weight: bold}
.tdTopBanner2 {background-color: #EEEEEE}
.tdMiddleTopBanner {font: 12pt Eurostile; color: #FFFFFF; font-weight: bold}
.tdBottomTopBanner {font: 8pt Verdana, Geneva, Helvetica, sans-serif; color: #777777; background-color: #FFFFFF; padding: 10px}
.tdBottomTopBanner2 {font: 8pt Verdana, Geneva, Helvetica, sans-serif; font-weight: bold; color: #000000; background-color: #F3F3F3; padding: 10px}
.tdContent {background-color: #FFFFFF}
.tdContent2 {background-color: #FFFFFF}
.tdContent3 {background-color: #F3F3F3}
.tdContentBar {font-family: Verdana, Geneva, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; background-color: #C4C4C4; margin: 0px; padding: 2px; border: 1px solid #FFFFFF; white-space: nowrap}
.tdFooter {font: 7.5pt Verdana, Geneva, Helvetica, sans-serif; font-weight: normal; color: #777777}
.tdAltFont1 {font: 7.5pt Verdana, Geneva, Helvetica, sans-serif; color: #000000; background-color: #F9F9F9; margin: 0px; padding: 2px; border: 1px solid #FFFFFF}
.tdAltFont2 {font: 7.5pt Verdana, Geneva, Helvetica, sans-serif; color: #000000; background-color: #F3F3F3; margin: 0px; padding: 2px; border: 1px solid #FFFFFF}
.tdAltBG1 {background-color: #C4C4C4;}
.tdAltBG2 {background-color: #F3F3F3;}
.tdAltBG3 {font: 11px Verdana, Geneva, Helvetica, sans-serif; color: #000000; background-color: #F9F9F9; margin: 0px; padding: 5px;}
.tdAltBG4 {font: 10px Verdana, Geneva, Helvetica, sans-serif; color: #777777; background-color: #FFFFFF; margin: 0px; padding: 5px;}

/* Custom link styles */

A.nav {background: transparent; color: #777777; text-decoration: none;}
A:link.nav {
background: transparent;
color: #777777;
text-decoration: none
}
A:visited.nav {
background: transparent;
color: #777777;
text-decoration: none;
font-variant: normal
}
A:hover.nav {
background: transparent;
color: #000000;
text-decoration: underline;
font-variant: normal
}
A:active.nav {
background: transparent;
color: #777777;
text-decoration: underline
}
INPUT.searchfield {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background-color: #F3F3F3;
border: 1px inset #777777;
margin: 0px;
padding: 0;
height: 15px;
max-height: 15px;
vertical-align: middle
}
.formfield {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
font-variant: normal;
font-style: normal;
color: #000000;
background-color: #FFFFFF;
border: 1px inset #C4C4C4;
margin: 0px;
padding: 0;
height: 18px;
max-height: 18px;
vertical-align: middle
}
INPUT.formfield {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
font-variant: normal;
font-style: normal;
color: #000000;
background-color: #FFFFFF;
border: 1px inset #C4C4C4;
margin: 0px;
padding: 0;
height: 18px;
max-height: 18px;
vertical-align: middle
}
TEXTAREA.formfield {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background-color: #F3F3F3;
border: 1px inset #777777;
margin: 0px;
padding: 0;
vertical-align: middle
}
.bannerGold {
border: 0px;
margin: 0px;
padding: 0px;
background-image: url('http://www.naturalpigments.com/images/banners/home_banner_06_03.jpg');
background-repeat: repeat-x
}
.bannerBeige {
border: 0px;
margin: 0px;
padding: 0px;
background-image: url('http://www.naturalpigments.com/images/banners/beige_banner_bkgd.jpg');
background-repeat: repeat-x
}
.bannerGrey {
border: 0px;
margin: 0px;
padding: 0px;
background-image: url('http://www.naturalpigments.com/images/banners/grey_banner_bkgd.jpg');
background-repeat: repeat-x
}
.bannerBlack {
border: 0px;
margin: 0px;
padding: 0px;
background-image: url('http://www.naturalpigments.com/images/banners/home_banner_03_03.jpg');
background-repeat: repeat-x
}
.bannerBlue {
border: 0px;
margin: 0px;
padding: 0px;
background-image: url('http://www.naturalpigments.com/images/banners/home_banner_04_03.jpg');
background-repeat: repeat-x
}
.bannerBlueGrad {
border: 0px;
margin: 0px;
padding: 0px;
background-image: url('http://www.naturalpigments.com/images/banners/home_banner_05_03a.jpg');
background-repeat: repeat-x
}
.borderDot {
border: 0px;
margin: 0px;
padding: 0px;
background-image: url('http://www.naturalpigments.com/images/banners/border_dot.gif');
background-repeat: repeat;
background-position: 1px 1px
}
.homeNav {
font-family: Eurostile, Verdana, sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: 700;
letter-spacing: 0.1em
}
.navbox {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #777777
}
.navBar {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #777777;
background-color: #C4C4C4;
margin: 0px;
padding: 0px;
}
.menuleftcol {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #C4C4C4;
padding: 4;
}
HR.leftmenu {
border: 1px;
width: 100%;
color: #C4C4C4;
background-color: #C4C4C4;
height: 1px
}
.edutitle {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 11pt;
color: #777777
}
.edutext {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 8pt;
color: #777777
}
.edutableHead {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #FFFFFF;
background-color: #C4C4C4;
margin: 0px;
padding: 4;
border: 1px solid #FFFFFF;
}
.edutableRow1 {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background-color: #F9F9F9;
margin: 0px;
padding: 4px;
border: 1px solid #FFFFFF
}
.articleTableHead {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 11px;
text-transform: none;
font-weight: bold;
color: #FFFFFF;
background-color: #C4C4C4;
margin: 0px;
padding: 4px;
}
.articleTableBody {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background-color: #F9F9F9;
margin: 0px;
padding: 4px;
}
.mBody1 {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
line-height: 150%;
margin-bottom: 12px
}
.mBody2 {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
line-height: 150%;
margin-bottom: 4px
}
.article1, UL article1 {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
line-height: 150%;
margin-bottom: 18px
}
.quote1 {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 9pt;
color: #000000;
line-height: 150%;
margin-bottom: 12px;
margin-left: 24px;
margin-right: 24px
}
.caption {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #777777;
margin-bottom: 24px
}
.mHead1 {
font-family: Times Roman, Times, serif;
font-size: 18pt;
color: #777777;
margin-bottom: 24px
}
.mHead2 {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 12pt;
font-weight: 700;
color: #777777;
line-height: 120%;
margin-top: 12px;
margin-bottom: 6px
}
.mHead3 {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
color: #777777;
line-height: 120%;
margin-top: 12px;
margin-bottom: 6px
}
.mHead4 {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10pt;
font-weight: 700;
color: #777777;
line-height: 120%;
margin-top: 6px;
margin-bottom: 0px
}
.prodNameLarge {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
color: #777777;
margin-top: 0px;
margin-bottom: -9px
}
.prodName {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #777777
}
.prodPrice {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
font-weight: 700;
color: #777777
}
.prodRegPrice {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
font-weight: 400;
color: #777777
}
.prodDesc {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #000000
}
.prodAttribute {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
line-height: 150%;
color: #777777;
padding-top: 5px;
padding-bottom: 5px
}
.detailTitle {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #999999;
line-height: 120%;
padding-top: 0px;
padding-bottom: 10px
}
.detailMiddleTopBanner {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
font-weight: 700;
color: #000000;
border-bottom-width: 2px;
border-bottom-color: #C4C4C4;
border-bottom-style: solid;
}
.detailContent1 {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #777777;
text-align: right;
background-color: #F3F3F3;
margin: 0px;
padding: 4;
border: 1px solid #FFFFFF;
white-space: nowrap
}
.detailContent2 {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-align: left;
background-color: #F9F9F9;
margin: 0px;
padding: 4px;
border: 1px solid #FFFFFF
}
.detailContentCenter {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-align: center;
background-color: #F9F9F9;
margin: 0px;
padding: 4px;
border: 1px solid #FFFFFF
}
.sfImageOutline {
font-family: Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
font-variant: normal;
font-style: normal;
letter-spacing: 1pt;
color: #000000;
border-style: solid;
border-width: 1px;
border-color: #777777;
background-color: #F3F3F3;
vertical-align: middle;
margin: 0px;
padding: 0
}
.sfButtonPad {
padding-top: 5px;
padding-bottom: 5px
}
.storeTitle {
font-family: Arial, Geneva, Helvetica, sans-serif;
font-size: 32px;
font-weight: 200;
font-variant: normal;
text-transform: uppercase;
letter-spacing: 0.05em;
word-spacing: -0.2em;
color: #C4C4C4;
background-color: #F3F3F3;
border: 0px;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 2px;
margin: 0px;
vertical-align: bottom;
white-space: nowrap;
line-height: 1;
}
.storeInfo {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
background-color: #C4C4C4;
padding-top: 20px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
vertical-align: bottom
}
.storeBodyText {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #777777
}
.announcement {font-family: Verdana, Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; padding: 0 0 10px 0px; margin: 0px 0px 10px 0px}
.orderHistHead {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
background-color: #C4C4C4;
margin: 0px;
padding: 2px;
border: 1px solid #FFFFFF;
white-space: nowrap
}
.orderHistRow {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #000000;
margin: 0px;
padding: 2px;
border: 1px solid #FFFFFF
}
.ssGrid {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #777777;
margin: 0px;
padding: 2px;
}
.alert {
font: 10px Verdana, Geneva, Helvetica, sans-serif;
line-height: 150%;
color: #FF0000;
}
.ssbutton {
font-family: Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
font-weight: 200;
font-variant: normal;
font-style: normal;
color: #000000;
letter-spacing: 1pt;
border-style: solid;
border-width: 1px;
border-color: #777777;
background-color: #F3F3F3;
margin: 0px;
max-height: 18px;
vertical-align: middle;
text-align: center;
}
TABLE.formtable {empty-cells: show; padding: 4px; color: white; border: none; border-collapse: separate}
TH.formtablehead {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10pt;
font-weight: 700;
color: #FFFFFF;
background-color: #C4C4C4;
border: solid 1px #FFFFFF;
}
TD.formtablehead {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10pt;
font-weight: 700;
color: #FFFFFF;
background: #CC4C4;
background-color: #C4C4C4;
border: solid 1px #FFFFFF;
}
TD.formtablefield {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
font-variant: normal;
font-style: normal;
padding: 4px;
color: #000000;
background-color: #E9E9E9;
border: solid 1px #FFFFFF;
}
TD.formlabel {
font: 8pt Verdana, Geneva, Helvetica, sans-serif;
color: #000000;
padding: 4px;
background-color: #F3F3F3;
border: solid 1px #FFFFFF;
}
.formlabelrequired {
font: 8pt Verdana, Geneva, Helvetica, sans-serif;
color: red;
}
.tdContentCol1 {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
text-transform: none;
color: #777777;
background-color: #F3F3F3;
margin: 0px;
padding: 4;
border: 1px solid #FFFFFF;
white-space: nowrap
}
.tdContentCol2 {font-family: Verdana, Geneva, Helvetica, sans-serif; font-size: 10px; text-transform: none; color: #777777; text-align: right; background-color: #F9F9F9; margin: 0px; padding: 4; border: 1px solid #FFFFFF; white-space: nowrap}
.tdContentHeader {font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #FFFFFF;
background-color: #C4C4C4;
margin: 0px;
padding: 4;
border: 1px solid #FFFFFF;
}
.breadcrumb {font-family: Verdana, Geneva, Helvetica, sans-serif; font-size: 10px; color: #777777; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin: 0px}
.shopTitle {font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 40px; font-weight: 200; letter-spacing: -0.02em; word-spacing: -0.05em; color: #C4C4C4; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 2px; margin: 0px; vertical-align: bottom; white-space: nowrap; line-height: 1; text-transform: none}
.shopLeft {font-family: Verdana, Geneva, Helvetica, sans-serif; font-size: 10px; color: #777777; text-transform: uppercase}
.shopCenterTop {font-family: Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 120%; margin-bottom: 5px}
.shopCenterDesc {font-family: Verdana, Geneva, Helvetica, sans-serif; font-size: 10px; color: #777777; line-height: 120%; margin: 0px}
.shopCenterBottom {font-family: Verdana, Geneva, Helvetica, sans-serif; font-size: 10px; color: #777777; text-transform: uppercase; line-height: 120%; padding: 0}
.shopRightCat {font-family: Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 175%; white-space: nowrap}
.imageCat {border: 1px #C4C4C4; color: #C4C4C4}
.shopRightBorder {border: 0px; margin: 0px; padding: 0px; background-image: url('http://www.naturalpigments.com/images/vertical_rule.gif'); background-repeat: repeat-y}
.copyRed {color: red}
.bodyRed {font-size: 12px; font-weight: bold; color: red}

/* Print styles */

@media print {
@page {size: auto; margin: 10%;}
H1, H2, H3, H4, H5, H6 {page-break-after: avoid; page-break-inside: avoid}
BLOCKQUOTE, PRE {page-break-inside: avoid}
UL, OL, DL {page-break-before: avoid}
}