@charset "utf-8";

body {
font-family:verdana, arial, helvetica, sans-serif;
font-size:76%;
color:#000;
padding:0;
border:0;
margin:0;
text-align:center;
}

a {
color:#000;
}

a:visited {
color:#111;
}

a:active {
color:#222;
}

a:hover {
text-decoration:none;
}


#wrapper {
width:1000px;
background:#4DB33F;
margin:0 auto;
text-align:left;
}


#header {
width:1000px;
height:60px;
float:left;
position:relative;
}


#logo_container {
height: 60px;
width: 1000px;
background-image:url(Images/logo_back.jpg);
float:left;
margin-bottom:1px;
}

ul#logo {
list-style-type:none; 
margin: 0 0 0 20px;
}

ul#logo li#logoname {
font-size: 3.75em;
font-family: 'Latin725 BT', Georgia, 'Times New Roman';
color:#ffffff;
}

ul#logo li#logoname a {
color:#ffffff;
text-decoration: none;
}

/* VIEWCART BUTTON*/  
ul#viewcart li#viewcartbutton {
list-style-type:none;
}

ul#viewcart li#viewcartbutton a {
float:right;
height:30px;
width:100px;
margin:-71px 0 0 0px;
padding-top:0;
display:block;
background:url("Images/CartImages/dualviewcart.png") -100px no-repeat;	
}

ul#viewcart li#viewcartbutton a:hover {
float:right;
height:30px;
width:100px;
margin:-71px 0 0 0px;
padding-top:0px;
display:block;
background:url("Images/CartImages/dualviewcart.png") no-repeat;	
}


#mainmenu {
clear:both;
width:1000px;
/* background:#bc8f8f; */
height:auto;
border:1px solid #aaa;
border-width:1px 0;
background-image:url(Images/mainmenubg.jpg);
}


#info {

width:600px; 
float:left;
}

#info_right {
display:block;
float:right;
height:28px;
width:368px;
padding:10px;
color:#000;
background:transparent;
}


#sub_menu {
font-family:arial, sans-serif;
/* position:absolute; */
bottom:0;
margin-left:10px;
height:12px;
/* padding-top: 30px; */
}

#sub_menu ul {
padding:0;
margin:0;
list-style-type:none;
}

#sub_menu ul li {
float:left;
font-size:0.8em;
color:#ffffff;
margin:20px 7px 0 0;
line-height:15px;
}

#sub_menu ul li a, #sub_menu ul li a:visited {
font-size:1em;
color:#ffffff; /* color of link font */
text-decoration:none;
}

#sub_menu ul li a:hover {
color:#2B6323;
border-bottom:1px solid #fff;
}


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

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

#nav {
padding:0;
margin:12px 0 0 0;
list-style:none;
height:50px;
position:relative;
z-index:200;
font-family:arial, verdana, sans-serif;
width:600px;
}

#nav li.top {
display:block;
float:left;
}

#nav li a {
display:block;
float:left;
height:50px;  /* height of menu tabs */
width:150px; /* width of menu tabs */

text-decoration:none;
padding:0;
cursor:pointer;
}

#nav li a b {
margin-left:-999px;
}

/* Menu headers */
#nav li a.classic {
background:url(Images/ClassicMenu.jpg);
}

#nav li a.country {
background:url(Images/CountryMenu.jpg);
}

#nav li a.cottage {
background:url(Images/CottageMenu.jpg);
}

#nav li a.special {
background:url(Images/SpecialMenu.jpg);
}

#nav li:hover a, #nav a:hover {
background-position: 0 50px;
}

#nav table {
position:absolute;
top:0; left:0;
border-collapse:collapse;
padding:0;
width:0;
height:0;
margin:-1px;
}

#nav .sub {
position:absolute;
left:-9999px;
top:-9999px; width:0;
height:0;
margin:0;
padding:0;
list-style:none;
}

#nav li:hover {
position:relative;
z-index:200;
}

#nav a:hover {
position:relative;
white-space:normal;
z-index:200;
}

#nav :hover ul.sub {
left:0;
top:50px;
background: #edb;
width:152px;
height:auto;
z-index:300;
}

#nav :hover ul.sub li {
display:block;
height:50px;
position:relative;
float:left;
width:152px;
font-weight:normal;
}

#nav :hover ul.sub li a {
display:block;
height:50px;
width:150px;
border:1px solid #888;
border-color:#ddd #888 #000 #ccc;
text-decoration:none;
padding:0;
cursor:pointer;
}

#nav :hover ul.sub li a b {
position:absolute;
left:-9999px;
margin:0;
}

/* Classic Collection Menu */
#nav :hover ul li a.sa {
background:url(Images/SA_menu.jpg);
}

#nav :hover ul li a.apc {
background:url(Images/APC_menu.jpg);
}

#nav :hover ul li a.crtm {
background:url(Images/CRTM_menu.jpg);
}

#nav :hover ul li a.cpc {
background:url(Images/CPC_menu.jpg);
}

#nav :hover ul li a.pc {
background:url(Images/PC_menu.jpg);
}

#nav :hover ul li a.cnc {
background:url(Images/CNC_menu.jpg);
}

#nav :hover ul li a.HedeboSet {
background:url(Images/HedeboSet_menu.jpg);
}

#nav :hover ul li a.HedeboStick {
background:url(Images/HedeboStick_menu.jpg);
}


/* Country Collection Menu */
#nav :hover ul li a.pb {
background:url(Images/PB_menu.jpg);
}

#nav :hover ul li a.bb {
background:url(Images/BB_menu.jpg);
}

#nav :hover ul li a.sc {
background:url(Images/SC_menu.jpg);
}

#nav :hover ul li a.bmpb {
background:url(Images/BMPB_menu.jpg);
}

#nav :hover ul li a.bmpc {
background:url(Images/BMPC_menu.jpg);
}

#nav :hover ul li a.dm {
background:url(Images/DM_menu.jpg);
}


/* COTTAGE COLLECTION MENU */
#nav :hover ul li a.honeyset {
background:url(Images/HoneySet_menu.jpg);
}

#nav :hover ul li a.sph {
background:url(Images/SPH_menu.jpg);
}

#nav :hover ul li a.pot {
background:url(Images/Potpourri_menu.jpg);
}


/* Special offer Menu */
#nav :hover ul li a.special1 {
background:url(Images/Special_1_menu.jpg);
}

#nav :hover ul li a.special2 {
background:url(Images/Special_2_menu.jpg);
}

#nav :hover ul li a.special3 {
background:url(Images/Special_3_menu.jpg);
}

#nav :hover ul li a.special4 {
background:url(Images/Special_4_menu.jpg);
}


#nav :hover ul.sub li a:hover {
background-position: 0 50px;
position:relative;
}

/* NAME FLYOUT */
#nav :hover ul.sub li a:hover b {
left:150px; /* horizontal position of name flyout */
top:8px; /* vertical position of name flyout */
background:#ffebec;
color:#000099;
border:1px solid #888;
display:block;
width:100px;
height:35px;
text-align:center;
font-size:12px;
line-height:18px;
}


#content {
width:690px;
background:#317228;
float:left;
padding:10px 10px 10px 10px; 
}


#left_column {
width:670px;
background:#ffffff;
float:left;
padding:10px 10px 0 10px;
margin-right: 10px;
}

#left_column h2 {
font-family:Georgia;
font-size:200%;
color:#c00000;
font-weight:normal;
padding:0 10px 0 10px;
}

#left_column h3 {
font-family:Georgia;
font-size:180%;
color:#c00000;
font-weight:normal;
padding:0 10px 0 10px;
}

#left_column p {
font-size:small;
color:#32562C;
padding:0 10px 0 10px;
line-height:1.2;
}

* html #left_column {
background:#ffffff;
width:590px;
w\idth:468px;
}


#left_column #contentproduct #pb, #left_column #contentproduct #cpc, #left_column #contentproduct #na, #left_column #contentproduct #sph, #left_column #contentproduct #pot {
float:right;
padding:0 50px 0 0;
}

#left_column #contentproduct #sa, #left_column #contentproduct #crtm, #left_column #contentproduct #hset {
float:left;
padding:0 0 0 40px;
}

#left_column #contentproduct #hset {
padding:85px 0 0 40px;
}


.spacer {
margin-top:5px;
}
.spacer {
clear:both;
}

/* RIGHT COLUMN */
#far_right {
width:230px;
background:#BAE5B3;
float:right;
padding:0 20px 0 10px;
margin:10px 15px 0 0;
}

* html #far_right {
width:250px;
w\idth:230px;
}

#far_right img {
display:block;
border:0;
margin-top:10px;
}


div#side{
float:right;
display:inline;
width:220px;
background:#BAE5B3;
margin:0 0px 10px 0;
}

div#side p{
margin:5px 0 0px;
padding:0 10px;
color:#2B6323;
}

div#side div{
margin:0 0 10px;
padding:0 0 0 0;
}

ul#currency{
list-style-type:none;
text-decoration:none;
font-size:small;
margin:0;
padding:0;
}

ul#currency li #converter a {
list-style-type:none;
text-decoration:none;
color:#c00000;
margin:0 20px 0 0;
padding:0 20px 0 0;
}

div #search {
float:left;
margin-right:60px; 
padding-right:60px; 
}



/* FOOTER */
div#footer{
clear:both;
width:1000px;
padding: 10px 0;
background: #3E9333;
color: #FFF;
text-align:center
}

div#footer p{
font-size : x-small;
margin:0;
color : #ffffff;
}

div#footer a {
color: #DFF6CE;
}

div#footer a:hover {
color: #FFf;
}

div#kiwiwebhost a {
font-size : small;
color: #DFF6CE;
}

div#kiwiwebhost a:hover {
font-size : small;
color: #FFf;
}


#content h3, #far_right h3 {
margin:15px 0 5px 0;
font-size:18px;
color:#000;
font-family:"times new roman", serif;
}

#content img {
border:0;
}


.left {
float:left;
}


.float_left {
float:left;
margin:0 10px 5px 0;
}


.clear {
clear:both;
}


/* IMAGE CHANGE FOR ADDTOCART */
.addtocart a { 
float: left;
height:20px;
width:80px;
text-align:center;
margin-left : 10px;
color:white;
display:block;
background: url("Images/CartImages/dualaddtocart.png")  no-repeat;
} 

.addtocart a:hover { 
float: left;
height:20px;
width:80px;
text-align:center;
margin-left:10px;
color:white;
display:block;
background: url("Images/CartImages/dualaddtocart.png") -80px  no-repeat;
}

div#price {	
float: left;
font-size:medium;
font-weight:bold;
color:#32562C;
margin-top: 0;
padding:0 10px 0 10px;
line-height:1.2;
}

div#potprice {
font-size:medium;
font-weight:bold;
color:#32562C;
margin-top: -20px;
padding:10px 10px 0 10px;
line-height:1.2;
}


/* CLASSIC COLLECTION */
ul.product, ul.product li {
list-style-type:none;
margin:0;
padding:0;
}

ul.product {
width:100%;
overflow:hidden;
margin-bottom:10px;
}

ul.product li{
float:left;
margin-right:10px;
padding: 5px 0;
}

li.productdescription {
width:300px;
background:#ffffff;
}

#left_column li.productdescription h3 {
font-family:Georgia;
font-size:180%;
color:#c00000;
padding-left:10px;
font-weight:normal; 
}

ul.product li.productdescription a{
text-decoration : none;
color:#586695;
}

ul.product li.productpic {
float:right;
margin:10px 10px 0 0;
background:#ffffff;
}

/* COTTAGE COLLECTION */
#cottagetable {
margin-left:70px;
}


/* ABOUT PAGE*/
#about {
float:right;
width:100%;
height:350px;
}
#nzmap {
float:left;
margin-left:10px;
padding-top:50px;
height:220px;
width:147px;
}
#abouttext {
margin:0 5px 0 5px;
padding-top:0;
text-align:center;
}

#dunedinmap img {
float:right;
margin-right:10px;
padding-top:50px;
height:220px;
width:147px;
} 

#left_column #abouttext h3 {
font-family:Georgia;
font-size:200%;
color:#c00000;
font-weight:normal;
padding:0 10px 0 10px;
}

#left_column #abouttext a {
color:#008000; 
font-weight:bold;
}

#left_column #abouttext a:visited {
color:#111;
}

#left_column #abouttext a:active {
color:#222;
}

#left_column #abouttext a:hover {
color:#FF9900;
border-bottom:1px solid #fff;
}


/* HELP */
#left_column div h3 {
font-family:Georgia;
font-size:180%;
color:#c00000;
font-weight:normal;
padding:0 10px 0 10px;
}

#left_column #text a {
font-weight:bold;
color:#008000;
}

#left_column #text a:hover {
font-weight:bold;
color:#FF9900;
}


/* JB MUSIC */
#left_column #musicpagetitle {
float:left;
width:100%;
}

#ladybirdsleft {
float:left;
}
	
#jb {
float:left;
font-style:normal;
font-size:large;
text-align:center;
padding-left:10px;
}
		
#ladybirdsright {
float:right;
}
		
#history {
text-align:justify;
margin:10px 10px 0px 10px;
}
	
#cd {
margin:10px auto;
width:400px;
}
		
#cdpic{
float:left;
margin-left:10px;
}
	
#songlist {
float:right;
}
		
div#songlist a {
background:#ffffff;
color:#586695;
}
		
div#songlist a:hover {
background:#586695;
color:#ffffff;
}

		
/* LINKS PAGE */

#links {
margin:0 10px 0 10px;
color:navy;
font-size:small;
}

#links a {
font-weight:bold;
color:#c00000;
text-decoration:none;
}

#links a:hover {
color:#000099;
text-decoration:none;
}


/* CONTACT PAGE */
form.contact fieldset {   
border:2px solid #008000;   
padding:10px;
}  

form.contact legend {   
font-weight:bold;   
font-size:small;   
color:#008000;   
padding:5px; 
}

form.contact {   
padding:0;   
margin:0;   
margin-top:-15px;
line-height:1.2;
width:540px;
}

form.contact label {
font-weight:bold;
font-size:small;
color:#008000;
}

form.contact label.fixedwidth {   
display: block;   
width: 120px;  
text-align: left;
float: left; 
}

form.contact .buttonarea input {   
background: #ffffff url(images/sendbutton.png);   
color: white;   
font-weight: bold;   
padding: 0px;
border: 1px solid white;
height : 29px;
width : 79px;
cursor : hand;
}

form.contact .buttonarea {
text-align: center;
padding: 4px;
width : 500px;
}

#othercontact {   
display:block;   
width:540px;   
}

#othercontact fieldset {   
border:2px solid #008000;   
padding:10px;
}  

#othercontact legend {   
font-weight:bold;   
font-size:small;   
color:#008000;   
padding:5px; 
}

#response-o-matic {
font-weight:bold;   
font-size:xx-small;   
color:#008000; 
}

.contactmessage p {
text-align:left;
}