html {/* overflow: -moz-scrollbars-vertical; */ min-height: 100.1%; height: 100.1%;}

body {color:#000000; background-color: #F4EAC4;margin:0; padding:0;
	  FONT-SIZE: 14px; FONT-FAMILY: "trebuchet ms",verdana,sans-serif; 
background-image: url(css-images/cream.jpg); 
background-repeat:repeat;
	}

p  {FONT-SIZE: 14px; FONT-FAMILY: "trebuchet ms",verdana,sans-serif; text-align: justify;margin-left: 30px; margin-right: 30px;
	}

h1    {font-size: 20px; font-weight: bold; text-align: center;color:#9F2F5F;background-color:inherit;}
h2,h3 { font-weight: bold; text-align: left;margin-left: 30px; margin-right: 30px;color:#9F2F5F;background-color:inherit;}
h2 	  { font-size: 16px;}
h3	  { font-size: 14px;}

b,strong,acronym {font-weight: bold; color: #9F2F5F;background-color:inherit;}
address {padding-bottom: 20px;text-align:left;margin-right: 20px;margin-left: 10px;padding-left:20px; font-style:normal;}

div,table,td,tr,img {padding:0;margin:0;}
img {border:none;}

#outer {width: 760px; margin-left: auto; margin-right: auto;  margin-top: 6px;padding-top:0;}

#top-logo {width:100%; height:65px; background-color: #F4EAC4;color:#9F2F5F;
		background-image: url(css-images/kristinasoil-top.jpg); 
		background-repeat: no-repeat;text-align:left; }
#top-logo img {padding:0;margin:0;border:0;}


/* rollover buttons */
#menu {width: 100%;}

.menubutton {
  margin: 0;text-align:center;float:left;
  font-family: "trebuchet ms",helvetica,arial,sans-serif;
  font-weight: bold;
}
.menubutton a {
  display: block;padding-top:7px;padding-bottom:7px;padding-left:0;padding-right:0;
  width: 73px;
}

.menubutton a:link,
.menubutton a:visited,
.menubutton a:hover {
  text-decoration: none;
}
.menubutton a:link,
.menubutton a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;background-color: #9F2F5F;  color: #F4EAC4;
}
.menubutton a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
color:#9F2F5F;
  background-color: #F4EAC4; 
background-image: url(css-images/cream.jpg); 
background-repeat:repeat;
	}

.spec {text-align:center;}
.clear {
    clear: both;
    height: 1px;font-size:1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
} 

/*  this needs 1 pixel extra for visual alignment */
.allbuttons {width: 761px;margin-left: auto;margin-right:auto;padding-top:7px;padding-bottom:7px;padding-left:0;text-align:center;
			}

a:link {color:#9F2F5F; background-color: inherit;}
a:visited {color: #9F2F5F; background-color: inherit;}
a:hover {color: #31A579;background-color: inherit;}

.main-pics { width: 100%;}

.left-pic {text-align: left; width: 254px;}
.middle-pic {text-align: center; width: 254px;}
.right-pic {text-align: right; width: 254px;}
.no-pic {text-align: center; vertical-align:middle;width: 254px;background-color: #ffffff;color:#000000; border:1px solid #9F2F5F;}
.no-pic p {text-align: center;}

#order-table { width:680px; background-color:inherit;color: inherit; margin-left: auto;margin-right:auto;border:1px solid #9F2F5F;}
#order-table th {width: 25%;font-weight: normal;text-align: center;vertical-align: top;padding-top: 10px; margin-top:0;}
#order-table td {width: 25%;text-align: center; vertical-align: middle;padding-top:10px;padding-bottom:10px;}
#order-table  p {text-align: center;padding:0;margin-left:0;margin-right:0;}
#order-table form {width: 160px;padding:0;margin:0;}

#main-content {width: 100%;background-color: #F0FFF0;color:#000000;padding-bottom: 20px;padding-top:20px;}


#footer {width: 100%; background-color: #9F2F5F;color: #F4EAC4;padding-top:10px;padding-bottom:0;}
#footer a:link {color: #F4EAC4;background-color:inherit;}
#footer a:visited {color: #F4EAC4;background-color:inherit;}
#footer a:active {color: #F4EAC4;background-color:inherit;}
#footer a:hover {color: #F4EAC4; background-color:inherit;}
#footer p {text-align: left;margin-top:3px;margin-bottom:3px;font-size: 12px;}

#bottom-ads {width: auto; background: inherit;color:#9F2F5F;padding-top:15px;padding-bottom:10px;border:1px dotted #9F2F5F;
			background-image:url(css-images/scissors.gif);background-repeat:no-repeat;background-position: top right;}
#bottom-ads p {text-align: left;margin-top:5px;margin-bottom:5px;font-size: 12px;margin-right:0;margin-left:15px;}
#bottom-ads h4, #bottom-ads h5 {text-align: left;margin-top:5px;margin-bottom:5px;font-size: 12px;margin-right:0;margin-left:15px;}

#bottom-ads a:link {color: #9F2F5F;background-color:inherit;}
#bottom-ads a:visited {color: #9F2F5F;background-color:inherit;}
#bottom-ads a:active {color: #9F2F5F;background-color:inherit;}
#bottom-ads a:hover {color: #9F2F5F; background-color:inherit;}



.wow-quotation { width: 70%; margin-left: auto; margin-right: auto; border: 1px solid #9F2F5F;padding-top: 10px;}
.wow-quotation ul {list-style-type:square;margin-top: 10px;margin-bottom: 10px;margin-right: 10px;}
.wow-quotation li {padding-bottom: 20px;text-align:justify;margin-left: 0;margin-right: 20px;}
.quotation {width: 70%; margin-left: auto; margin-right: auto; border: 1px solid #9F2F5F;padding: 10px;text-align:justify;}

.contact {width: 90%; margin-left: auto; margin-right: auto; border: 1px solid #9F2F5F;padding-top: 10px;}

.contact-form {width: 55%; float:left;border:none;padding:0;}
.contact-details {width: 40%; float:right;text-align: left;border:none;padding:0;}
.contact-details ul {list-style-type:square;margin-top: 10px;margin-bottom: 10px;margin-right: 10px;}
.contact-details li {padding-bottom: 20px;text-align:left;margin-left: 0;margin-right: 20px;}
.contact-details address {padding-bottom: 20px;text-align:left;margin-right: 20px;margin-left: 20px;padding-left:20px; font-style:normal;}

.w3cbutton {
  margin: 0;
  font-family: "trebuchet ms",helvetica,arial,sans-serif;
  font-size: 70%;
  font-weight: bold;
}
.w3cbutton a {
  display: block; color: #000000;
 background-color: #FFCC66; 
  width: 85px;
}
.w3cbutton a:link,
.w3cbutton a:visited,
.w3cbutton a:hover {
 background-color: #FFCC66;
  color: #000000;
  text-decoration: none;
}
.w3cbutton a:link,
.w3cbutton a:visited { 
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.w3cbutton a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}
.w3cbutton span.w3c {
  padding: 0 0.4em;
  background-color: #ffffff;
  color: #0c479d;
}
.w3cbutton span.spec {color: #000000;  background-color: #FFCC66;}

.onleft {float:left;width: 85px;color: #000000;  background-color: #FFCC66;}
.onright {float:right;width: 85px;color: #000000; background-color: #FFCC66;}
.allw3cbuttons {width: 192px;margin-left: auto;margin-right:auto;padding-top:0;padding-bottom:0.5em;}

.copyright {text-align:center;font-size: 70%;font-family: "trebuchet ms",verdana,sans-serif;}

.image-in-right {
 float: right; 
 margin: 0px;
padding-left:15px; 
  }
.image-in-left {
 float: left; 
 margin: 0px;
padding-right: 15px; 
  }
.buy-now {height: 44px; width: 73px; border:0;}

.sitemap-div {width: 90%; margin-left: auto; margin-right: auto; border: 1px solid #9F2F5F;padding-top: 10px;}
.sitemap-div ul {list-style-type:square;margin-top: 10px;margin-bottom: 10px;margin-right: 10px;}
.sitemap-div li {padding-bottom: 20px;text-align:justify;margin-left: 0;margin-right: 20px;}

.sitemap { color: #31A579;font-size: 0.9em; background-color:inherit; }

.alpha-list  {list-style-type: upper-alpha;color: #9F2F5F; font-weight: bold;background-color: inherit;}
.alpha-list p {color: #000000;font-weight: normal;background-color: inherit;}

.reference{font-size:11px; font-weight: bold;vertical-align:top; color:#9F2F5F;background-color: inherit;} 
.reference a {text-decoration:none;}