/*This is the main style sheet*/



a:link { color: #ffffff; }
a:active { color: #ffffff }
a:visited { color: #ffffff; } 


body {
color: #000000;
background-color: #009999;
font-Family: Verdana, Helvetica, Arial, sans-serif;
font-size: 2em;
margin: 0%;
padding:0%;
width:100%;
position: absolute;}

button {
background-color: #fffb8b;
color:red;
margin-left:20%;
margin-right:20%;
}

fieldset {
}

form {
	margin:0px;		/* FF still seems to give a form some air */
	padding:0px;
}

#image-colleft-center{
text-align:center;
margin-left:0%;
margin-right:80%;
}

#image-colmid-center{
text-align:center;
margin-left:20%;
margin-right:20%;
background-color: #009999;
}


#logoarea-colmid-center{
text-align:center;
margin-left:20%;
margin-right:20%;
width: 660px;
padding: 0px;
position:relative;
top:0px;
left:0px;
}




#image-colmid-left{
text-align:left;
margin-left:20%;
margin-right:20%;
}

#image-colmid-right{
text-align:right;
margin-left:20%;
margin-right:20%;
}

#image-colright-center{
text-align:center;
margin-left:80%;
margin-right:0%;
}


#image-headers{
text-align:center;
background-color: #009999;}


h1#story-header{
	color: #006666;
	font-size: 33px;
	text-align: center;
}

#story{
	margin-left:20%;
	margin-right:20%;
	width: 468px;
	padding: 0px;
}



/*** INPUT FIELDS ***/

input{
}

input.left-upper-lower {
color: #001a00;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
background-color: #ffffff;
cursor: pointer;

text-transform: none;}

input.left-capitalize {
color: #001a00;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
background-color: #ffffff;
cursor: pointer;
text-transform: none;}

input.left-lowercase {
color: #001a00;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
background-color: #ffffff;
cursor: pointer;
text-transform: none;}


input.left-uppercase {
color: #001a00;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
background-color: #ffffff;
cursor: pointer;
text-transform: none;}


input.of-qty {
color: #001a00;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
background-color: #ffffff;
cursor: pointer;
text-transform: none;
text-align:right;}

input.of-freight {
color: #001a00;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
background-color: #ffffff;
cursor: pointer;
text-transform: none;
text-align:right;}

input.of-ext {
color: #001a00;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
background-color: #9EA2A2;
cursor: pointer;
text-transform: none;
text-align:right;}

input.submit {
text-align:center;
padding-top:8px;
background-color: #9EA2A2;
color: #000000;
font-weight: bold;
border: 3px #6BCFF6 outset;}

label {}

legend {}


textarea {
background-color: #ffffff;
color: #000000;
font-family: Verdana, sans-serif;
font-weight: bold;
font-size: 8pt;
}



/*** SELECTS and OPTIONS ***/
select {
color: #000000;
background-color: #FFFFFF;
font-weight: bold;
}

option {
color: #000000;
background-color: #FFFFFF;
padding-left:1%;
font-weight: bold;
}


/*** NAVBAR ***/

@media all   { .noprint { display:      } }  /* Firefox error:  Error in parsing value for property */
@media print { .noprint { display:none  } }

/* This is the element ID "navbar" */
#navbar {
width:12%;
margin-left:4%;
position: absolute;
top: 100px;
margin-top: 6px;
margin-bottom: 6px;
display:block;
}

/* These define any link inside the class "navbar" */

.navbar a:link {
top: 100px;
padding-top:6px;
padding-bottom:6px;
padding-left: 2%;
padding-right: 2%;
color: #000000;
background-color: #9EA2A2;
font-weight: bold;
font-size: 8pt;
text-align: center;
text-decoration: none;
width:100%;
display:block;
margin-top: 6px;
margin-bottom: 6px;
border-bottom: 3px #6BCFF6 groove;
border-left: 3px #6BCFF6 groove;
border-right: 3px #6BCFF6 groove;
border-top: 3px #6BCFF6 groove;
}

.navbar a:visited {
top: 100px;
padding-top:6px;
padding-bottom:6px;
padding-left: 2%;
padding-right: 2%;
color: #000000;
background-color: #9EA2A2;
font-weight: bold;
font-size: 8pt;
text-align: center;
text-decoration: none;
width:100%;
display:block;
margin-top: 6px;
margin-bottom: 6px;
border-bottom: 3px #6BCFF6 groove;
border-left: 3px #6BCFF6 groove;
border-right: 3px #6BCFF6 groove;
border-top: 3px #6BCFF6 groove;
}

.navbar a:active {
top: 100px;
padding-top:6px;
padding-bottom:6px;
padding-left: 2%;
padding-right: 2%;
color:#000000;
background-color: #9EA2A2;
font-weight: bold;
font-size: 8pt;
text-align: center;
text-decoration: none;
width:100%;
display:block;
margin-top: 6px;
margin-bottom: 6px;
border-bottom: 3px #6BCFF6 groove;
border-left: 3px #6BCFF6 groove;
border-right: 3px #6BCFF6 groove;
border-top: 3px #6BCFF6 groove;
}

.navbar a:hover {
padding-top:6px;
padding-bottom:6px;
padding-left: 2%;
padding-right: 2%;
color: #ffffff;
background-color: #009999;
font-weight: bold;
text-decoration: none;

text-align: center;
top: 100px;
width:100%;
display:block;
font-size: 8pt;
margin-top: 6px;
margin-bottom: 6px;
border-bottom: 3px #6BCFF6 groove;
border-left: 3px #6BCFF6 groove;
border-right: 3px #6BCFF6 groove;
border-top: 3px #6BCFF6 groove;
}



/*** IMAGES ***/

img.postit {
margin:-5px;}

img.postit_total {
float:right;}



/*** PARAGRAPHS ***/

p {
font-size: .8em;
line-height: 1em;
font-style: normal;
font-weight: normal;
text-decoration: none;
background-color: #009999;
}

p.homepage-text {
font-size: 10pt;
text-align:center;
font-weight: bold;
}

p.below-button {
font-size: 12pt;
text-align:center;
font-weight: bold;
}

p.colmid-center-bold{
margin-left:20%;
margin-right:20%;
width:60%;
font-family: Ariel, Verdana,  Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: center;
padding-top:5px;
padding-bottom:5px;
}

p.copyright{
padding: 20px 20px 20px 20px;
text-align: center;
}

p.editorials-magazine{
margin-left:20%;
width:60%;
font-family: "Comic Sans MS";
font-size: 14pt;
font-weight:bold;
}

p.editorials-question{
margin-left:25%;
width:55%;
font-family: "Comic Sans MS";
font-size: 12pt;
text-align: left;
}

p.editorials-body{
margin-left:30%;
width:50%;
font-family: "Comic Sans MS";
font-size: 12pt;
font-weight: normal;
text-align: left;
color: #000000;}

p.faq-answer{
margin-left:20%;
width:55%;
font-family: "Comic Sans MS";
font-size: 10pt;
font-weight: bold;
}

p.faq-question{
margin-left:20%;
width:55%;
font-family: "Comic Sans MS";
font-size: 12pt;
font-weight:bold;
}

p.faq-topic{
margin-left:20%;
width:55%;
font-family: "Comic Sans MS";
font-size: 12pt;
font-weight:bold;
}


p.header{
margin-left:20%;
margin-right:20%;
width:60%;
font-family: "Comic Sans MS";
font-size: 30pt;
font-weight: bold;
text-align: center;
padding-top:4%;
padding-bottom:4%;
}

p.home-proof{
margin-left:20%;
margin-right:20%;
width:60%;
font-family: "Comic Sans MS";
font-size: 16pt;
font-weight: bold;
text-align: center;
padding-top:4%;
padding-bottom:4%;
}

p.msds-info{
margin-left:30%;
width:50%;
font-family: "Comic Sans MS";
font-size: 12pt;
font-weight: normal;
text-align: left;
color: #000000;
line-height: 20pt;}

p.msds-section{
margin-left:20%;
width:60%;
font-family: "Comic Sans MS";
font-size: 14pt;
font-weight:bold;
}

p.msds-prompt{
margin-left:25%;
width:55%;
font-family: "Comic Sans MS";
font-size: 12pt;
text-align: left;
line-height: 20pt;
}

/*** SPANS and DIVS ***/

div.caps-link {
font-size: 9pt;
text-transform: uppercase;
text-align: center;
}

span.comment-highlight {
}

span.countrylink {
text-transform:none;
font-weight:bold;
}

span#completion_hints,
span#completion_qual {
font-Family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
}

p#creditcard_hints {
font-Family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
}

span.link-navbar-bottom {
font-weight: bold;
font-size: 10pt;
font-family: "Comic Sans MS";
text-align: center;
}

div.error-subhead {
font-family: comic sans ms, sans-serif;
font-size: 22px;
color:red;
background-color:#FFFFFF;
border: 2px #6BCFF6 groove;
text-align: center;
padding: 5px 20px 5px 20px; 
margin: 0px 25% 40px 25%; }

div.submitarea{
text-align:center;
margin-left:20%;
margin-right:20%;
}

div.bannerwithminima {
font-Family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
text-align: center;
}

div.phonenumbers {
font-Family: Verdana, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
text-align: center;
}

div.contact-us-thanks {
font-size: 20px;
text-align: center;}

div#redesigned-header {
font-size: 24px;
text-align: center;}

div#redesigned-body {
font-size: 20px;
text-align: center;}

div#redesigned-link {
font-size: 20px;
text-align: center;}

div#redesigned-footer {
font-size: 20px;
text-align: center;}


/*** TABLES, ROWS, CELLS ***/

/* @media all   { */
	table {
	margin-left: 20%;
	margin-right:20%;
	width: 60%;
	margin-top: 2%;
	display: block;
	border: 2px #6BCFF6 groove;
	}
/* } */
@media print {
	table {
	margin-left: 5%;
	margin-right:5%;
	margin-top: 2%;
	display: block;
	border: 2px #6BCFF6 groove;
	}
}


td {font-family: Ariel, Verdana,  Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #000000;
border: 2px #6BCFF6 groove;
padding-top: 5px;
padding-bottom: 5px;
text-align: left;
background-color: #9EA2A2;
padding-left: 2px;
padding-right: 2px;}


table#logoarea-table {
	border: none;
	margin: 0px;
	padding: 0px;
}

table#logoarea-table td {
	background-color:#FFFFFF;
	border: none;
	margin: 0px;
	padding: 5px;
}

td.mono-confirmation{
font-size: 12px;
font-family: monospace;
background-color: #CCCCCC;
color: #000000;
width: 35%;
white-space: nowrap;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}


td.contact-us-logo{
width: 14%;
text-align: center;
}	
			
td.contact-us-mag-date{
width: 20%;
text-align: center;
}

td.contact-us-body{
width: 70%;
}



td.editorials-logo{
width: 13%;
text-align: center;
}	
			
td.editorials-mag-date{
width: 17%;
text-align: center;
}

td.editorials-body{
width: 70%;
}

td.faq-logo{
width: 14%;
text-align: center;
}	

td.faq-body{
width: 70%;
}

td.foreign-customers-issue-subject{
width: 20%;
text-align: center;
}

td.foreign-customers-issue-body{
width: 70%;
}

td.msds-prompt {
width: 40%;
}

td.msds-info {
width: 40%;
}

td.msds-box-choice-prompt{
margin-left:30%;
}
			
td.msds-box-choice-info{
margin-left:40%;
}

td.msds-II-Col-1 {
width: 60%;
}

td.msds-II-Col-2 {
width: 10%;
}

td.msds-II-Col-3 {
width: 10%;
}

td.msds-II-Col-4 {
width: 10%;
}

td.msds-II-Col-5 {
width: 10%;
}

td.msds-v-col-1-prompt{
width: 40%;
}

td.msds-v-col-2-choice-prompt {
width: 40%;
}

td.msds-v-col-2-choice-info{
width:30%;
text-align: center;
}

td.msds-v-col-2-no-choice {
width: 50%;
}

td.consumer-info {
padding: 10px 10px 10px 20px;
}

td.of-cc-prompt {
text-align:center;
width: 16%;
}

td.of-cc-data {
width: 25%;
text-transform: uppercase;
}

td.order-confirm-receipt{
width:60%;
text-align: center;
background-color: white;
}

th.order-confirm-thanks{
width:60%;
text-align: center;
}

td.order-confirm-thanks-info{
width:60%;
font-weight: bold;
background-color: #CCCCCC;
}

td.order-confirm-thanks-info-sub-indent{
width:5%;
}

td.order-confirm-thanks-info-sub-prompt{
width:25%;
}

td.order-confirm-thanks-info-sub-data{
width:70%;
}

td.order-confirm-thanks-info-sub-sub-indent-1{
width:5%;
}

td.order-confirm-thanks-info-sub-sub-indent-2{
width:10%;
}

td.order-confirm-thanks-info-sub-sub-prompt{
width:35%
}

td.order-confirm-thanks-info-sub-sub-data{
width:50%;
}

td.order-confirm-capitalize {
width: 25%;
text-transform: capitalize;
}

td.order-confirm-lowercase {
width: 25%;
text-transform: lowercase;
}

td.order-confirm-uppercase {
width: 25%;
text-transform: uppercase;
}

td.of-contact-prompt {
width: 15%;
text-align:center;
}

td.of-contact-duties {
text-align: center;
vertical-align:middle;
padding-top: 8px;
padding-left: 12px;
padding-bottom: 8px;
padding-right: 12px;
font-weight: bold;
font-size: 10pt;
color: #000000;
background-color: #888888;}

td.of-contact-data {
width: 25%;
text-transform: uppercase;
}

td.table-comment {
width: 40%;
text-align:center;
}

td.of-contact-optional {
width: 10%;
text-align:center;
vertical-align:middle;}

td.wof-total-postit {
text-align:center;
vertical-align:middle;}

td.of-if-different {
text-align:center;
font-weight: bold;
font-size: 9pt;
color: #ffffff;
letter-spacing: .3em;
background-color: #757575;}

td.rof-pricing-product {
width: 30%;
}

td.rof-pricing-cleans {
width: 10%;
text-align:center;
}

td.rof-pricing-qty {
width: 5%;
text-align:right;
}

td.rof-pricing-price {
width: 5%;
text-align:right;
}

td.rof-pricing-ext {
width: 7%;
text-align:right;
padding-right:5px;
}

td.retailers-logo{
width: 14%;
text-align: center;
}	

td.retailers-mag-date{
width: 20%;
text-align: center;
}

th.retailers{
width:60%;
text-align: center;
}

td.retailers-indent-1st{
width:5%;
}

td.retailers-indent-2nd{
width:5%;
}


td.safety-logo{
width: 14%;
text-align: center;
}
	
			
td.safety-type{
width: 20%;
text-align: center;
}

td.safety-body{
width: 70%;
}
 
th.policies{
}
td.policies{
}

div.policy-links {
	font-size:11px; 
	text-align:center;
	color:black;
}
div.policy-links a:link {
	color:black;
	text-decoration: underline;
}
div.policy-links a:visited {
	color:black;
	text-decoration: underline;
}
div.policy-links a:active {
	color:white;
	text-decoration: underline;
}
div.policy-links a:hover {
	color:white;
	text-decoration: underline;
}
			
td.testimonials-logo{
width: 20%;
text-align:center;
vertical-align:middle;}

td.testimonials-who{
width: 20%;
text-align:center;
vertical-align:middle;}

td.testimonials-message{
}

td.wof-intro-prompt {
width: 15%;
text-align:center;
vertical-align:middle;}

td.wof-intro-data {
text-align:center;
vertical-align:middle;}


td.wof-how-this-works-prompt {
width: 12%;
text-align:center;
vertical-align:middle;}

td.wof-how-this-works-before-x {
width: 22%;
}

td.wof-how-this-works-x {
text-align:center;
vertical-align:middle;
}

td.wof-how-this-works-data {
}

td.wof-pricing-product {
width:22%;
text-align: center;
vertical-align:middle;}

td.product-break {
border-bottom: 8px #6BCFF6 groove;}

td.wof-pricing-form {
width:22%;
text-align:center;
vertical-align:middle;}

td.wof-pricing-size {
width:22%;
text-align: center;
vertical-align:middle;
border-bottom: 8px #6BCFF6 groove;}

td.wof-pricing-unit-details {
width:20%;
text-align:center;
vertical-align:middle;}

td.wof-pricing-type-packaging {
text-align:left;}

td.wof-pricing-qty {
width:13%;
text-align:right;
vertical-align:middle;
padding-right:5px;}

td.wof-pricing-price {
width:3.5em;
text-align:right;
vertical-align:middle;
padding-right:5px;}

td.wof-pricing-ext {
text-align:right;
vertical-align:middle;
padding-right:5px;}

td.wof-pricing-number-unit {
text-align:right;
vertical-align:middle;
padding-right:5px;}

td.wof-pricing-totals {
text-align:right;
padding-right:20px;}

td.wof-minimum-order-example-situation{
width: 30%;
text-align: center;
vertical-align:middle;
padding: 15px;}

td.wof-minimum-order-example-product{
width: 20%;
text-align: center;
vertical-align:middle;}


td.wof-minimum-order-example-qty{
text-align: center;
vertical-align:middle;
}



td.wof-minimum-order-example-price{
text-align: center;
vertical-align:middle;
}

td.wof-minimum-order-example-ext-price{
text-align: center;
vertical-align:middle;
}

td.wof-minimum-order-example-ext-singles{
text-align: center;
vertical-align:middle;
}

td.wof-explain-minimum-order-subject{
width: 20%;
text-align: center;
vertical-align:middle;
padding-top: 12px;
padding-left: 12px;
padding-bottom: 12px;
padding-right: 12px;}	

td.wof-explain-minimum-order-body{
text-align: center;
vertical-align:middle;}

td.wof-understanding-picture{
width: 20%;
text-align: center;
vertical-align:middle;
padding-top: 12px;
padding-left: 12px;
padding-bottom: 12px;
padding-right: 12px;}	

td.wof-understanding-box-or-not{
width: 20%;
text-align: center;
vertical-align:middle;
padding-top: 12px;
padding-left: 12px;
padding-bottom: 12px;
padding-right: 12px;}

td.wof-understanding-comment{
text-align: center;
vertical-align:middle;}

td.wof-pricing-bottom-left {
zzzwidth:50%;
zzztext-align: right;
vertical-align:middle;}

/*** remove if nowhere used
	td.wof-pricing-bottom-middle {
	width:30%;
	text-align: center;
	vertical-align:middle;
	padding:10px 0px 10px 0px;}
***/

td.wof-pricing-bottom-right {
text-align: right;
vertical-align:middle;
padding-right:5px;}




th { text-align: center; 
color:#000000;
font-size:11pt;
font-weight: bold;
border: 5px #6BCFF6 groove;
padding-top: 5px;
padding-bottom: 5px;
background-color: #6BCFF6;
}

tr{
background-color: #9EA2A2;
}

td.wof-pkg-ops-singles-product {
width:20%;
text-align: center;
vertical-align:middle;}

td.wof-pkg-ops-singles-size {
width:23%;
text-align: center;
vertical-align:middle;}

td.wof-pkg-ops-singles-packaging {
width:30%;
text-align:center;
vertical-align:middle;}

td.wof-pkg-ops-singles-unit {
width:13%;
text-align:center;
vertical-align:middle;
}



td.wof-pkg-ops-singles-number-unit {
text-align:center;
vertical-align:middle;
}


td.wof-pkg-ops-define-unit-picture {
width:20%;
text-align: center;
vertical-align:middle;
padding-top: 12px;
padding-left: 12px;
padding-bottom: 12px;
padding-right: 12px;}

td.wof-pkg-ops-define-unit-type {
width:20%;
text-align: center;
vertical-align:middle;
padding-top: 12px;
padding-left: 12px;
padding-bottom: 12px;
padding-right: 12px;}

td.wof-pkg-ops-define-unit-comment {

text-align:center;
vertical-align:middle;
padding-top: 12px;
padding-left: 12px;
padding-bottom: 12px;
padding-right: 12px;
}


td.wof-focus-units-col-1 {
width:25%;
text-align: center;
vertical-align:middle;
padding-top: 12px;
padding-left: 12px;
padding-bottom: 12px;
padding-right: 12px;}

td.wof-focus-units-col-2 {
width:25%;
text-align: center;
vertical-align:middle;
padding-top: 12px;
padding-left: 12px;
padding-bottom: 12px;
padding-right: 12px;}

td.wof-focus-units-col-3{
width:25%;
text-align: center;
vertical-align:middle;
padding-top: 12px;
padding-left: 12px;
padding-bottom: 12px;
padding-right: 12px;}

td.wof-focus-units-col-4 {
width:25%;
text-align: center;
vertical-align:middle;
padding-top: 12px;
padding-left: 12px;
padding-bottom: 12px;
padding-right: 12px;}

td.wof-pricing-wholesale-tally {
text-align: center;
vertical-align:middle;
padding-top: 8px;
padding-left: 12px;
padding-bottom: 8px;
padding-right: 12px;
font-weight: bold;
font-size: 10pt;
color: #000000;
background-color: #888888;}

td.quotehow {
text-align: center;
vertical-align:middle;
padding-top: 20px;
padding-left: 12px;
padding-bottom: 20px;
padding-right: 12px;
font-weight: bold;
font-size: 12pt;
color: #ffffff;
width:25%;
background-color: #757575;}

p.quotehowleader {
text-align: center;
vertical-align:middle;
padding-top: 10px;
padding-left: 12px;
padding-bottom: 0px;
padding-right: 12px;
font-weight: bold;
font-size: 13pt;
color: #ffffff;
background-color: #757575;}

td.wof-status-col-1-highlight {
width:25%;
text-align: center;
vertical-align:middle;
padding-top: 12px;
padding-left: 12px;
padding-bottom: 12px;
padding-right: 12px;

font-weight: bold;
font-size: 8pt;
color: #ffffff;
background-color: #757575;}

td.wof-status-col-1 {
width:25%;
text-align: center;
vertical-align:middle;
padding-top: 12px;
padding-left: 12px;
padding-bottom: 12px;
padding-right: 12px;}

td.wof-display-results{
width:55%;
text-align: center;
vertical-align:middle;
padding-top: 12px;
padding-left: 12px;
padding-bottom: 12px;
padding-right: 12px;}

td.wof-status-explanation{
width:55%;
text-align: center;
vertical-align:middle;
padding-top: 12px;
padding-left: 12px;
padding-bottom: 12px;
padding-right: 12px;
color:#E01B30;
background-color:#ffffff;}


	td.qualifies{
	color:#000000;
	background-color:#FFFFFF;}

	td.non-qualifies{
	color:#E01B30;
	background-color:#ffffff;}

td.wof-auto-explanation{
width:55%;
text-align: center;
vertical-align:middle;
padding-top: 12px;
padding-left: 12px;
padding-bottom: 12px;
padding-right: 12px;
color:#E01B30;
background-color:#ffffff;
}

	td.normal{
	color:#000000;
	background-color:#FFFFFF}

	td.not-normal{
	color:#E01B30;
	background-color:#ffffff}




td.wof-focus-forms-col-1{
width:40%;
text-align: center;
vertical-align:middle;
padding-top: 12px;
padding-left: 12px;
padding-bottom: 12px;
padding-right: 12px;}

td.wof-focus-forms-col-2{
width:60%;
text-align: center;
vertical-align:middle;
padding-top: 12px;
padding-left: 12px;
padding-bottom: 12px;
padding-right: 12px;}