/*
-----------------------------------------------
Manna Organic Shop Styles - October 2005

General Format:

element.name {
	width: 000px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
	text-align: left;
	background: #000;
	color: #000;
	font: 00px/1 Verdana, Arial, sans-serif;
	border: 1px solid #000;
	text-decoration: none;
}

----------------------------------------------- */




/*  - Containers
----------------------------------------------- */

body {
	background: #fff;
	font: 11px/165% Verdana, sans-serif;
	color: #000;
	cursor: default;
}

#title {
	width: 720px;
	margin: 24px auto 0 auto;
	padding: 0;
	text-align: right;
	line-height: 75%;
}

#article {
	width: 730px;
	margin: 0 auto 0 auto;
	background: #fff;
}

#right {
	width:180px;
	margin: 5px 15px 0 0; 	
	float: right;
}

#left {
	width:480px;
	margin: 5px 0 0 18px; 	
	float: left;
}


#footer {
	width: 600px;
	margin: 10px auto 0 auto;
	text-align: center;
	color: #A6A6A6;
	font-size: 10px
}


/*  - Headings
----------------------------------------------- */

h1 {	font: 22px/1.0 Arial, sans-serif;  color: #888; margin: 0 0 14px 0;}
h2 {	font: bold 16px/1.0 Arial, sans-serif;  color: #888; margin: 6px 0 10px 0;}
h3 {	font: bold 11px/1.0 Verdana, sans-serif;  color: #888; margin: 14px 0 14px 0;}




/*  - Standard Links
----------------------------------------------- */

a, a:visited	{
		color: #000;
		text-decoration: underline;
}

a img {
		border: 0;
}




/*  - Standard Page Layouts
----------------------------------------------- */

#defaultleftcol {
		width: 320px;
		min-height: 320px;
		height:auto;
		margin: 5px 0 0 20px; 	
		float: left;

}

/* for Internet Explorer */
/*\*/
* html #defaultleftcol {
height: 320px;
}
/**/


#defaultrightcol {
		width: 340px;
		padding-right: 20px;
		float: right;
}




/*  - Images
----------------------------------------------- */

img.frontpage {
	margin: 0 0 10px 0;
	float: right;
	}



/*  - Rounded Corner Containers
----------------------------------------------- */

#articleheader {
	margin: 0;
	padding: 14px 30px 4px 40px;
}

#articlebody {
	margin:0;
	padding:0;
}

* html body div#articlebody {height: 100%; }

#articlefooter p {
	margin:-15px 0 0 0;
	padding:1px;
}



/*  - Rounded Corner Images
----------------------------------------------- */

#article            { background: url(/img/custom_corners_topleft.gif) top left no-repeat; }
#articleheader  { background: url(/img/custom_corners_topright.gif) top right no-repeat; }
#articlebody     { background: url(/img/custom_corners_rightborder.gif) top right repeat-y; }
#articlemenu    { background: #888 url(/img/custom_corners_menuback.gif) top left no-repeat; }
#articlefooter    { background: url(/img/custom_corners_bottomleft.gif) bottom left no-repeat; }
#articlefooter p { background: url(/img/custom_corners_bottomright.gif) bottom right no-repeat; }



/*  - Main Navigation Menu
----------------------------------------------- */

#articlemenu {
	width: 730px;
	margin-bottom: 12px;
	padding: 6px 0 0 0 ;
	text-align: center;
	color: #fff;
}

#articlemenu ul {
	margin: 0;
	padding: 4px 0 4px 0;
	list-style-type: none;
	}

#articlemenu li {
	padding: 10px 10px 10px 10px;
	display: inline;
	color: #ddd;
	}

#articlemenu li a {
	padding: 10px 9px 10px 9px;
	font: 1em/100% Verdana, Arial, sans-serif;
	color: #ddd;
	text-decoration: none;
	}

#articlemenu li a:hover {
	text-decoration: underline;
	color: #fff;
	}




/*  - Side Boxes
----------------------------------------------- */

.menubox {
	width: 180px;
	margin-bottom: 15px;
	padding: 0;
	font: 10px/100% Verdana, sans-serif;
	border: 1px solid #A6A6A6;
}

.menubox p.title {
	margin: 0;
	padding: 4px;
	background: #eee;
	border-bottom: 1px solid #A6A6A6;
}

.menubox p.notitle {
	margin: 0;
	padding: 4px;
	background: #eee;
}

.menubox p.title img, .menubox p.notitle img {
	margin: 0 0 -2px 0;
}

.menubox p.title a, .menubox p.notitle a {
	color: #000;
}

.menubox p.title a:hover, .menubox p.notitle a:hover {
	text-decoration: underline;
}

.menubox p {
	margin: 8px;
}




/*  - Side Box Menus
----------------------------------------------- */

.menubox ul {
	list-style: url(/img/icons/bullet.gif);
	margin: 4px 0;
	padding: 0;
}

.menubox li {
	padding: 6px 4px 4px 0;
	margin: 0 0 0 20px;
}

.menubox li a, .menubox li a:visited {
	text-decoration: none;
	color: #000;
}

.menubox li a:hover{
	text-decoration: underline;
}

.menubox li ul {
	margin: 5px;
	padding: 0;
	list-style-type: none;
}

.menubox li ul li {
	margin: 0;
	padding: 0;
	background: #fff;
}

p.searchP {
	margin: 0;
	padding: 0;
}


/*  - Horizontal Sub-menu
----------------------------------------------- */

#information {
	background: #eee url(/img/custom_corners_infoback.gif) top left no-repeat;
	font: 10px/100% Verdana, Arial, sans-serif;
	margin: 0;
	padding: 6px 0;
	text-align: center;
}

#information ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
#information li {
	display: inline;
	padding: 0;
	text-align: center;
}
	
#information li a {
	padding: 0 14px;
	color: #999;
	text-decoration: none;
}
	
#information li a:hover {
	text-decoration: underline;
}



/*  - Breadcrumb Navigation
----------------------------------------------- */

#articleheader, #articleheader a, #articleheader a.visited {
	color: #777;
}

.crumbdots{
	background:  url(/img/crumbdots.gif) repeat-x;
	margin: 3px 0 0 0;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}


.headermenu {
	width: 220px;
	margin: 2px 0 0 0;
	padding: 0;
	float: right;
	text-align: right;
}

.headermenu img {
	margin: 0 0 -2px 0;
}


/*  - Product Listings
----------------------------------------------- */

.pagingNav {
	width: 100%;
}

.productName {
	padding-left: 30px;
}

.productName a, .productName a:visited {
	font: 14px/1.0 Arial, sans-serif;
	color: #888;
}

.productList {
	width: 100%;
	margin: 10px 0 15px 0;
	padding: 0;
	background: #fff;
	border-collapse: collapse;
}

.productList td {
	border-bottom: 1px solid #ccc;
}

.productList img {
	margin-top: 4px;
}

#description {
	width: 205px;
	float: left;
}

#details {
	width: 250px;
	float: right;
}


#hovertitle {
	width: 250px;
	margin: 0;
	float: right;
	text-align: center;
}



/*  - Product display tabs
----------------------------------------------- */


.tabtitle {
	font: bold 13px/1 Arial, Verdana, sans-serif;
	color: #888;
	margin: 5px 0;
	padding: 0;
	text-align:center;
}

.tooltip {
	font: bold 14px/1.3 Arial, Helvetica, sans-serif;
	color: #888;
	margin: 6px 0;
}

img#anchor {
	margin: 4px 0 10px 0;
}
	
ul.tabs {
	margin: 5px 0 5px 0;
	padding: 0;
}
	
ul.tabs li {
	display: inline;
	margin: 0 3px;
}
ul.tabs li a:hover {
	BACKGROUND: #eaeaea
}
	
ul.tabs li a.tab-active {
	color: #fff;
	background: #A6A6A6;
}
	
ul.tabs li a.tab-active:hover {
	color: #fff;
	background: #A6A6A6;
}

ul.tabs li a {
	background: #fff;
	padding: 2px 8px;
	border: 1px solid #A6A6A6;
	color: #888;
	font: bold 14px/1.2 Arial, Verdana, sans-serif;
	text-decoration: none;
}
	
.tabmenu {
	height: 25px;
	background: #eee;
	padding: 8px 4px 4px 4px;
	margin: 0;
	border-top: 1px solid #A6A6A6;
	text-align: center;
}

.tab-container {
	border: 1px solid #A6A6A6;
	width: 245px;
	margin-bottom: 14px;
	float: right;
}
	
.tab-panes {
	margin: 4px;
	width: 235px;
	height: 160px;
	text-align: left;
}
	
.ingred {
	border: 1px solid #a6a6a6;
	border-collapse: collapse;
	font: 10px/1.2 Verdana, Arial, sans-serif;
}

.ingred tr.header {
	border-bottom: 1px solid #a6a6a6;
	background: #eee;
}

.ingred tr.alternate {
	background: #FAFAEA;
}
	
.ingred tr.fat {
	color: #888;
}
	
.ingred td {
	padding: 3px;
	border-left: 1px solid #a6a6a6;
	border-right: 1px solid #a6a6a6;
}
	
#pane1 {font: 10px/1.2 Verdana, Arial, sans-serif;}
#pane2, #pane3, #pane4, #pane5, #pane6 {font: 11px/1.4 Verdana, Arial, sans-serif;}
#pane1 {text-align:center;}

.ottext {
	clear: both;
}


/*  - Basket and Checkout
----------------------------------------------- */


table.checkoutProgress {
		width:100%;
		border: 1px solid #A6A6A6;
		background: #eee;
		padding: 0;
		margin: 0;
		border-spacing: 0;
}


table.checkoutProgress td {
		color: #999;
		text-align: center;
		padding: 3px 6px;
}

table.checkoutProgress td.current {
		background: #bbb;
		color: #fff;
}

table.checkoutProgress td a, table.checkoutProgress td a:visited {
		color: #777;
}

table.checkoutProgress td.current a, table.checkoutProgress td.current a:visited {
		color: #000;
}

.contentdots {
		background:  url(/img/crumbdots.gif) repeat-x;
		margin: 0;
		line-height: 1px;
		font-size: 1px;
}

table.basketlist {
		width: 100%;
		margin: 10px 0;
		padding: 0;
}

table.basketlist th {
		padding: 5px 2px;
		color: #777;
}

table.basketlist td {
		padding: 5px 2px;
}

table.basketlist td a, table.basketlist td a:visited {
		color: #666;
}

table.basketlist td a:hover {
		color: #000;
}

table.greyback {
		border: 1px solid #A6A6A6;
}

table.greyback th {
		background: #eee;
}

table.greyback tr {
		background: #F7F7F9;
		margin: 1px 0;
}

table.addresslist {
		width: 100%;
		padding: 10px;
		background: #F8F8F9;		
		border: 1px solid #ddd;
}




/*  - Outlet Layout
----------------------------------------------- */

#outletleft {
	width: 220px;
	margin: 5px 0 0 20px; 	
	float: left;
}

#outletright {
	width: 450px;
	float: right;
}

table.marketTable {
		width: 90%;
		margin: 32px 20px 20px 0;
		border: 0;
		border-collapse: collapse;
}

td.marketname{
		padding-top: 3px;
		padding-bottom: 3px;
}

td.marketdate{
		padding-top: 3px;
		padding-bottom: 3px;
}

tr.shaded {
		background: #eee;
}

a.outlet, a.outlet:visited	{
		color: #888;
		text-decoration: underline;
		margin-left: 20px;
}

/*  - Forms
----------------------------------------------- */

form {
	display: inline;
	margin: 0;
	padding: 0;
}

form p {
	clear: left;
  	margin: 0;
  	padding: 0;
  	padding-top: 8px;
  	padding-left: 8px;
}
	
form p label {
	float: left;
	width: 32%;
}

form fieldset {
	border: 1px solid #aaa;
	margin: 10px 14px 14px 0;
	padding: 4px 8px 8px 8px;
}

form fieldset legend {
	color: #888;
	font: bold 11px/100% Verdana, Arial, sans-serif;
	padding: 4px 0;
}

form#addBasketForm {
	margin-top: 14px; 
	margin-bottom: 10px;
}


form#addBasketForm fieldset {
	width: 155px;
	padding-top: 8px;
	text-align: center; 
}

input.searchtxt {
	width: 118px;
	margin: 4px 0 4px 5px;
	background: #fff;
	font: 11px/100% Verdana, Arial, sans-serif;
	border: 1px inset #A6A6A6;
}

input.searchbtn {
	margin: 4px 0 4px 2px;
	padding: 0;
	background: #eee;
	font: 11px/100% Verdana, Arial, sans-serif;
	border: 1px outset #A6A6A6;
}

input.btn {
	margin: 8px 0 4px 2px;
	padding: 3px 0;
	background: #eee;
	border: 1px outset #A6A6A6;
	font: 11px/100% Verdana, Arial, sans-serif;
}

img.btn{
	border: 1px solid #999;
}

input.txt {
	width: 170px;
	margin: 4px 0 4px 0;
	background: #fff;
	font: 11px/100% Verdana, Arial, sans-serif;
	border: 1px inset #A6A6A6;
}

textarea.txt {
	width: 272px;
	border: 1px inset #A6A6A6;
}
	
input.formbtn {
	margin: 8px 0 4px 2px;
	padding: 3px 0;
	background: #eee;
	border: 1px outset #A6A6A6;
	font: 11px/100% Verdana, Arial, sans-serif;
}

input.baskettxt {
		font: 11px/100% Verdana, Arial, sans-serif;
		background: #fff;
		border: 1px inset #A6A6A6;
		width: 22px;
		margin: 4px 0;
		text-align: right;
}

textarea.notestxt {
	width: 100%;
	border: 1px inset #A6A6A6;
}

input.invalid {
	background: #fcc;
}

/*  - Special-case divs and styles
----------------------------------------------- */


.active {
		font-weight: bold;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.rAlign {
	text-align: right;
}

.lAlign {
	text-align: left;
}

.cAlign {
	text-align: center;
}

.bold {
	font-weight: bold;
}

hr {
	border: 0;
	margin: 0;
	padding: 0;
	color: #A6A6A6;
	background-color: #A6A6A6;
	height: 1px;
}

#basketempty {
	margin: 8px;
}

.mo-purple {
	color: #800080;
}

.mo-green {
	color: #6BBE32;
}

div.homepage-logo {
	background: transparent url(/img/homepage-cube.jpg) 20px 30px no-repeat;
}

div#homepage-logo {
	float: left;
	margin-top: 225px;
	width: 250px;
	height: 90px;
	background: transparent url(/img/homepage-logo.jpg) top left no-repeat;
}

div#homepage-description {
	width: 200px;
	float: right;
	margin-right: 4px;
	background: transparent;
}

div#homepage-description p {
	margin: 0 0 10px;
	font: 11px Verdana;
	line-height: 140%;
}




/*  - TEST ONLY NEW TABS
----------------------------------------------- */



div.TabView div.Tabs
{
  margin: 10px auto 4px auto;
  padding: 2px 2px 2px 2px;
  text-align: center;
  height: 30px;
  /* overflow: hidden; */
}

div.TabView ul {
	display: inline;
}

div.TabView div.Tabs a
{
  /* float: left; */
  display: inline;

  width:  12px;
  text-align: center;

  height:      20px;
  line-height: 28px;
  vertical-align: middle;

  text-decoration: none;
  font: bold 14px/1.2 Arial, Verdana, sans-serif;
  color: #888;
  padding: 2px 8px;
  margin: 0 3px;
  border: 1px solid #A6A6A6;
}

div.TabView div.Tabs a:hover {
  background: #eaeaea;
}

div.TabView div.Pages
{
  clear: both;
  border: 1px solid #a6a6a6;
  overflow: hidden;
}

div.TabView div.Pages div.Page
{
  height: 100%;
  padding: 0px;
  overflow: hidden;
}

div.TabView div.Pages div.Page div.Pad
{
  padding: 3px 5px;
}