@import url(boxes.css);


/* global
---------------------------------------------------------- */
* {
	margin: 0;
	padding: 0; }
	
ol, ul { 
	list-style: none; }

label {
	cursor: pointer; }

a img, :link img, :visited img, fieldset { 
	border: none; }
	
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%; }

input, select, textarea {
	font-family: Verdana, Arial, Tahoma, Helvetica, Geneva, sans-serif; }

pre, code { 
	font-family: "courier new", courier, monaco, monospace; }

hr {
	display: none; }
	
br.clear, div.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	position: relative;	}

a:link {
	text-decoration: underline;
	color: #879ab7; 
	background: transparent; }
	
a:visited {
	text-decoration: underline;
	color: #475d83; }
	
a:active {
	text-decoration: underline;
	color: #26385e; }
			
a:hover {
	text-decoration: none; }
	
	
/* structure
---------------------------------------------------------- */
body {
	background: #e1e1e1 url(../images/bg.gif) repeat-y top center;
	color: #666;
	font: 100% Arial, Tahoma, Helvetica, Verdana, Geneva, sans-serif;
	text-align: center; }
	
div#wrapper {
	width: 796px;
	margin: 0 auto;
	color: #666; }
		
div#wrapper div.container {
	padding: 50px 49px 0 49px;
	width: 670px;
	margin: 0 auto;
	text-align: left; }

html, body, #mainwrapper {
    min-height: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0; }

html>body #mainwrapper {
    height: auto; }

#mainwrapper {
    position: absolute;
    top: 0;
    left: 0; }
			
div#main {
    height: auto;
    padding-bottom: 3em;
    margin: 0 auto; }
	
			
/* logo
---------------------------------------------------------- */		
div.header {
	position: relative;
	display: block;
	height: 62px;
	overflow: hidden; }
	
div.header div.rightnav {
	float: right;
	overflow: hidden; }
	
div.header div.rightnav ul li {
	float: left; }
	
div.header div.rightnav ul li.k a {
	width: 117px;
	height: 53px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	cursor: pointer;
	margin-right: 14px;
	background: url(../images/kokimo-small.gif) no-repeat top left; }
	
div.header div.rightnav ul li.k a:hover {
	background-position: 0 -53px; }
	
div.header div.rightnav ul li.s a {
	width: 112px;
	height: 62px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	cursor: pointer;
	margin-right: 8px;
	background: url(../images/scent-small.gif) no-repeat top left; }
	
div.header div.rightnav ul li.s a:hover {
	background-position: 0 -62px; }
	
div.header div.rightnav ul li.m a {
	width: 146px;
	height: 55px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	cursor: pointer;
	background: url(../images/merchants-small.gif) no-repeat top left; }
	
div.header div.rightnav ul li.m a:hover {
	background-position: 0 -55px; }

h1 {
	overflow: hidden;
	position: absolute;
	height: 46px;
	width: 238px; }

h1 a, h1 a:link, h1 a:active, h1 a:visited {
	display: block;
	height: 46px;
	width: 238px;
	color: #000;
	text-decoration: none; }
			
h1 a:hover {
	text-decoration: none;
	color: #333;
	cursor: pointer; }
				
h1 span {
	background: url(../images/logo.gif) no-repeat top left;
	cursor: pointer;
	display: block;
	overflow: hidden;
	position: absolute;
	height: 46px;
	width: 238px;
	left: 0;
	top: 0; }
		
		
/* main navigation
---------------------------------------------------------- */
ul#nav, ul#nav ul {
	line-height: 1;
	z-index: 5; }
	
ul#nav a {
	display: block;
	text-decoration: none;
	text-indent: -10000px;
	background: url(../images/nav.gif) no-repeat top left;
	color: #333; }
	
ul#nav a:hover {
	text-decoration: none; }

ul#nav li {
	float: left; }
	
ul#nav li ul {
	position: absolute;
	left: -999em;
	background: #fff;
	padding-top: 2px; }
	
ul#nav li.wheretobuy ul li a,
ul#nav li.wheretobuy ul {
	width: 185px !important; }
	
ul#nav li.wholesalecustomers ul li a,
ul#nav li.wholesalecustomers ul {
	width: 150px !important; }
	
ul#nav li.kokimoproducts ul li a,
ul#nav li.kokimoproducts ul {
	width: 150px !important; }
	
ul#nav li.aboutus ul li a,
ul#nav li.aboutus ul {
	width: 150px !important; }
	
ul#nav li ul li a {
	background: #9faec5;
	text-indent: 0;
	margin-top: 2px;
	padding: 5px 10px;
	font-size: 75%;
	background-image: none;
	color: #000; }
	
ul#nav li ul li a:hover {
	background: #879ab7; }

ul#nav li:hover ul, 
ul#nav li.sfhover ul {
	left: auto; }
	
ul#nav li.home,
ul#nav li.home a,
ul#nav li.home ul {
	width: 44px; }
	
ul#nav li.wheretobuy,
ul#nav li.wheretobuy a,
ul#nav li.wheretobuy ul {
	width: 102px; }
	
ul#nav li.wholesalecustomers,
ul#nav li.wholesalecustomers a,
ul#nav li.wholesalecustomers ul {
	width: 148px; }
	
ul#nav li.kokimoproducts,
ul#nav li.kokimoproducts a,
ul#nav li.kokimoproducts ul {
	width: 118px; }
	
ul#nav li.kokimouniversity,
ul#nav li.kokimouniversity a,
ul#nav li.kokimouniversity ul {
	width: 126px; }
	
ul#nav li.aboutus,
ul#nav li.aboutus a,
ul#nav li.aboutus ul {
	width: 77px; }
	
ul#nav li.contact,
ul#nav li.contact a,
ul#nav li.contact ul {
	width: 55px; }

ul#nav li.home a {
	background-position: 0 0; }
	
ul#nav li.wheretobuy a {
	background-position: -44px 0; }
	
ul#nav li.wholesalecustomers a {
	background-position: -146px 0 ; }
	
ul#nav li.kokimoproducts a {
	background-position: -294px 0; }
	
ul#nav li.kokimouniversity a {
	background-position: -412px 0; }
	
ul#nav li.aboutus a {
	background-position: -538px 0; }
	
ul#nav li.contact a {
	background-position: -615px 0; }
	
ul#nav li.home a:hover {
	background-position: 0 -20px; }
	
ul#nav li.wheretobuy a:hover {
	background-position: -44px -20px; }
	
ul#nav li.wholesalecustomers a:hover {
	background-position: -146px -20px; }
	
ul#nav li.kokimoproducts a:hover {
	background-position: -294px -20px; }
	
ul#nav li.kokimouniversity a:hover {
	background-position: -412px -20px; }
	
ul#nav li.aboutus a:hover {
	background-position: -538px -20px; }
	
ul#nav li.contact a:hover {
	background-position: -615px -20px; }
	

/* homepage main content
---------------------------------------------------------- */
div.floatleft {
	float: left;
	margin: 30px 0; }
	
div.one {
	width: 250px; }
	
div.one h2 {
	width: 144px;
	height: 46px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../images/scent.gif) no-repeat top left; }
		
div.one p {
	margin-left: 58px;
	margin-top: 8px;
	width: 150px;
	font-size: 75%; }
	
div.one strong a {
	width: 109px;
	height: 50px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	cursor: pointer;
	margin-left: 58px;
	margin-top: 8px;
	background: url(../images/ordernow.gif) no-repeat top left; }
		
div.one strong a:hover {
	background-position: 0 -50px; }

div.two {
	width: 212px; }
	
div.two h2 {
	width: 155px;
	height: 49px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../images/kokimo.gif) no-repeat top left; }
	
div.two p {
	margin-left: 14px;
	margin-top: 8px;
	width: 150px;
	font-size: 75%; }
		
div.two strong a {
	width: 124px;
	height: 45px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	cursor: pointer;
	margin-left: 14px;
	margin-top: 8px;
	background: url(../images/enter.gif) no-repeat top left; }
	
div.two strong a:hover {
	background-position: 0 -45px; }
	
div.three {
	width: 208px; }
	
div.three h2 {
	width: 208px;
	height: 49px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../images/merchants.gif) no-repeat top left; }
	
div.three p {
	margin-left: 37px;
	margin-top: 8px;
	width: 150px;
	font-size: 75%; }
		
div.three strong a {
	width: 101px;
	height: 41px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	cursor: pointer;
	margin-left: 37px;
	margin-top: 8px;
	background: url(../images/order.gif) no-repeat top left; }
		
div.three strong a:hover {
	background-position: 0 -41px; }
			

/* footer
---------------------------------------------------------- */
div.footer {
	padding: 10px 0;
	position: absolute;
	width: 670px;
	margin: 0 auto;
	bottom: 0;
	border-top: 1px solid #000; }

div.footer p {
	font-size: 75%;
	line-height: 150%;
	text-align: right; }
	
	
/* subpages
---------------------------------------------------------- */
/* headers */
h2.header-kokimouniversity {
	width: 354px;
	height: 85px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	margin: 10px 0;
	background: url(../images/headers/kokimouniversity.gif) no-repeat top left; }
	
h2.header-kokimoproducts {
	width: 364px;
	height: 70px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	margin: 10px 0;
	background: url(../images/headers/kokimoproducts.gif) no-repeat top left; }
	
h2.header-wholesalecustomers {
	width: 411px;
	height: 83px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	margin: 10px 0;
	background: url(../images/headers/wholesalecustomers.gif) no-repeat top left; }
	
h2.header-wheretobuy {
	width: 582px;
	height: 74px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	margin: 10px 0;
	background: url(../images/headers/wheretobuy.gif) no-repeat top left; }
	
h2.header-home {
	width: 188px;
	height: 74px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	margin: 10px 0;
	background: url(../images/headers/home.gif) no-repeat top left; }
	
h2.header-aboutus {
	width: 227px;
	height: 73px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	margin: 10px 0;
	background: url(../images/headers/aboutus.gif) no-repeat top left; }
	
h2.header-contact {
	width: 189px;
	height: 69px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	margin: 10px 0;
	background: url(../images/headers/contact.gif) no-repeat top left; }
	
h2.header-scent {
	width: 397px;
	height: 68px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	margin: 10px 0;
	background: url(../images/headers/scentoftheseason.gif) no-repeat top left; }

	
div.col1 {
	width: 160px;
	float: left; 
	font-size: 75%; }
	
div.col1 h3 {
	font-weight: bold;
	font-size: 105%;
	margin-bottom: 7px; }
	
div.col1 ul li {
	margin-bottom: 7px; }
	
div.col1 ul li a, div.col1 ul li a:link, div.col1 ul li a:visited, div.col1 ul li a:active {
	text-decoration: none;
	color: #666; }
	
div.col1 ul li a:hover {
	color: #000; }
	
div.col2 {
	width: 510px;
	float: left;
	font-size: 75%; }
	
div.col2 h3 {
	color: #879ab7;
	background: #fff;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 1px; }
	
div.col2 h4 {
	font-weight: bold;
	font-size: 125%;
	margin-bottom: 2px; }
	
div.col2 ul {
	margin-left: 48px; }
	
div.col2 ul li {
	margin-bottom: 5px;
	list-style: disc; }
	
div.col2 p {
	margin-bottom: 20px;
	line-height: 165%; }
	
/* Find Location Form */

#findRetailerForm {
text-align:center;
	}

#findRetailerForm #Name, #Code, #maxDistance{
	width:150px;
	}
	
/* Pull out box */

#pullOutBox {
	background-color:#e7ebf1;
	padding: 20px 20px 2px 20px;
	}

/* subnav */

.subnav {
	color:#879ab7;
	}
	
.subnav ul {
	padding-left: 10px;
	}
	
.subnav ul li a:link {
	}
	
/* Order forms */

.sample {
	padding:5px;
	}
	
#orderForm .formText {
	color:#666666;
	font: Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 12px;
	}
	
#orderForm .alertBox {
	color: #FF0000;
	font: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	font-weight:bold;
	background:#F9E5EB;
	padding:5px;
	}