/* CSS Document */

a, p, ol, ul, li, h1, h2, h3, h4, h5 {
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
}

.footnav {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
font-weight:normal;
text-decoration:none;
margin-right:20px;
}

/*.newsletter {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
font-weight:normal;
text-decoration:none;
margin-right:20px;
}*/

a.footnav:link, a.footnav:visited {
color:white;
}

a.footnav:hover, a.footnav:active {
color:#FFFF99;
}

img {
border:none;
}

.search-result {
margin: 0 40px;
width: 700px;
}


/* Scroll */

div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

ul
  {
  margin-left: 16px;
  padding-left: 0;
  }
li
  {
	margin: 0;
	padding: 0;
	text-align: justify;
  }		
		
div#scrollContent p, ul { 
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	line-height:16px;
	} 
	
div#scrollContent li { 
	} 
	
div#scrollContent h1 { 
    font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	line-height:24px;
	} 
	
div#scrollContent h2 { 
    font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	line-height:20px;
	} 

div#dragBar {
  position:absolute; 
  left:0px; 
  top:1px;
  width:9px; 
  height:20px;
  background-color:#333;
  }  
  
div#up { 
	position:absolute; 
	left:0; 
	top:0; 
}  

div#down { 
	position:absolute; 
	left:0; 
	bottom:0; 
}

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 
	
	
/* Our Vibes Scroll Measurements  */

div#wn	{ 
    position:relative;
    width:520px; 
	height:320px;
    overflow:hidden;
	}
	
div#scrollbar { 
	position:relative;
	width:11px; 
	height:320px; 
	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
  
div#track {
	position:absolute; 
	left:0; 
 	top:12px;
 	width:11px; 
 	height:296px;
 	background: #ccc;
  }
  
  
  /* Home Scroll Measurements  */

div#scrollHome	{ 
    position:relative;
    width:257px; 
	height:416px;
    overflow:hidden;
	}
	
div#scrollbarHome { 
	position:relative;
	width:11px; 
	height:416px; 
	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
  
div#trackHome { 
 	position:absolute; 
 	left:0; 
 	top:12px;
 	width:11px; 
 	height:392px;
 	background: #ccc;
  }
  
    /* Water Scroll Measurements  */

div#scrollWater	{ 
    position:relative;
    width:315px; 
	height:700px;
    overflow:hidden;
	}
	
div#scrollbarWater { 
 	position:relative;
 	width:11px; 
 	height:700px; 
 	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
  
div#trackWater { 
 	position:absolute; 
	left:0; 
	top:12px;
 	width:11px; 
 	height:676px;
 	background: #ccc;
  }
  
  
     /* Stockists Scroll Measurements  */

div#scrollStock	{ 
    position:relative;
    width:905px; 
	height:698px;
    overflow:hidden;
	}
	
div#scrollbarStock { 
 	position:relative;
 	width:11px; 
 	height:698px; 
 	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
  
div#trackStock { 
 	position:absolute; 
	left:0; 
	top:12px;
 	width:11px; 
 	height:674px;
 	background: #ccc;
  }
  
  
       /* Shop Scroll Measurements  */

div#scrollShop	{ 
    position:relative;
    width:900px; 
	height:698px;
    overflow:hidden;
  }
	
div#scrollbarShop{ 
 	position:relative;
 	width:11px; 
 	height:698px; 
 	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
  
div#trackShop { 
 	position:absolute; 
	left:0; 
	top:12px;
 	width:11px; 
 	height:674px;
 	background: #ccc;
  }

