/*
	CSS Style Definitions for Partridges
	developed by Stefan Isarie - Webstars ltd.
	http://www.webstarsltd.com/
	sales@webstarsltd.com

	layout
*/
html, body{ margin:0; padding:0; font: 0.83em Arial, Helvetica, sans-serif; background-color: #FCF8E4; text-align: center; color: #999; }
#page-container{ width: 800px; text-align: left; margin: 12px auto; }
	#header{ width: 800px; height: 108px; background-color:#036; margin: 38px 0 6px 0; }
	#content{ width: 800px; float: left; }
		#left-side{ width: 110px; float:left; margin-right: 12px; }
		#right-side{ width: 674px; float:left; }
			#navigator{ width: 674px; float:left; }
			.column{ width: 234px; margin-right: 14px; float:left; }
			* html .column{ width: 234px; margin-right: 12px; float:left; }
			.colb{ width: 234px; margin-right: 0; float:left; }
			.fullcolumn{ width: 482px; margin-right: 14px; }
			* html .fullcolumn{ margin-right: 12px; }
			#right{ width: 176px; float:right; }
				div.rightGreen{ border: 1px solid #02730C; background-color:#E7F2D6;width: 176px; float:left; }
				div#padder{ padding: 0 5px 5px 6px; }
			.mtop{ margin-top:10px; }
			.mtop6{ margin-top:6px; }
	#footer{ width: 800px; float:left; border-top:1px solid #8C8B8B; margin-top: 16px; }
		#footer a{ text-decoration: none; color:#8C8B8B; }
		#footer a.ltddesign{ color: #000; border-left: 4px solid #f00; padding-left: 3px; }
	
/* navigator */
#navigator ul{ float:left; margin:0; padding:0; list-style: none; }
#navigator ul li{ float: left; border-right: 1px solid #666; }
#navigator ul li.last{ border-right: none; }
#navigator ul li a, #navigator ul li a:link, #navigator ul li a:visited{ color: #666; text-decoration: none; display: block; margin: 0 2px; padding: 2px 4px; }
#navigator ul li a#store:active, #navigator ul li a#store:hover, #navigator ul li a#store.on{ background: #DE2D04; color: #fff; }
#navigator ul li a#shoponline:active, #navigator ul li a#shoponline:hover, #navigator ul li a#shoponline.on{ background: #990B01; color: #fff; }
#navigator ul li a#opening:active, #navigator ul li a#opening:hover, #navigator ul li a#opening.on{ background: #c66; color: #fff; }
#navigator ul li a#news:active, #navigator ul li a#news:hover, #navigator ul li a#news.on{ background: #01B6A3; color: #fff; }
#navigator ul li a#events:active, #navigator ul li a#events:hover, #navigator ul li a#events.on{ background: #c36; color: #fff; }
#navigator ul li a#food:active, #navigator ul li a#food:hover, #navigator ul li a#food.on{ background: #f60; color: #fff; }
#navigator ul li a#crossword:active, #navigator ul li a#crossword:hover, #navigator ul li a#crossword.on{ background: #06f; color: #fff; }
#navigator ul li a#gallery:active, #navigator ul li a#gallery:hover, #navigator ul li a#gallery.on{ background: #669; color: #fff; }
#navigator ul li a#contact:active, #navigator ul li a#contact:hover, #navigator ul li a#contact.on{ background: #09c; color: #fff; }
#navigator ul li a#royalwarrant:active, #navigator ul li a#royalwarrant:hover, #navigator ul li a#royalwarrant.on{ background: #420096; color: #fff; }
#navigator ul li.first a { padding-left: 0px; margin-left: 0; }

#navigator{ color:#999; text-align:right; }
#navigator a#register{ color:#999; text-decoration: none; display: block; }
#navigator a#order{ color:#999; text-decoration: none;  }

/* left lists */
#left-side div#dSearch{ text-align: right; }
#left-side input#keyword{ color:#666; border:1px solid #fff; background-color:#E5F2FF; font-size:0.8em; width: 108px; }
/*#left-side input#go{ font-size: 0.8em; background-color:#fff; color: #666; border: 1px solid #666; width: 24px; }*/

ul#nav { margin: 2px 0 20px 0; padding: 0; list-style: none; }
ul#nav li { margin: 0; padding: 0; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #F5E9AD; }
ul#nav li.last { border-bottom: 1px solid #F5E9AD; }
ul#nav li.first { padding: 2px 2px 2px 6px; background-color: #990B01; color: #fff;}

ul#nav li.catOff a { display: block; background-color: #fff !important; padding: 2px 2px 2px 6px; text-decoration: none; color:#666; }
ul#nav li.cat a { display: block; background-color: inherit; padding: 2px 2px 2px 6px; text-decoration: none; color:#FFF; }

ul#icons{ margin:0; padding:0; list-style: none; }
ul#icons li{ margin:0 0 4px 0; color: #999; text-transform:uppercase; padding: 0 0 4px 19px; font-size: 0.9em; line-height: 12px; }
/*ul#icons li a{ text-decoration: none; color: #999; display: block; text-transform:uppercase; padding: 0 0 4px 19px; font-size: 0.9em; line-height: 12px; }*/
a.ind{ text-decoration: none; color: #999; padding: 0 0 4px 19px; width: 90px; display: block; line-height: 12px; font-size: 0.9em; }

ul#icons li.product, a.product{ background: url("/layout/templates/partridges/images/icons/product-info.gif") no-repeat  top left; }
ul#icons li.organic{ background: url("/layout/templates/partridges/images/icons/organic.gif") no-repeat  top left; }
ul#icons li.diabetic{ background: url("/layout/templates/partridges/images/icons/diabetic.gif") no-repeat  top left; }
ul#icons li.vegetarian{ background: url("/layout/templates/partridges/images/icons/vegetarian.gif") no-repeat  top left; }
ul#icons li.new{ background: url("/layout/templates/partridges/images/icons/product-new.gif") no-repeat  top left; }
ul#icons li.nuts{ background: url("/layout/templates/partridges/images/icons/nuts.gif") no-repeat  top left; }
ul#icons li.add2{ background: url("/layout/templates/partridges/images/icons/add-2-basket.gif") no-repeat  top left; }
ul#icons li.kosher{ background: url("/layout/templates/partridges/images/icons/kosher.gif") no-repeat  top left; }

/*a.product{ background: url("/layout/templates/partridges/images/icons/product-info.gif") no-repeat  top left; }
ul#icons a.product{ background: url("/layout/templates/partridges/images/icons/product-info.gif") no-repeat  top left; }
ul#icons a.organic{ background: url("/layout/templates/partridges/images/icons/organic.gif") no-repeat  top left; }
ul#icons a.diabetic{ background: url("/layout/templates/partridges/images/icons/diabetic.gif") no-repeat  top left; }
ul#icons a.vegetarian{ background: url("/layout/templates/partridges/images/icons/vegetarian.gif") no-repeat  top left; }
ul#icons a.new{ background: url("/layout/templates/partridges/images/icons/product-new.gif") no-repeat  top left; }
ul#icons a.nuts{ background: url("/layout/templates/partridges/images/icons/nuts.gif") no-repeat  top left; }
ul#icons a.add2{ background: url("/layout/templates/partridges/images/icons/add-2-basket.gif") no-repeat  top left; }
ul#icons a.kosher { background: url("/layout/templates/partridges/images/icons/kosher.gif") no-repeat  top left; }*/

/* sections */
ul#sections{ margin: 0 0 6px 0; padding:0; list-style: none; }
ul#sections li{ margin: 0 0 2px 0; padding:0; height: 15px; }
* html ul#sections li{ margin-bottom: 0; font-size:1%; height: 12px; }

/* headings */
h1{ font-size: 1.4em; font-weight:normal; margin:0; }
h1.half{ width: 234px; height: 41px; text-indent: -999999px; font-size: 12px; margin: 0 0 6px 0; }
h1.full{ width: 482px; height: 41px; text-indent: -999999px; font-size: 12px; margin: 0 0 6px 0; }
h1#theStore{ background: url("/layout/templates/partridges/images/headings/the-store.gif") no-repeat; }
h1#onShoppingShort{ background: url("/layout/templates/partridges/images/headings/online-shopping.gif") no-repeat; }
h1#onShoppingLarge{ background: url("/layout/templates/partridges/images/headings/online-shopping-large.gif") no-repeat; }
h1#contactUs{ background: url("/layout/templates/partridges/images/headings/contact.jpg") no-repeat; }

h1.green{ color: #fff; background-color:#02730C; margin: 0 0 5px 0; padding: 4px; }

/* site wide elements */
.inside{ padding:12px; }

p{ margin:0 0 10px 0; color: #8C8B8B; line-height: 16px; }

.homepage p{ margin:0 8px 10px 0; }

#right-side p a{ color: #E24822; text-decoration:none; }

img.tbMargins{ margin: 8px 0; clear: both; }

input.quantity{ color:#666; border:1px solid #fff; background-color:#E5F2FF; text-align:center; font-size:10px; width: 20px; margin-right: 4px; }
input.image{ vertical-align: top; }

.column h1, .colb h1, .fullcolumn h1{ letter-spacing: 1px; }

a.back{ background-color:#fff; color: #666; border: 1px solid #666; padding: 2px 6px; }

p#cards{ margin: 20px 0; text-align: center; }

table.region{ width: 650px; margin:80px auto 120px auto; }
table.region td{ padding: 0 22px; text-align:center; }
table.region td p{ padding: 0 0 80px 0; font-size: 14px; font-weight: bold; }
table.region td a{ display:block; width: 86px; text-decoration: none; }
table.region td a span{ background-color:#D32921; color: #fff; display: block; margin: 16px 0 0 0; padding: 2px 0; }

/* forms */
form dl{ margin:0; padding:0; }
form dl dt{ margin:0 0 4px 0; padding:0; font-size: 12px; }
form dl dd{ margin:0 0 6px 0; padding:0; }

form dl dd label{ width: 120px; display: block; float:left; }
form dl dd input.text{ margin:0; padding:0 4px; width: 160px; border: 1px solid #666; font: 1em Arial, Helvetica, sans-serif; }
form dl dd textarea{ width: 350px; height: 60px; border: 1px solid #666; margin-bottom: 4px; font: 1em Arial, Helvetica, sans-serif; }

form dl dt input.reset{ background-color:#BEC7BE; border: 2px outset #46583d; color: #fff; }
form dl dt input.submit{ background-color:#6CAA25; border: 2px outset #336600; margin-left: 6px; color: #fff; }

/* terms and conditions */
div.terms{ font-size: 10px; }
div.terms h1{ color: #666; margin: 0 0 6px 0; }
div.terms p{ color: #666; margin: 0 0 6px 0; line-height: 11px; word-spacing: 1px; }
div.terms ol{color: #666;}
div.terms ul{color: #666;}
div.terms address{color: #666;}

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }
.vat{ vertical-align: top !important; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }

.m0{ margin:0; }
.orange{ color: #E66340 !important; }
.gray{ color: #999 !important; }

h1.welcome{ margin: 20px 0; color: #CC5D03; font-size: 20px; }
a.nodeco{ text-decoration: none; } 

form.catSearch {
	border: 1px solid #9FCB60;
	padding: 1em;
	text-transform: capitalize;
}
form.catSearch label {
	display: inline;
	float: left;
	width: 15em;
	margin-top: 0.5em;
}
form.catSearch input,textarea,select {
	float: left;
	margin-top: 0.2em;
}
form.catSearch br {
	clear: both;
}
form.catSearch input.submit {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #333;
	background-image: url(/images/button.png);
	background-repeat: no-repeat; height: 22px; width: 82px; border: none;
}

/* Breadcrumb Trail */
div#breadcrumb { padding: 6px 0px 5px 0px; color: #666; }
div#breadcrumb a { text-decoration: none; color: #C20102; }
div#breadcrumb a:hover { text-decoration: underline; }

/* SEO Friendly Forms */
form#details {
	
}
form#details label {
	display: inline;
	width: 12em;
	float: left;
	margin-top: 1em;
}
form#details span {
	float: left;
	margin-top: 1em;
}
form#details input, select, textarea {
	float: left;
	margin-top: 0.8em;
}
form#details br {
	clear: left;	
}
form#details div.right {
	margin-bottom: 30px;
}
form#details div.right input {
	float: right;
}

p.local {
	border: 1px solid #006600;
	background: #E7F2D6;
}

p.local2 {
	border: 1px solid #E2484A;
	background: #F7DBDC;
	padding:1px;
}

div.hamperform {
}
div.hamperform label {
	width: 6.5em !important;
	float: left;
	margin: 0.5em 0 0 0;
	padding: 0px;
	display: block;
}
div.hamperform input {
	float: left;
	margin: 0.2em 0 0 0;
}
div.hamperform select {
	float: left;
	margin: 0.2em 0 0 0;
}
div.hamperform textarea {
	float: left;
	margin: 0.2em 0 0 0;
}

td.fixedheight{ height:210px; }