/*
CSS for Herbfarmacy 
© 2007 Media Services NBE - Hereford - UK
stardust@starblazer.co.uk
Modified by Ola Andersson - www.olango.net
*/




body {

	color : #000000;
	background-color :  #FFFFFF;
	background :  #FFFFFF;
	font-family :  Arial, sans-serif;
	font-size :  14px;
 	background-image : none;
	background-repeat : no-repeat;

        scrollbar-base-color: #FFFFFF;
 	scrollbar-face-color : #CDCDCD; 
 	scrollbar-highlight-color : White; 
 	scrollbar-3dlight-color : #000000;
 	scrollbar-darkshadow-color : Silver; 
 	scrollbar-arrow-color : #000000; 
 	scrollbar-shadow-color : Black; 
	scrollbar-track-color: #F5F5F5;
}
.h2 {font-size:20px;
color:#6C6D6F;}

.basket {font-size:12px;
color:#6C6D6F;}

TABLE {
	background-image : url(http://www.herbfarmacy.co.uk/images/pixel_w3.gif);
	background-repeat : repeat-y;
    background-position : none;
}
	 
	 
TD.BANNER {
	background: transparent;
	border-color :  #FFFFFF;
    border-top : #FFFFFF;
    border-left : #FFFFFF;
    color : #000000;
	font-family :  Arial, sans-serif;
	font-size :  14px;
	background-color : transparent;
	}
	
TD.LISTER {
	background: transparent;
	border-color :  #FFFFFF;
    border-top : #FFFFFF;
    border-left : #FFFFFF;
    color : #000000;
	font-family :  Arial, sans-serif;
	font-size :  11px;
	background-color : transparent;
	}

TD.MONTAGE {
	background-image : url(http://www.herbfarmacy.co.uk/images/montage0.jpg);
	border-color :  #FFFFFF;
    border-top : #FFFFFF;
    border-left : #FFFFFF;
    color : #000000;
	font-family :  Arial, sans-serif;
	font-size :  14px;
	background-color : transparent;
	background-position : right;
	background-repeat : no-repeat;
	}
	
	
TD {
	background: #FFFFFF;
	border-color :  #FFFFFF;
    background-image : none;
	background-repeat : none;
    background-position : none; 
	padding-left : 10px;
    padding-right : 10px;
    border-top : #FFFFFF;
    border-left : #FFFFFF;
    color : #000000;
	font-family :  Arial, sans-serif;
	font-size :  14px;

	}

	
IMG {
border: none;
	background: #FFFFFF;
	border-color :  #FFFFFF;
border-top : #FFFFFF;
border-left : #FFFFFF;
color : #FFFFFF;
	}
	
INPUT.BUTTON {
  	font-family :  Arial, sans-serif;
	font-size : 11px;
	background : #FFFFFF;
	color : Red;
	background-color : #F0E68C;
	border-color : #FFFFFF;
	border-style : outset ridge ridge outset;
	border-width : thin;
	font-weight : normal;
	text-decoration : underline;

      }	
      
INPUT.SEND {
	
	background : url(http://www.herbfarmacy.co.uk/images/buttonb.png) repeat;
	color : #FF0000;
	border-color :  #CC00CC;
	border-style : outset;
	font-family :  Arial, sans-serif;
	font-size :  95%;
	}

INPUT.PAYPAL {
  	font-family :  Arial, sans-serif;
	font-size :  14px;
	background : #FFFFFF;
	color : #000000;
	background-color : transparent;
	font-weight : normal;
    border: none;
  	}

INPUT {
	font-family :  Arial, sans-serif;
	font-size :  14px;
	background : #FFFFFF;
	color : #000000;
	background-color : transparent;
	font-weight : normal;
	border: thin groove #FFFFFF;
  	}
      
TEXTAREA {
  	font-family :  Arial, sans-serif;
	font-size :  14px;
	background : #FFFFFF;
	color :  #666600;
	background-color : transparent;
	font-weight : normal;
	
	border-color : #FFFFFF;
	border-style : groove inset inset outset;
	border-width : thin;	
      }
      
      
A {

	color : #000000;
	background-color :  transparent;
	background :    transparent;
	font-family :  Arial, sans-serif;
	font-size :  12px;
     }

HR {
	color : #000000;
	background-color :  #FFFFFF;
	background :  #FFFFFF;
	font-family :  Arial, sans-serif;
	font-size :  14px;
   }
LI {
	background-color : transparent;
	color : #000000;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 13px Geneva, Arial, Helvetica, sans-serif;
color: white;
background: #6F7072;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
text-align:left;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {height:132px; width:132px; position:relative;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; background:#fff;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul#toplevel {position:absolute; left:0; top:0;}

#menu a {display:block; font:bold 13px geneva,arial, helvetica, sans-serif; color:#a3a3a3; line-height:22px; text-decoration:none;padding:0 20px 0 10px; border-bottom: 1px solid #dadada;} 

#menu ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu li a:hover {background:#fff; color:#000;} 
#menu li:hover > a {background:#fff; color:#000;}
#menu li a.fly {background: url(images/arrowbullet.png) no-repeat right center;}
#menu li a.fly:hover {background:#fff url(images/arrowbullet.png) no-repeat right center;} 
#menu li:hover > a.fly {background:#fff url(images/arrowbullet.png) no-repeat right center;}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}