/*
Title:			Style sheet for Lewis & Cooper
Created:		28/06/05
Modified:		30/07/05
Copyright: 		2004 Froya Limited. All rights reserved. No part of this code or script maybe used or altered without prior permission of the owner.
Owner:     		Froya Limited, www.froya.co.uk
Author:    		Ben Kinnaird
*/

/*
---------------------------------------------------------------------------------------- global
*/
html,body{
height:100%;
min-height:100%;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
table {
	font-size: 12px;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	border: 0px;
	margin: 0px;	
}
p {
	font-size: 12px;
}
a {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #111111;
	text-decoration: underline;
}
fieldset {
	border: none;
	padding: 0px;
	margin: 0px;
}

input, file, textbox {
	font-family: 		Arial, Verdana, Helvetica, sans-serif;
	font-size: 			12px;
	/*padding: 			1px;
	margin: 			2px 1;
	border:				1px solid #000000; 
	background-color: 	#FFFFFF;
	height:				20px;
	cursor: 			hand;*/
}
textarea {
	font-family: 		Arial, Verdana, Helvetica, sans-serif;
	font-size: 			12px;
}
input.norm {
	border: 0px;
}
button {
	font-family: 		Arial, Verdana, Helvetica, sans-serif;
	font-size: 			12px; 
	/*background-color:	#FFFFFF;
	padding: 			1px;
	height:				20px; 
	margin: 			2px;
	border:				1px none #000000;	
	color: 				#000000; */
	cursor: 			pointer;
}
del {
	color: 	#FF0000;
	font-weight: lighter;
}
span.textSmall {
	font-size: 9px;
}
/*.error {
	font-size: 14px; 
	font-weight: bold;
	text-align: center;
	color: #000000;
	padding: 5px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	background-color: #FFD7D7;
	border: 1px solid #FF0000;
}*/

.noDisplay{
display:none;
}
.clearBoth{
clear:both;
}
/*
---------------------------------------------------------------------------------------- header
*/


/*
---------------------------------------------------------------------------------------- sidebar
*/
div.sidebar {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000000;
	margin-top: 10px;
	margin-left: 15px;
}
div.sidebar a {
	color: #000000;
	text-decoration: none;
	display: block;
}
div.sidebar a:hover {
	color: #000000;
	text-decoration: underline;
}
div.sidebar table {
	width: 100%;
	margin-bottom: 10px;
}
div.sidebar table th {
	text-align: left;
	font-weight: bold;
}
div.sidebar table.Search th.title{
	text-align: center;
	padding-bottom: 0px;
}
table.SearchList {
	float:right;
}
div.sidebar table.Login th.title {
	background-color: #0066CC;
	color: #FFFFFF;
	padding-left: 5px;
}
div.sidebar table.Login input {
	width: 100px;
}
div.sidebar table.CartSummary th.title{
	font-size:12px;
	color: #FFFFFF;
	background-color:#000000;
	padding-left:5px;
}
div.sidebar table.CartSummary th.title span.small{
font-size:10px;
}

div.sidebar table.CartSummary input {
	width: 100px;
}
div.sidebar table.basket{
width:245px;
}
div.sidebar table.basket tr.items{
font-size:9px;
}
div.sidebar table.basket hr{
border: 1px solid #FCE2FE;
	height: 1px;
}
div.sidebar table.basket tr td  input.button{
width:135px;
margin:0px 0px 0px 0px;

}
div.sidebar table.basket tr td  input.completeButton{
width:85px;
margin:0px 0px 0px 0px;
float:right;
background-color:#FF3399;
color:#FFFFFF;
}
div.sidebar table.basket table.orderTotal{
background-color:#CCCCCC;
}





div.sidebar table.BestSellers th.title {
	/*background-color: #EEEEDD;*/
	background-color: #D9D9B3;
	color: #000000;
	padding-left: 5px;
}
div.sidebar table.BestSellers ul {
	margin-left: 16px;
}
div.sidebar table.BestSellers li {
	list-style-image: url(star_bullet.gif);
	font-size: 11px;
}
/*table.Login td.action {
	text-align: center;
}*/
div.sidebar table td.action {
	text-align: center;
	padding: 5px;
}
div.sidebar table.tempNotice tr{
}
div.sidebar table.tempNotice td {
}
div.sidebar img {
	border: none;
	margin: 0px;
}



      .rightNavBlock {
        width: 245px;
        color: #FFFFFF;
        background-color: #000000;
      }
      
      .rightNavBlockLink {
        color: #FFFFFF;
      }
      
      .rightNavBlock th {
        text-align: left;
        font-size: 14px;
        padding: 4px;
      }
      
      .rightNavBlock td {
        text-align: center;
        font-weight: bold;
      }
      
      .rNav_Hampers {
        width: 115px;
        background-color: #009999;
      }
      .rNav_Gifts {
        width: 115px;
        background-color: #330099;
      }
      .rNav_FoodHall {
        width: 115px;
        background-color: #006600;
      }
      .rNav_Tearoom {
        width: 115px;
        background-color: #F2C100;
      }
      .rNav_Deli {
        width: 115px;
        background-color: #990000;
      }
      .rNav_Wines {
        width: 115px;
        background-color: #990099;
      }

		h5{
		font-family:Arial, Helvetica, sans-serif;
		}

/*------------------------ newsletter registration */
div.sidebar table.newsletter {

}
div.sidebar table.newsletter td {

}
div.sidebar table.newsletter th.title {
	background-color: #000000;
	color: #FFFFFF;
	padding-left: 5px;
}
div.sidebar table.newsletter th.title a {
	color: #FFFFFF;
	display: inline;
	clear: left;
	clear: right;
}
div.sidebar table.newsletter th.title a:hover{
text-decoration:none;
}

/*
---------------------------------------------------------------------------------------- main
*/


div.main {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #333333;
	margin-top:10px;
	margin-left: 20px;
	width:615px;
	
}
div.main h1 {
	font-size: 18px;
	padding-top: 3px;
	padding-left: 5px;
	margin-bottom: 2px;
}
div.main h1 a {
	text-decoration: none;
}
div.main h2 {
	font-size: 16px;
	padding-bottom: 3px;
	padding-left: 6px;
	margin-top: 16px;
	margin-bottom: 2px;
}
div.main h3 {
	font-size: 14px;
	padding-bottom: 0px;
	padding-left: 6px;
	margin-top: 16px;
	margin-bottom: 4px;
}
div.main h3.special {
	font-size: 14px;
	padding-bottom: 0px;
	padding-left: 6px;
	margin-top: 4px;
	margin-bottom: 4px;
}
div.main p {
	font-size: 12px;
	padding-bottom: 0px;
	padding-left: 6px;
	margin-top: 0px;
	margin-bottom: 5px;
}
div.main li {
	padding-left: 6px;
}
div.main img {
	margin: 0px;
	border: 1px solid #CCCCCC;
}
div.main img.noBorder {
	border: none;
}
div.main img.left {
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 5px;
}
div.main img.right {
	margin-top: 4px;
	margin-left: 10px;
	margin-bottom: 5px;
}
div.main img.simple {
	border: none;
}
div.main a {
	color: #000000;
	text-decoration: underline;
}
div.main a:hover {
	color: #0066CC;
	text-decoration: underline;
}
div.main span.required {
	color: #FF0000;
	font-weight: bold;
	font-size: 20px;
}
div.main hr {
	height: 1px;
	border-bottom: solid 1px #CCCCCC;
}
/*
------------------------------------------------------------------ main.error
*/
/*div.main div.error {
	text-align: center;
	color: #990000;
}*/
div.main div.error {
	font-size: 12px; 
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	padding: 5px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	/*background-color: #FFFFCC;*/
	background-color: #FF3399;
	border: 1px solid #000000;
}
div.main div.error a {
	font-size: 12px; 
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
}
div.main div.error a:hover {
	font-size: 12px; 
	font-weight: bold;
	text-align: left;
	color: #DDDDDD;
}
/*
------------------------------------------------------------------ main.location
*/
div.main div.location {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-left: 6px;
	margin-top: 0px;
	margin-bottom: 2px;
}
div.main div.location a {
	color: #888888;
	text-decoration: none;
}
div.main div.location a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}
/*
------------------------------------------------------------------ main.image-select
*/
div.main table.image-select {
	/*width: 100%;*/
	width:596px;
	margin: auto;
}
div.main table.image-select th {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 10px;
	vertical-align: middle;
	border:8px;
	border-style:solid;
	border-color:#FFFFFF;
}
div.main table.image-select th a {
	font-weight: bold;
	/*width: 100%;*/
	text-decoration: none;
	margin:0px;
	padding:0px;
}
div.main table.image-select td{
	text-align: center;
	border:6px;
	border-style:solid;
	border-color:#FFFFFF;
}
div.main table.image-select td img {
	margin: 0px;
	border: 1px solid #CCCCCC;
}
div.main table.image-select td a:hover img{
	margin: 0px;
	border: 1px solid #0066CC;
}
div.main table.image-select td.text {
	text-align: left;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-left: 15px;
}
/*
------------------------------------------------------------------ main.promotion
*/
div.main table.promotion {
	width: 100%;
	margin-left: 5px;
}
/*
------------------------------------------------------------------ main.select
*/
div.main table.select {
	width: 100%;
	margin: auto;
	padding-bottom: 10px;
	margin-left: 5px;
}
div.main table.select th {
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 3px;
	background-color: #eeeeee;
	vertical-align: top;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}
div.main table.select td {
	/*vertical-align: middle;*/
	vertical-align: top;
	padding: 3px;
}
div.main table.select input.radio {
	border: 0px;
}
div.main table.select img {
/*	width: 50px;
	height: 50px;*/
	border: 0px;
}
div.main table.select td.action {
	padding-top: 10px;
	text-align: center;
}
div.main table.select td.image {
	text-align: center;
	vertical-align: middle;
}
div.main table.select td.image img {
	margin: 0px;
	border: 1px solid #CCCCCC;
}
div.main table.select tr.even {
	/*background-color: #F5F5F5;*/
}

/*
------------------------------------------------------------------ main.tile
*/
div.main table.tile {
/*	border: 1px solid #666666;*/
	margin: auto;
	margin-left: 5px;
	padding-bottom: 10px;
	width: 100%;
}
div.main table.tile td img {
	border: 1px solid #666666;
	height: 165px;
	width: 165px;
}
div.main table.tile a {
	font-weight: bold;
	text-decoration: none;
}
div.main table.tile td {
	vertical-align: top;
	padding-bottom: 20px;
	width: 33%;
}
div.main table.tile td div.product_image {
	display: inline;
	height: 45px;
	width: 135px;
}
div.main table.tile td div.product {
}
div.main table.tile td div.product div.nonBold {
	display: inline;
	font-weight: normal;
	font-size: 10px;
}
div.main table.tile td div.basket {
	display: inline;
	margin-top: 3px;
	width: 20px;
	vertical-align: top;
}

/*
------------------------------------------------------------------ main.alsoRecommends
*/
div.main table.alsoRecommends {
	margin: auto;
	margin-left: 5px;
	padding-bottom: 10px;
	width: 100%;
}
div.main table.alsoRecommends td {
	width: 75px;
}
div.main table.alsoRecommends td img {
	border: 1px solid #666666;
	height: 75px;
	width: 75px;
}
div.main table.alsoRecommends a {
	font-weight: bold;
	text-decoration: none;
}

/*
------------------------------------------------------------------ main.input
*/
div.main table.input {
	width: 100%;
	margin: auto;
	margin-left: 5px;
	padding-bottom: 10px;
}
div.main table.input th {
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	vertical-align: top;
	width: 25%;
}
div.main table.input td {
	text-align: left;
	width: 75%;
}
/*div.main table.input th h1 {
	text-align: left;
	vertical-align: top;
	text-decoration: bold;
	vertical-align: top;
	padding: 0px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin: 0px;
	font-size: 12px;
	background-color: eeeeee;
}*/
div.main table.input td.action {
	padding-top: 10px;
	text-align: center;
}
div.main table.input td.action input {
	width: 100px;
}
div.main table.input td.action input.special {
	width: 250px;
}
div.main table.input img{
	margin: 0px;
	border: none;
}
/*
------------------------------------------------------------------ main.cart
*/
div.main table.cart {
	width: 100%;
	margin: auto;
	padding-bottom: 10px;
}
div.main table.cart th {
	font-size: 12px;
	background-color: #eeeeee;
	text-align: left;
}
/*
------------------------------------------------------------------ main.browse
*/
div.main table.browse {
	width: 100%;
	padding-bottom: 10px;
}
div.main table.browse th {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	vertical-align: top;
	
}
div.main div.Hampers table.browse th {
background-color:#009999;
}
div.main div.Delicatessen table.browse th {
background-color:#990000;
}
div.main div.WinesSpirits table.browse th {
background-color:#990099;
}
div.main div.FoodHall table.browse th {
background-color:#006600;
}
div.main table.browse td{
background-color:#FFFFFF;
}

div.main table.browse table.select th { vertical-align: top; font-size: 12px; font-weight:bold; padding-left: 0px; border-top: 0px; padding-top: 0px;}
/*div.main table.browse image { border: 0px; width: 60px; height: 60px;}*/
div.main table.browse a { font-weight: bold; color: #000000;}

div.main table.browse th.open {
	color: #FFFFFF;
	background-color: #0066CC;
	cursor: pointer;
}
div.main table.browse th.open a { color: #FFFFFF; text-decoration: none;}
div.main table.browse th.open a:hover { color: #FFFFFF; text-decoration: none;}

div.main table.browse th.openSpecial {
	color: #FFFFFF;
	background-color: #FF3399;
	background-image: url(category_bar_special_open.gif);
	cursor: pointer;
}
div.main table.browse th.openSpecial a { color: #FFFFFF; text-decoration: none;}
div.main table.browse th.openSpecial a:hover { color: #FFFFFF; text-decoration: none;}

div.main table.browse th.closed {
	color: #000000;
	
	cursor: pointer;
}
div.main table.browse th.closed a {	color: #FFFFFF;	text-decoration: none;}
div.main table.browse th.closed a:hover { color: #FFFFFF; text-decoration: none;}

div.main table.browse th.closedSpecial {
	color: #FFFFFF;
	background-color: #FFCCE5;
	background-image: url(category_bar_special_closed.gif);
	cursor: pointer;
}
div.main table.browse th.closedSpecial a {	color: #000000;	text-decoration: none;}
div.main table.browse th.closedSpecial a:hover { color: #FFFFFF; text-decoration: none;}
div.main table.browse img {
	border: none
}
div.main table.browse tr.highlight {
	background-color: #FFCCE5;
}
/*
------------------------------------------------------------------ main.basket
*/
div.main table.basketCYO {
	width: 100%;
	margin-bottom: 10px;
	font-size: 12px;
}
div.main table.basketCYO th{
	font-size: 12px;
	color:#FFFFFF;
}
div.main table.basketCYO thead th{
	text-align: left;
	font-weight: bold;	
	/*background-color: #EEEEFF;*/
	background-color: #FF3399;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
}
div.main table.basketCYO tbody td {
	text-align: left;
	padding-left: 5px;
}
div.main table.basketCYO tfoot td {
	text-align: left;
	padding-left: 6px;
}
div.main table.basketCYO tfoot th {
	text-align: left;
	font-weight: bold;
	padding-left: 6px;
}
div.main table.basketCYO td.action {
	padding-top: 10px;
	text-align: center;
}
div.main table.basketCYO td.action button {
	font-family: 		Arial, Verdana, Helvetica, sans-serif;
	font-size: 			12px;
	padding: 			1px;
	margin: 			2px;
	border:				1px solid #000000; 
	background-color: 	#FFFFFF;
	height:				20px;
}
div.main table.basketCYO select.sized {
	width: 234px;
}
div.main table.basketCYO hr {
	border: 1px solid #cccccc;
	height: 1px; 
}



div.main table.basketShopping {
	width: 100%;
	margin-bottom: 10px;
	font-size: 12px;
}
div.main table.basketShopping th{
	font-size: 12px;
	color:#FFFFFF;
}
div.main table.basketShopping thead th{
	text-align: left;
	font-weight: bold;	
	/*background-color: #EEEEFF;*/
	background-color: #003399;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
}
div.main table.basketShopping tbody td {
	text-align: left;
	padding-left: 5px;
}
div.main table.basketShopping tfoot td {
	text-align: left;
	padding-left: 6px;
}
div.main table.basketShopping tfoot th {
	text-align: left;
	font-weight: bold;
	padding-left: 6px;
}
div.main table.basketShopping td.action {
	padding-top: 10px;
	text-align: center;
}
div.main table.basketShopping td.action button {
	font-family: 		Arial, Verdana, Helvetica, sans-serif;
	font-size: 			12px;
	padding: 			1px;
	margin: 			2px;
	border:				1px solid #000000; 
	background-color: 	#FFFFFF;
	height:				20px;
}
div.main table.basketShopping select.sized {
	width: 234px;
}
div.main table.basketShopping hr {
	border: 1px solid #cccccc;
	height: 1px; 
}
/*
------------------------------------------------------------------ main.detail
*/
div.main table.detail {
	width: 100%;
	margin: auto;
	margin-bottom: 10px;
	margin-top: 10px;
}
div.main table.detail th {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	/*font-size: 18px;*/
	width: 100%;
}
div.main table.detail th.title {
	font-size: 18px;
	font-weight: bold;
}
div.main table.detail th.title a {
	font-size: 12px;
	font-weight: normal;
}
div.main table.detail td {
	vertical-align: top;
	padding: 5px;
}
div.main table.detail image {
	border: 0px;
	/*width: 200px;
	height: 200px;*/
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	vertical-align: top;
}
div.main table.detail td.action {
	padding-top: 10px;
	text-align: center;
}
/*
---------------------------------------------------------------------------------------- footer
*/
div.footer {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #AAAAAA;
	margin-left: 5px;
}
div.footer a {
	font-size: 10px;
	color: #AAAAAA;
	text-decoration: none;
}
div.footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
/*
---------------------------------------------------------------------------------------- imageViewer
*/
div.imageViewer {
	text-align: center;
}
div.imageViewer h1 {
	font-size: 18px;
	padding-top: 10px;
	margin-bottom: 10px;
}div.main table.awards th {
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
div.main table.awards td img {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}

/*
---------------------------------------------------------------------------------------- tearoom menu
*/
table.menuTable{
background-color:#CCCCCC;
}
table.menuTable tr td{
border-top:1px solid #000000; 
border-left:1px solid #000000;
}
table.menuTable tr td h1{
margin-left:-6px;
}
table.menuTableAlt{
background-color:#CCCCCC;
}
table.menuTableAlt tr td{
border-top:1px; 
border-top-style:solid; 
border-top-color:#000000;
}
table.menuTableAlt tr td h1{
margin-left:-6px;
}
div.main H2.sectionHeading{
border-top:1px #FF0066 solid;
border-bottom:1px #FF0066 solid;
color:#FF0066;
padding:3px 0px 3px 0px;
margin:10px 0px 10px 0px;
clear:both;
}



/*
---------------------------------------------------------------------------------------------- dept colours
*/

table.deptMenu tr th{
padding-left:5px;
height:5px;
}
table.deptMenu tr th a, table.deptMenu tr th a:hover {
color:#FFFFFF;
}
.shopping, th.shopping a, th.shopping a:hover{
background-color:#003399;
color:#FFFFFF;
}
.hampers, th.hampers a, th.hampers a:hover{
background-color:#009999;
color:#FFFFFF;
}
.foodHall, th.foodHall a, th.foodHall a:hover{
background-color:#006600;
color:#FFFFFF;
}
.deli, th.deli a, th.deli a:hover{
background-color:#990000;
color:#FFFFFF;
}
.wine, th.wine a, th.wine a:hover{
background-color:#990099;
color:#FFFFFF;
}
.tearoom, th.tearoom a, th.tearoom a:hover{
background-color:#F2C100;
color:#FFFFFF;
}

H2.shopping{
background-color:#003399;
color:#FFFFFF;
padding:3px;
}
H2.hampers{
background-color:#009999;
color:#FFFFFF;
padding:3px;
}
H2.foodHall{
background-color:#006600;
color:#FFFFFF;
padding:3px;
}
H2.deli{
background-color:#990000;
color:#FFFFFF;
padding:3px;
}
H2.wine{
background-color:#990099;
color:#FFFFFF;
padding:3px;
}
H2.tearoom{
background-color:#F2C100;
color:#FFFFFF;
padding:3px;
}


table.image-select tr td h2{
	font-size: 16px;
	padding-left: 6px;
	margin-bottom: 1px;
	margin-top:4px;
}
table.standard tr td p{
margin-left:0px;
padding-left:0px;
}


/*
---------------------------------------------------------------------------------------- menu
*/
div.menu {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	background-color:#000000;
	padding:0px;
	
}
div.menu div a {
	padding:10px 0px 10px 0px;
	text-decoration: none;
	color:#FFFFFF;
	display:block;
	font-size:14px;
}
div.menu a:hover {
	text-decoration: none;
	color:#FFFFFF;
	
}


/*
---------------------------------------------------------------------------------------------- dept menu and tabs
*/
div.deptSubMenu{
clear:both;
padding:0px;
margin:0px;
height:25px;
color:#FFFFFF;
}


div.deptSubMenu div a, div.deptSubMenu div a:hover{
color:#FFFFFF;
padding: 0px 5px 0px 5px;
text-decoration:none;
display:inline;
font-size:12px;
}

div.deptHome, div.deptHomeSelected{
background-color:#B3B3B3;
cursor:pointer;
float:left;
width:90px;
text-align:center;
padding:0px;
margin:0px;
background-image:url(tabShadowHome.gif);
background-position:bottom;
background-repeat:repeat-x;
}
div.deptHomeSelected{
background-image:none;
}

div.deptSubMenuHome{
background-color:#B3B3B3;
padding:5px 5px 5px 22px;
}

div.deptHampers, div.deptHampersSelected{
background-color:#009999;
cursor:pointer;
float:left;
width:90px;
text-align:center;
padding:0px;
margin:0px;
background-image:url(tabShadowHampers.gif);
background-position:bottom;
background-repeat:repeat-x;
}
div.deptHampersSelected{
background-image:none;
}

div.deptSubMenuHampers{
background-color:#009999;
padding:5px 5px 5px 22px;
}
div.deptWines, div.deptWinesSelected{
background-color:#990099;
cursor:pointer;
float:left;
width:90px;
text-align:center;
padding:0px;
margin:0px;
background-image:url(tabShadowWines.gif);
background-position:bottom;
background-repeat:repeat-x;
}
div.deptWinesSelected{
background-image:none;
}
div.deptSubMenuWines{
background-color:#990099;
padding:5px 5px 5px 22px;
}

div.deptTearooms, div.deptTearoomsSelected{
background-color:#F2C100;
cursor:pointer;
float:left;
width:90px;
text-align:center;
padding:0px;
margin:0px;
background-image:url(tabShadowTearooms.gif);
background-position:bottom;
background-repeat:repeat-x;
}
div.deptTearoomsSelected{
background-image:none;
}
div.deptSubMenuTearooms{
background-color:#F2C100;
padding:5px 5px 5px 22px;
}

div.deptDeli, div.deptDeliSelected{
background-color:#990000;
cursor:pointer;
float:left;
width:90px;
text-align:center;
padding:0px;
margin:0px;
background-image:url(tabShadowDeli.gif);
background-position:bottom;
background-repeat:repeat-x;
}
div.deptDeliSelected{
background-image:none;
}
div.deptSubMenuDeli{
background-color:#990000;
padding:5px 5px 5px 22px;
}

div.deptFoodHall, div.deptFoodHallSelected{
background-color:#006600;
cursor:pointer;
float:left;
width:90px;
text-align:center;
padding:0px;
margin:0px;
background-image:url(tabShadowFoodHall.gif);
background-position:bottom;
background-repeat:repeat-x;
}
div.deptFoodHallSelected{
background-image:none;
}
div.deptSubMenuFoodHall{
background-color:#006600;
padding:5px 5px 5px 22px;
}



div.deptShop, div.deptShopSelected{
background-color:#FF3399;
cursor:pointer;
float:left;
width:90px;
text-align:center;
padding:0px;
margin:0px;
background-image:url(tabShadowShop.gif);
background-position:bottom;
background-repeat:repeat-x;
}
div.deptShopSelected{
background-image:none;
}
div.deptShop a, div.deptShop a:hover{

color:#FFFFFF;
}

div.deptSubMenuShop{
background-color:#FF3399;
padding:5px 5px 5px 22px;
color:#FFFFFF;
}



/*
---------------------------------------------------------------------------------------- search form
*/
.searchForm{
position:absolute;
top:30px;
left:650px;
width:250px;
height:115px;
}
.searchForm {
color:#FFFFFF;
font-size:11px;
}
.searchForm p{
margin:0px 0px 0px 0px;
font-size:11px;
}

.searchSubmit{
margin:0px 0px 0px 0px;
float:right;
vertical-align:baseline;
}
.searchForm input{
margin: 5px 0px 0px 0px;
}
/*
---------------------------------------------------------------------------------------- shop dept nav
*/
table.shopDeptNav{
width:630px;
height:150px;
background-color:#000000;
margin:-10px 0px 5px -25px;
padding:0px;
color:#FFFFFF;
}

table.shopDeptNav tr td{
}
table.shopDeptNav p{
font-size:12px;
margin:10px 0px 10px 27px;
padding:0px;
}
table.shopDeptNav table.depts{
width:600px;
margin:0px 0px 15px 12px;
}

table.shopDeptNav div{
float:left;
text-align:center;
font-size:17px;
background-color:#FFB8DB;
height:145px;
margin:0px 15px 0px 15px;
display:inline;
}

table.shopDeptNav div img{
margin:0px 0px 5px 0px;
border:0px;
}
table.shopDeptNav div a, table.shopDeptNav div a:hover{
font-weight:normal;
text-decoration:none;
color:#FFFFFF;
}



table.shopDeptNav div.hampers a, table.shopDeptNav div.hampersSelected a{
color:#FFFFFF;
}
table.shopDeptNav div.hampers, table.shopDeptNav div.hampersSelected{
background-color:#009999;
border:2px solid #009999;
}

table.shopDeptNav div.wines a, table.shopDeptNav div.winesSelected a{
color:#FFFFFF;
}
table.shopDeptNav div.wines, table.shopDeptNav div.winesSelected{
background-color:#990099;
border:2px solid #990099;
}

table.shopDeptNav div.deli a, table.shopDeptNav div.deliSelected a{
color:#FFFFFF;
}
table.shopDeptNav div.deliSelected, table.shopDeptNav div.deli{
background-color:#990000;
border:2px solid #990000;
}

table.shopDeptNav div.foodHall a, table.shopDeptNav div.foodHallSelected a{
color:#FFFFFF;
}
table.shopDeptNav div.foodHallSelected, table.shopDeptNav div.foodHall{
background-color:#006600;
border:2px solid #006600;
}


/*
-----------------------------------------------------------------------------current hamper bar and buttons
*/

div.currentHamperBar p{
padding:0px;
margin:10px 0px 5px 0px;
font-weight:bold;
font-size:14px;
clear:left;
}
div.currentHamperBar input.hamperName{
font-size:16px;
font-weight:bold;
}
div.currentHamperBar input.button{
font-size:16px;
}
input.buttonComplete{
font-size:16px;
float:right;
background-color:#FF3399;
color:#FFFFFF;
}
div.currentHamperBar form{
margin:0px;
padding:0px;
display:inline;
font-size:11px;
}
input.buttonCheckout{
font-size:16px;
background-color:#FF3399;
color:#FFFFFF;
}
.shopButton{
background-color:#FF3399;
color:#FFFFFF;
}

/*
-------------------------------------------------------------------------------------- homepage grid template divs
usually placed within the main div
*/

div.col1{
float:left;
margin:0px 4px 4px 0px;
padding:0px;
}
div.col1 div{
width:196px;
height:305px;
border:0px solid #000000;
}
div.col1 div p{
margin:0px 0px 10px 0px;
font-size:12px;
}
div.col1 div h3{
margin:0px 0px 10px 0px;
}
div.col1 img{
height:196px;
width:196px;
margin:-196px 0px 0px 0px;
padding:0px;
border:0px;
}


div.col2{
float:left;
margin:0px 4px 4px 0px;
padding:0px;
}
div.col2 div{
width:396px;
height:305px;
border:0px solid #000000;
}
div.col2 div p{
margin:0px 0px 10px 0px;
font-size:12px;
}
div.col2 div h3{
margin:0px 0px 10px 0px;
}
div.col2 img{
height:196px;
width:396px;
margin:-196px 0px 0px 0px;
padding:0px;
border:0px;
}


div.colHalf{
float:left;
margin:0px 4px 4px 0px;
padding:0px;
}
div.colHalf div{
width:296px;
height:305px;
border:0px solid #000000;
}
div.colHalf div p{
margin:0px;
font-size:12px;
}
div.colHalf div h3{
margin:0px 0px 10px 0px;
}
div.colHalf img{
height:150px;
width:296px;
margin:-150px 0px 0px 0px;
padding:0px;
border:0px;
}


div.col3{
float:left;
margin:0px 4px 4px 0px;
padding:0px;
}
div.col3 div{
width:596px;
height:305px;
border:0px solid #000000;
}
div.col3 div p{
margin:0px 0px 10px 0px;
font-size:12px;
}
div.col3 div h3{
margin:0px 0px 10px 0px;
}
div.col3 img{
height:150px;
width:596px;
margin:-196px 0px 0px 0px;
padding:0px;
border:0px;
}



div div.homeGrid h2{
font-size:12px;
color: #FFFFFF;
background-color:#000000;
padding:1px 1px 1px 5px;
font-weight:bold;
margin:0px 0px 3px 0px;
}
div div.homeGrid h2 a, div div.homeGrid h2 a:hover, div div.homeGrid h2 a:visited{
text-decoration:none;
color: #FFFFFF;
}
div div.tearoomsGrid h2{
font-size:12px;
color: #FFFFFF;
background-color:#F2C100;
padding:1px 1px 1px 5px;
font-weight:bold;
margin:0px 0px 3px 0px;
text-decoration:none;
}
div div.tearoomsGrid h2 a, div div.tearoomsGrid h2 a:hover, div div.tearoomsGrid h2 a:visited{
text-decoration:none;
color: #FFFFFF;
}
div div.wineGrid h2{
font-size:12px;
color: #FFFFFF;
background-color:#990099;
padding:1px 1px 1px 5px;
font-weight:bold;
margin:0px 0px 3px 0px;
text-decoration:none;
}
div div.wineGrid h2 a, div div.wineGrid h2 a:hover, div div.wineGrid h2 a:visited{
text-decoration:none;
color: #FFFFFF;
}
div div.delicatessenGrid h2{
font-size:12px;
color: #FFFFFF;
background-color:#990000;
padding:1px 1px 1px 5px;
font-weight:bold;
margin:0px 0px 3px 0px;
text-decoration:none;
}
div div.delicatessenGrid h2 a, div div.delicatessenGrid h2 a:hover, div div.delicatessenGrid h2 a:visited{
text-decoration:none;
color: #FFFFFF;
}
div div.foodHallGrid h2{
font-size:12px;
color: #FFFFFF;
background-color:#006600;
padding:1px 1px 1px 5px;
font-weight:bold;
margin:0px 0px 3px 0px;
text-decoration:none;
}
div div.foodHallGrid h2 a, div div.foodHallGrid h2 a:hover, div div.foodHallGrid h2 a:visited{
text-decoration:none;
color: #FFFFFF;
}
div div.hampersGrid h2 {
font-size:12px;
color: #FFFFFF;
background-color:#009999;
padding:1px 1px 1px 5px;
font-weight:bold;
margin:0px 0px 3px 0px;
text-decoration:none;
}
div div.hampersGrid h2 a, div div.hampersGrid h2 a:hover, div div.hampersGrid h2 a:visited{
text-decoration:none;
color: #FFFFFF;
}
div div.shopGrid h2{
font-size:12px;
color: #FFFFFF;
background-color:#FF3399;
padding:1px 1px 1px 5px;
font-weight:bold;
margin:0px 0px 3px 0px;
text-decoration:none;
}
div div.shopGrid h2 a, div div.shopGrid h2 a:hover, div div.shopGrid h2 a:visited{
text-decoration:none;
color: #FFFFFF;
}
/*
------------------------------------------------------------------------- lightbox style div show/hide
*/


/*
----------------------------------------popup - how to shop etc
*/
	.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.3;
			opacity:.30;
			filter: alpha(opacity=40);
		}
		.white_content {
			display: none;
			position: absolute;
			left: 50%;
			top: 50%;
			margin-left: -340px;
			margin-top: -275px;
			width:700px;
			height:580px;
			z-index:1002;
			overflow:hidden;
			background-color:#FFFFFF;
			color:#333333;
			padding:20px;
		}
		.white_content  h1{
				font-size:18px;
		}

/*
---------------------------------------- checkout progression 
*/
.checkoutPanel{
margin:10px 0px 20px 5px;
height:80px;
}

.checkout{
width:180px;
float:left;
height:65px;
vertical-align:middle;
color:#CCCCCC;
font-size:18px;
background-image:url(checkoutarrow.gif);
background-position:bottom right;

}
.checkoutActive{
width:180px;
float:left;
height:65px;
vertical-align:middle;
font-size:18px;
background-image:url(checkoutarrow.gif);
background-position:bottom right;
color:#FF0099;
}
.checkoutStep{
font-size:14px;
color:#000000;
}
.checkoutActive div{
margin:8px 0px 0px 0px;
color:#FF0099;
}
.checkout div{
margin:8px 0px 0px 0px;
}


.eventsTable{
margin-bottom:20px;
}
.eventsTable th{
text-align:left;
}
.eventList{
background-color:#CCCCCC;
padding:5px 0px 5px 0px;
}
.eventList .event{
padding:7px 10px 7px 10px;
}
.eventList .event a{
text-decoration:none;
}
.eventList .event a:hover{
color:#000000;
}
.releasesTable td{
vertical-align:top;

}
.releasesTable th{
text-align:left;
}
/*
---------------------------------------- department homepage panels
*/
div.main div.panel{
width:165px;
height:270px;
float:left;
margin:0px 0px 15px 0px;
cursor:pointer;
}
div.main div.panel h3{
height:35px;
margin:5px 5px 0px 5px;
padding:0px;
color:#FFFFFF;
}
div.main div.panel p{
height:65px;
margin:0px 5px 0px 5px;
padding:0px;
color:#FFFFFF;
}
div.main div.panel img{
border:0px;
}

div.main div.panel a, div.main div.panel a:hover, div.main div.panel a:visited{
color:#FFFFFF;
text-decoration:none;
}
div.main div.panelWide{
height:165px;
width:610px;
}

div.main div.sep{
clear:both;
border-top:1px solid #FF0066;
width:610px;
margin:0px;
padding:0px;
height:1px;
font-size: 0px;

}
div.space{
width:60px;
height:270px;
float:left;
background-image:url(space_background.gif);
background-repeat:repeat-y;
background-position:center top;
margin:0px 0px 15px 0px;
}
.dept0{
background-color:#000000;
}
.dept1{
background-color:#009999;
}
.dept2{
background-color:#006600;
}
.dept3{
background-color:#990099;
}
.dept4{
background-color:#990000;
}
.dept5{
background-color:#F2C100;
}


/*
------------------------------------------------------------------------------  featured content slider
*/
#featured{ 
	width:615px; 
	position:relative; 
	height:300px; 
	background:#fff;
	padding:0px;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0px; 
	
	list-style:none; 
	padding:0px; 
	margin:0px;
	width:305px; 
	height:300px;
	background-color:#CCCCCC;
}
#featured ul.ui-tabs-nav li{ 
	padding:0px; 
	font-size:12px; 
	color:#666; 
	margin:0px;
	list-style:none; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  
	line-height:20px;
	vertical-align:middle;
	text-decoration:none;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	 
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#000000; 
	color:#FFFFFF;
	text-decoration:none;
}
#featured ul.ui-tabs-nav span.date{
color:#666666;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected span.date{
color:#cccccc;
}

#featured .ui-tabs-panel{ 
	width:300px; 
	height:300px; 
	margin:0px 0px 0px 10px; 
	position:absolute;
	left:305px; 
	padding:0px;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:200px; 
	left:0; 
	height:100px; 
	width:300px;
	background: url('transparent-bg.png'); 
	overflow:hidden;
	padding:0px;
	cursor:pointer;
}
#featured .ui-tabs-panel .info .readMore{
	position:absolute;
	bottom:0px;
	right:0px;
	background-color:#000000;
	width:100%;
}
#featured .ui-tabs-panel img{
	border:0px;
	margin:0px;
	padding:0px;
}
#featured .info h2{ 
	font-size:14px; 
	color:#fff; 
	padding:5px; 
	margin:0px 0px 4px 0px;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0px; 
	font-family:Verdana; 
	font-size:12px; 
	color:#fff;

}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
.newsTitle{
height: 60px; 
margin:0px 10px 0px 10px;
}
.vAlignOuter{
display: table;  #position: relative; overflow: hidden;
}
.vAlignMiddle{
#position: absolute;  #top: 50%;display: table-cell; vertical-align: middle;
}
.vAlignInner{
#position: relative;  #top: -50%;
}
/*------------------------ news list rhs */

div.sidebar table.news td {

}
div.sidebar table.news th.title {
	background-color: #000000;
	color: #FFFFFF;
	padding-left: 5px;
}
div.sidebar table.news th.title a {
	color: #FFFFFF;
	display: inline;
	clear: left;
	clear: right;
}
div.sidebar table.news th.title a:hover{
text-decoration:none;
}
div.sidebar .corporate{
background-color:#000000;
color:#ffffff;
}
.detailHeading{
font-size:18px;
font-weight:bold;
padding-left:5px;
margin-bottom:5px;
}

/*------------------------ paypal and payment page on checkout 3 */
.paymentTab{
cursor:pointer;
}
.paymentPanel{
width:570px;
height:840px;
margin:0px 0px 0px 0px;
}
.paymentOptions{
border-bottom: solid 1px #999999;
}
.tabCreditCardUp{
width:178px;
height:3px;
background-color:#FFFFFF;
margin:-2px 0px 0px 12px;
position:relative;
}
.tabPayPalUp{
width:178px;
height:3px;
background-color:#FFFFFF;
margin:-2px 0px 0px 212px;
position:relative;
}
.tabOverseasUp{
width:178px;
height:3px;
background-color:#FFFFFF;
margin:-2px 0px 0px 411px;
position:relative;
}
#Overseas{
display:none;
}
#PayPal{
display:none;
}
.payByPayPalMessage{
margin:20px 0px 0px 145px;

display:none;
}

/*------------------------ category hover lists*/
div.fixedPosition{
position:fixed;
top:290px;
}

div.hamperCategories table.browse{
width:245px;
}
div.hamperCategories table.browse th {
background-color:#009999;
}
div.hamperCategories table.browse th.closed {
	color: #000000;
	cursor: pointer;
}
div.hamperCategories table.browse th.closed a{
	color: #FFFFFF;
}
div.hamperCategories table.browse th {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	vertical-align: top;
	
}

div.cyoCategories table.browse{
width:245px;
}

div.cyoCategories table.browse th.closed {
	color: #000000;
	cursor: pointer;
}
div.cyoCategories table.browse th.closed a{
	color: #FFFFFF;
}
div.cyoCategories table.browse th {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	vertical-align: top;
}