/* =PRODUCTS
----------------------------------------------- */

/*	On the Products main pages, this styles the navigation directly under the main products graphic	*/

.nav_products { margin:0 0 1em 0; width:128px; float:left; margin: 10px 25px; text-align:center; }
/*.nav_products p { padding:10px; margin:0; font-size:11px; line-height:normal; background:url("prod_highlight.gif") top left no-repeat; }*/
.np_last { margin-right:20px;}


/*  These are the actual product boxes that appear on the home page
    Do not edit this css unless you know how it works  */

/* CHAKRA OILS */	
	
div.chakra1 { width:128px; height:100px; }
div.chakra1 a { text-align:center; width:128px; height:100px; display:block; background:url("images/chakra1.jpg") no-repeat top left; cursor:pointer; }
div.chakra1 a:hover { display:block; background:url("images/chakra1.jpg") no-repeat top right; }

div.chakra2 { width:128px; height:100px; }
div.chakra2 a { text-align:center; width:128px; height:100px; display:block; background:url("images/chakra2.jpg") no-repeat top left; cursor:pointer; }
div.chakra2 a:hover { display:block; background:url("images/chakra2.jpg") no-repeat top right; }

div.chakra3 { width:128px; height:100px; }
div.chakra3 a { text-align:center; width:128px; height:100px; display:block; background:url("images/chakra3.jpg") no-repeat top left; cursor:pointer; }
div.chakra3 a:hover { display:block; background:url("images/chakra3.jpg") no-repeat top right; }

div.chakra4 { width:128px; height:100px; }
div.chakra4 a { text-align:center; width:128px; height:100px; display:block; background:url("images/chakra4.jpg") no-repeat top left; cursor:pointer; }
div.chakra4 a:hover { display:block; background:url("images/chakra4.jpg") no-repeat top right; }

div.chakra5 { width:128px; height:100px; }
div.chakra5 a { text-align:center; width:128px; height:100px; display:block; background:url("images/chakra5.jpg") no-repeat top left; cursor:pointer; }
div.chakra5 a:hover { display:block; background:url("images/chakra5.jpg") no-repeat top right; }

div.chakra6 { width:128px; height:100px; }
div.chakra6 a { text-align:center; width:128px; height:100px; display:block; background:url("images/chakra6.jpg") no-repeat top left; cursor:pointer; }
div.chakra6 a:hover { display:block; background:url("images/chakra6.jpg") no-repeat top right; }

div.chakra7 { width:128px; height:100px; }
div.chakra7 a { text-align:center; width:128px; height:100px; display:block; background:url("images/chakra7.jpg") no-repeat top left; cursor:pointer; }
div.chakra7 a:hover { display:block; background:url("images/chakra7.jpg") no-repeat top right; }

div.chakra8 { width:128px; height:100px; }
div.chakra8 a { text-align:center; width:128px; height:100px; display:block; background:url("images/chakra8.jpg") no-repeat top left; cursor:pointer; }
div.chakra8 a:hover { display:block; background:url("images/chakra8.jpg") no-repeat top right; }

/* FRAGRANCE OILS */

div.classic { width:128px; height:154px; }
div.classic a { text-align:center; width:128px; height:154px; display:block; background:url("images/classic.jpg") no-repeat top left; cursor:pointer; }
div.classic a:hover { display:block; background:url("images/classic.jpg") no-repeat top right; }

div.romantic { width:128px; height:154px; }
div.romantic a { text-align:center; width:128px; height:154px; display:block; background:url("images/romantic.jpg") no-repeat top left; cursor:pointer; }
div.romantic a:hover { display:block; background:url("images/romantic.jpg") no-repeat top right; }

div.ecstasy { width:128px; height:154px; }
div.ecstasy a { text-align:center; width:128px; height:154px; display:block; background:url("images/ecstasy.jpg") no-repeat top left; cursor:pointer; }
div.ecstasy a:hover { display:block; background:url("images/ecstasy.jpg") no-repeat top right; }

div.exotic { width:128px; height:154px; }
div.exotic a { text-align:center; width:128px; height:154px; display:block; background:url("images/exotic.jpg") no-repeat top left; cursor:pointer; }
div.exotic a:hover { display:block; background:url("images/exotic.jpg") no-repeat top right; }

div.newage { width:128px; height:154px; }
div.newage a { text-align:center; width:128px; height:154px; display:block; background:url("images/newage.jpg") no-repeat top left; cursor:pointer; }
div.newage a:hover { display:block; background:url("images/newage.jpg") no-repeat top right; }

div.erektion { width:128px; height:154px; }
div.erektion a { text-align:center; width:128px; height:154px; display:block; background:url("images/erektion.jpg") no-repeat top left; cursor:pointer; }
div.erektion a:hover { display:block; background:url("images/erektion.jpg") no-repeat top right; }

div.aphro { width:128px; height:154px; }
div.aphro a { text-align:center; width:128px; height:154px; display:block; background:url("images/aphro.jpg") no-repeat top left; cursor:pointer; }
div.aphro a:hover { display:block; background:url("images/aphro.jpg") no-repeat top right; }

/* SKIN TREATMENT*/

div.beet { width:128px; height:154px;}
div.beet a { width:128px; height:154px; display:block; background:url("images/beet.jpg") no-repeat top left; cursor:pointer; }
div.beet a:hover { display:block; background:url("images/beet.jpg") no-repeat top right; }

div.u34u { width:128px; height:154px; }
div.u34u a { text-align:center; width:128px; height:154px; display:block; background:url("images/u34u.jpg") no-repeat top left; cursor:pointer; }
div.u34u a:hover { display:block; background:url("images/u34u.jpg") no-repeat top right; }

div.algae { width:128px; height:154px; }
div.algae a { text-align:center; width:128px; height:154px; display:block; background:url("images/algae.jpg") no-repeat top left; cursor:pointer; }
div.algae a:hover { display:block; background:url("images/algae.jpg") no-repeat top right; }

div.carrot { width:128px; height:154px; }
div.carrot a { text-align:center; width:128px; height:154px; display:block; background:url("images/carrot.jpg") no-repeat top left; cursor:pointer; }
div.carrot a:hover { display:block; background:url("images/carrot.jpg") no-repeat top right; }

div.aloe { width:128px; height:154px; }
div.aloe a { text-align:center; width:128px; height:154px; display:block; background:url("images/aloe.jpg") no-repeat top left; cursor:pointer; }
div.aloe a:hover { display:block; background:url("images/aloe.jpg") no-repeat top right; }

div.splendor { width:128px; height:154px; }
div.splendor a { text-align:center; width:128px; height:154px; display:block; background:url("images/splendor.jpg") no-repeat top left; cursor:pointer; }
div.splendor a:hover { display:block; background:url("images/splendor.jpg") no-repeat top right; }

div.geranium { width:128px; height:154px; }
div.geranium a { text-align:center; width:128px; height:154px; display:block; background:url("images/geranium.jpg") no-repeat top left; cursor:pointer; }
div.geranium a:hover { display:block; background:url("images/geranium.jpg") no-repeat top right; }

div.vetiver { width:128px; height:154px; }
div.vetiver a { text-align:center; width:128px; height:154px; display:block; background:url("images/vetiver.jpg") no-repeat top left; cursor:pointer; }
div.vetiver a:hover { display:block; background:url("images/vetiver.jpg") no-repeat top right; }

div.rose { width:128px; height:154px; }
div.rose a { text-align:center; width:128px; height:154px; display:block; background:url("images/rose.jpg") no-repeat top left; cursor:pointer; }
div.rose a:hover { display:block; background:url("images/rose.jpg") no-repeat top right; }

div.blossom { width:128px; height:154px; }
div.blossom a { text-align:center; width:128px; height:154px; display:block; background:url("images/blossom.jpg") no-repeat top left; cursor:pointer; }
div.blossom a:hover { display:block; background:url("images/blossom.jpg") no-repeat top right; }