@charset "utf-8";
/* CSS Document */

select, option {
  behavior: url(products.htc);
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin: 0px;
	background-image: url(../images/body.gif);
	background-repeat: repeat-x;
	background-position: center top;
	color: #FFFFFF;
}
div#width {
	width: 1000px;
}
div#left_shadow_bg {
	background-image: url(../images/left_shadow_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 1000px;
	float: left;
}
div#right_shadow_bg {
	background-image: url(../images/right_shadow_bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
	width: 1000px;
	float: left;
}
div#left_shadow {
	background-image: url(../images/left_shadow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 979px;
	padding-left: 21px;
}
div#right_shadow {
	background-image: url(../images/right_shadow.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	width: 958px;
	padding-right: 21px;
}
div#content {
	background-color: #FFFFFF;
	float: left;
	width: 918px;
	padding-right: 20px;
	padding-left: 20px;
}
div#header {
	float: left;
	width: 100%;
}
div#header.invoice_header {
	background-image: none;
}
div#header span.small {
	font-size: 13px;
	margin-left: -66px;
	background-image: url(../images/small_logo.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: 22px 3px;
	margin-top: 10px;
}

div#header a#headerlogo:link, div#header a#headerlogo:active, div#header a#headerlogo:visited {
	background-image: url(../images/hospitality_quality_logo.gif);
	background-repeat: no-repeat;
	background-position: 15px 18px;
	float: left;
	font-family: "Arial Narrow", Arial;
	text-decoration: none;
	font-size: 1.95em;
	color: #213236;
	font-weight: bold;
	padding-top: 17px;
	padding-right: 50px;
	padding-bottom: 17px;
	padding-left: 80px;
	line-height: 1em;
}
div#header a#thebanner:link, a#thebanner:active, a#thebanner:visited {
	background-image: url(../images/banner.gif);
	float: right;
	background-repeat: no-repeat;
	background-position: center center;
	width: 510px;
	margin: 0px;
	height: 100px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div#column1 {
	float: left;
	width: 200px;
	margin-right: 8px;
}
div#column1b {
	float: left;
	width: 100%;
}
div#column2 {
	float: left;
	width: 502px;
	margin-right: 8px;
}
div#column2b {
	float: left;
	width: 718px;
}


div#column3 {
	float: left;
	width: 180px;
	background-color: #eef1f1;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
div#products {
	float: left;
	width: 494px;
	background-color: #eef1f1;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
div#product {
	background-color: #eef1f1;
	padding: 10px;
	color: #455154;
}
div#product img {
	border: 10px solid #FFFFFF;
}
div.main {
	float: left;
	width: 228px;
	margin-right: 1px;
}

fieldset {
	margin: 10px;
}

legend {
	color: #B8004A;
	font-size: larger;
	font-weight: bold;
}
label#home_search {
	font-size: 1.7em;
	font-weight: bold;
	color: #FFFFFF;
	padding-bottom: 10px;
	text-align: left;
	float: left;
	padding-left: 10px;
}

legend a:link, legend a:active, legend a:visited {
	color: #B8004A;
}



div.grey_bg {
	background-color: #EEF1F1;
}
div.grey_bg2 {
	background-color: #EFF2F2;
	padding: 10px;
}

div.section {
	float: left;
	width: 235px;
	background-color: #FFFFFF;
	background-image: url(../images/offer_box.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	border: 1px solid #dbdfdf;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 140px;
	padding-bottom: 10px;
	color: #455154;
	overflow: hidden;
}
div#column2b div.product {
	margin-right: 8px;
	width: 167px;
}
div#column2b  div.products2 {
	padding-left: 8px;
	padding-top: 8px;
}



div.product {
	float: left;
	width: 154px;
	margin-right: 8px;
	background-color: #FFFFFF;
	background-image: url(../images/offer_box.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	border: 1px solid #dbdfdf;
}
div.product  a.more:link,div.product  a.more:active, div.product a.more:visited {
	display: block;
	color: #FFFFFF;
	background-color: #455154;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
div.product  a.more:hover {
	background-color: #B8004A;
}
div.menu_area {
	background-color: #b8004a;
}


div#home_text {
	background-color: #B8004A;
	float: left;
	height: 174px;
	width: 215px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
div#home_text p {
	color: #FFFFFF;
}

div.offer_box {
	background-color: #FFFFFF;
	background-image: url(../images/offer_box.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	float: left;
	width: 160px;
	border: 1px solid #dbdfdf;
	padding: 10px;
	margin-bottom: 10px;
	text-align: left;
}
div#footer {
	height: 100px;
	width: 100%;
	float: left;
	background-image: url(../images/footer.gif);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 8px;
}
p {
	color: #455154;
}
.red {
	color: #B8004A;
}
span.smaller {
	font-size: 1em;
	color: #535E61;
}
span.large_red {
	color: #B8004A;
	font-size: 2em;
	text-align: center;
	font-weight: bold;
}
div#van {
	background-image: url(../images/delivery_van.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 2em;
	color: #B8004A;
	font-weight: bold;
	padding-bottom: 10px;
}
div#woman {
	background-image: url(../images/customer_services.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 70px;
	padding-left: 70px;
	text-align: center;
	padding-top: 20px;
}
label {
	color: #455154;
}

h1 {
	background-image: url(../images/h1_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	padding: 10px;
	background-color: #A10041;
	font-size: 1.5em;
	color: #FFFFFF;
	margin: 0px;
}
h2 {
	font-size: 1.25em;
	color: #FFFFFF;
	margin: 0px;
	font-weight: normal;
}
h3 {
	font-size: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #455154;
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-indent: 15px;
	margin-top: 1px;
	margin-bottom: 1px;
}
h3.normal {
	font-size: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #455154;
	padding-top: 10px;
	padding-bottom: 10px;
	float: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}
h3.red {
	color: #FFFFFF;
	background-color: #A10041;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}
h3#autumn {
	background-image: url(../images/autumn.jpg);
	background-repeat: no-repeat;
	background-position: 100px center;
}
h3#christmas {
	background-image: url(../images/spring.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #FFFFFF;
}
h3#summer {
	background-image: url(../images/summer.jpg);
	background-color: #4BB9DA;
	background-repeat: no-repeat;
	background-position: left top;
}




h4 {
	color: #B8004A;
	padding: 7px;
	background-color: #EEF1F1;
	font-size: 1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
h4.yellow {
	font-size: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #e4810c;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}
h4.green {
	font-size: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #6b9300;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}
h4.blue {
	font-size: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0b8e90;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}
h4.blue2 {
	font-size: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #2f5a93;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}

h4 a  {
	font-size: x-small;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
h4 a:hover {
	text-decoration: underline;
}


h5 {
	font-size: 1em;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEF1F1;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #455154;
}
h5 a:link, h5 a:active, h5 a:visited {
	color: #EEF1F1;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
	height: 60px;
}

h6 {
	color: #535e61;
	font-size: 0.95em;
	font-weight: normal;
	margin: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
}
div#footer a:link, div#footer a:active, div#footer a:visited {
	color: #535E61;
}
div#text  h4 {
	color: #455154;
	display: block;
	padding: 5px;
	background-color: #F7F9F9;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}



span.larger {
	font-size: larger;
	font-weight: bold;
}
ul {
	color: #455154;
	margin: 0px;
	padding: 10px;
}
li {
}
h3#new {
	background-image: url(../images/new_banner.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	background-color: #FFFFFF;
	float: left;
	width: 100%;
}

.white {
	color: #FFFFFF;
}




ul#menu {
	padding: 0px;
	float: left;
	width: 100%;
	background-color: #455154;
	border-top-width: 8px;
	border-bottom-width: 8px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #eef1f1;
	border-bottom-color: #eef1f1;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
ul#menu li {
	display: inline;
	float: left;
	width: auto;
	list-style-position: outside;
	list-style-type: none;
}
ul#menu li a:link, ul#menu li a:active, ul#menu li a:visited {
	display: block;
	float: left;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-size: .9em;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #3b474a;
	border-left-color: #535e61;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
ul#menu li a#active:link, ul#menu li a#active:active, ul#menu li a#active:visited {
	background-color: #535e61;
}
ul#menu li a:hover {
	background-color: #535E61;
}
ul.nav {
	background-color: #b8004a;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
ul.nav ul {
	margin: 0px;
	padding: 0px;
}

ul.nav  li {
	list-style-position: outside;
	list-style-type: none;
	width: auto;
}
ul.nav   li   a:link,ul.nav  li  a:active,ul.nav  li  a:visited {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C25279;
}
ul.nav  li  a:hover {
	background-color: #A20041;
}
ul.nav li.total {
	color: #FFFFFF;
	text-align: right;
	display: block;
	padding: 5px;
	font-weight: bold;
}
ul.nav li a.remove {
	padding: 0px;
	border-bottom: none;
}
ul.nav li a.remove {
	background-color: transparent;
}
ul.nav li.basket_options {
	text-align: center;
	margin-top: 8px;
}
ul.contact {
	color: #455154;
	list-style-type: none;
	font-size: large;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
ul#top_menu {
	float: right;
	margin: 0px;
	padding: 8px;
	background-color: #EEF1F1;
}
ul#top_menu li {
	display: inline;
	width: auto;
}
ul#top_menu li a {
	padding-right: 5px;
	padding-left: 5px;
	color: #213236;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #213236;
}
ul#top_menu li a:hover {
	color: #B8004A;
}



form#search {
	margin: 0px;
	background-color: #B8004A;
	padding: 15px;
}
form#register {
	text-align: right;
	float: left;
	width: 100%;
}
form#product {
	margin: 0px;
	padding: 0px;
}
form.contact {
	text-align: right;
}




.input {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #A10041;
	font-size: .95em;
	color: #455154;
	padding: 5px;
}
.input2 {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #B9C6C6;
	font-size: .95em;
	color: #455154;
	padding: 5px;
}
.input2.error {
	color: #f00;
	font-weight: bold;
}
.button {
	color: #FFFFFF;
	background-color: #A10041;
	border: 1px solid #B54463;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding: 2px;
}
.expander{
	margin: 0px;
	padding: 0;
	width: 100%;
}
.expander div.expander_header a:link, .expander div.expander_header a:hover, .expander div.expander_header a:visited{
	background-image: url(images/h5.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #455154;
	color: #F4ECEE;
	text-decoration: none;
	padding: 5px;
	text-indent: 5px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
}
.expander div.expander_header a:active
{
	background-color: #B8004A;
}
.expander div.expander_body{ /*DIV that contains each sub menu*/
	padding: 0px;
	margin: 0px;
}
div.expander_body td {
	color: #455154;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #94A7A7;
}
div.expander_body td a:link, div.expander_body td a:active, div.expander_body td a:visited {
	color: #B8004A;
}
div.icons {
	text-align: center;
	padding-right: 150px;
	padding-left: 150px;
}

a.new:link, a.new:active, a.new:visited {
	font-size: 1.2em;
	font-weight: bold;
	color: #EEF1F1;
	background-image: url(../images/new_icon_1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 15px;
	padding-bottom: 15px;
	text-decoration: none;
	text-align: center;
	display: block;
	margin-right: 160px;
	margin-left: 160px;
}
a.new:hover {
	color: #FFFFFF;
	background-image: url(../images/new_icon_2.gif);
}
th {
	color: #FFFFFF;
	background-color: #B8004A;
}
div.smaller {
	float: left;
	width: 235px;
	padding-right: 10px;
}
.results {
	color: #535E61;
}
img.border {
	border: 10px solid #E3E8E8;
}
input.add_basket {
	background-color: #EEF1F1;
	background-image: url(../images/buy_now.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 138px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}
.total-leftcol {
	color: #FFFFFF;
	text-align: right;
	display: block;
	padding: 5px;
	font-weight: bold;
	padding: 8px 24px 8px 0px;
}
.basket-total {
	text-align: right;
	float: right;
	width: 160px;
	font-weight: bold;
	padding-right: 8px;
	padding-bottom: 5px;
	line-height: 1.6em;
}
.basket-quantities {
	padding-top: 5px;
	margin-right: 150px;
	padding-bottom: 5px;
}
.basket-total .value {
	color: #B8004A;
}

/* Table styles */
table {
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	width: 100%;
}
.red {
	color: #A10041;
}

div.grey_bg th,
div.grey_bg2 th {
	background-color: #A10041;
	color: #FFFFFF;
	padding: 10px 7px 2px 7px;
	font-size: 1em;
	margin: 0px;
}
div.grey_bg td,
div.grey_bg2 td {
	background-color: #EEF1F1;
	color: #455154;
	padding: 2px 7px 2px 7px;
	font-size: 1em;
	margin: 0px 0px 10px 0px;
}

table.basket .item {
	text-align: left;
}
table.basket .price {
	text-align: right;
}
table.basket .discount {
	text-align: right;
}
table.basket .sub {
	text-align: right;
}
table.basket .total {
	text-align: right;
}
table.basket .qty {
	text-align: center;
}
table.basket .qty input {
	width: 35px;
}
table.basket .options {
	text-align: right;
}

.option_seperator {
	height: 5px;
}

sup.error {
	color: #f00;
}
form#specials {
	background-color: #EEF1F1;
	margin: 0px;
	padding: 10px;
}