/*

brand purple: b2baf7
darker purple: 8790d5

*/

* {
	margin: 0;
	padding: 0;
	font-family:verdana,sans-serif;
	font-size:10pt;
	color:#000;
}


/* Next two IE-only - to fix PC float drop bug 
*/

* html #copyWrap {
    overflow-x: hidden; overflow-y: hidden; 
/*    width: expression(document.body.offsetWidth - 250);*/
}

* html #copyMiddleWrap {
    overflow-x: hidden; overflow-y: hidden; 
/*    width: expression(document.body.offsetWidth - 460);*/
}



/********************* g e n e r i c   e l e m e n t s *****************/

BODY {

	background: #fff url(../images/bg_home-sidebar-strip.jpg) no-repeat top center;
    background-attachment:fixed;
    background-position:fixed;
} 
BODY.orderForm{
	background: #fff url(../images/bg_home-sidebar-shadow.jpg) no-repeat top center;
    background-attachment:fixed;
    background-position:fixed;
} 

BODY#print {

	background: #fff;
	margin:2em;
} 

P {	margin:1em 0;}

A {	color:#12255c;}

H1.titleImage{

/* used if title mode = images */
	color:#d00;
	margin:10px 0 0px 240px;
}

H1.pageTitle {

/* only used if title mode = text (default) */

	text-align:right;
	width:580px;
	margin:10px 0 10px 240px;
	padding:0 0 10px 0;
	color:#060;
	font-size:200%;
	font-weight:normal;
	font-family:tahoma,sans-serif;
	color:#8790d5;
	border-bottom:1px solid #8790d5;
	white-space:nowrap;
}


H2 { 
	color:#870039;
	text-transform:uppercase;
	font-family:arial,helvetica,sans-serif;
	font-size:120%;
	font-weight:bold;
	margin:1em 0;
}

H4{
	width:380px;
	font-size:120%;
	font-weight:normal;
	font-family:tahoma,sans-serif;
	color:#3a48b1;
	white-space:nowrap;
}

BLOCKQUOTE{

	padding:1em 2em;
	font-style:italic;
	font-family:serif;
}

LI {
	margin:0 0 .5em 3em;
}

/********************* g e n e r i c  c l a s s e s *****************/

.imageCaption{

	padding:1em 0;
	text-align:center;
	font-size:8pt;
}

.subtext {

	font-size:75%;
	font-weight:normal;
}

IMG.misc{

	padding:5px;
	background:#fff;
	border:1px solid #999;
	margin:1em 0;
}

A.feeder{

	text-decoration:none;
	color:#900;
	font-style:italic;
	font-family:serif;
	font-size:80%;
	white-space:nowrap;
}

DIV.imageInline{

	display:inline;
	text-align:center;
}


.backUp { 

/* container for wee internal 'to top' arrows */

	float:right;
}


A.backUp {

/* borders for backUp arrows */

}

DIV#printButton {

	float:right;
	font-size:small;
	text-transform:uppercase;
	margin:0 0 2em 2em;
}

DIV#printButton A{

	color:#333;
	text-decoration:none;
	font-size:smaller;
}

/**************************** C o l u m n s ***************************/

#content {

/* global container */	

	width:900px;
	margin:0 auto;
	/*display:table;*/ /* Expand to longest nested floater in FF */
}

DIV#navigation{

/* Top navigation bar (images) */

	width:100%;
	background:#8790d5;
	text-align:center;
	white-space:nowrap;
}


#sidebar {
 
/* left column */

	float: left;
	width: 220px;
	margin-top:20px;
	text-align:center;
/*	display: inline;*/ /* Fix double margin problem in IE6 */
	overflow:hidden;
}

#copyWrap {

/* main content column for 2-column pages */

	width:670px;
	float:left;
	overflow:hidden;
}

#copy {

	margin:20px 20px 0 20px;
	padding-left:10px;
}

#copyMiddleWrap {

/* main content column for 3-column pages */

	width:470px;
	float:left;
	overflow:hidden;
}

#copyMiddle { margin:20px 20px 0 20px;}

#sidebarRightWrap {

/* Right-hand (images) column */

	width:200px;
	float:left;
	overflow:hidden;
}

#sidebarRight {

	margin:100px 0 0 0;
	text-align:center;
}

/*************************** c o p y   e l e m e n t s **********************/


#home P {

	margin-left:2em;
	width:550px;
	margin-top:20px;
}


#copy .imageFrameRight{

	float:right;
	padding:10px;
	border:1px solid #999;
	background:#fff;
	width:200px;
	text-align:center;
	margin:0.5em 0.5em;
}

#copy .sig{ 

	font-size:110%;
	font-weight:bold;
	text-align:right;
	padding:0 3em 1em 0;
}

#copy .msg {

/* error/status message */

/*	text-align:center;*/
	color:#900;
	border:1px solid #666;
	padding:5px;
	font-style:italic;
	background-color:#eee;
	margin-bottom:2em;
	font-family:serif;
	width:80%;
}

DIV#errors{

	padding:1em 2em;	
}

DIV#errors LI{

	color:#900;
	font-family:serif;

}
.imageBar{

	text-align:center;
}

.imageBar IMG{

	padding:5px;
	background:#fff;
	border:1px solid #999;
	margin:0.5em 1em 0 1em;
}


/*************************** s i d e b a r s **************************/

#sidebar IMG.main{

	padding:5px;
	background:#fff;
	border:1px solid #999;
	margin:2em 0;
}

DIV.contact {

	padding:2em 0;
	font-size:8pt;
}

DIV.contact A {

	font-size:8pt;
}


#sidebar A {

	font-size:1em;
}

#sidebarRight DIV {

	margin:1em 0;
}

#sidebarRight IMG {

	padding:5px;
	background:#fff;
	border:1px solid #999;

}


/******************** p r o d u c t   p a g e s ***************************/

#productDisplay {

	padding:2em 0;
	text-align:center;
	width:600px;
}


A.bigProductLink {

	color:#870039;
	text-decoration:none;
	text-transform:uppercase;
	font-family:arial,helvetica;
	font-size:120%;
	font-weight:bold;
	display:block;
}

A.bigProductLink U {

	color:#870039;
	text-decoration:underline;
	font-family:arial,helvetica;
	font-size:100%;

}

A.bigProductLink:hover {

	text-decoration:underline;
}

DIV.productItem{

/* Items in #productRange */

	display:inline;
	white-space:nowrap;
	padding-left:1.0em;
}

DIV.productItem A{

	color:#870039;
	text-decoration:none;
	font-family:serif;

}

DIV#productItems A{

	color:#870039;
	text-decoration:none;
	font-family:serif;
	white-space:nowrap;
}

SPAN.leadIn {

	color:#870039;
	font-weight:bold;
	text-transform:uppercase;
}

SPAN.smallPrint {

	font-size:100%;
}

/********************** r e c i p e s ***************************/

.recipe {

	width:480px;
	padding:20px;
}

#bigProductLinks{

	padding:30px 30px;
}

.ingredients{

	font-style:italic;
	font-family:serif;
	font-size:10pt;
}
.method{

	font-family:serif;
	font-size:10pt;
	display:block;
	margin:1em 0;
}

.recipeName {

	margin:1em 0;
	text-transform:uppercase;
	display:block;
	font-weight:bold;
	font-family:arial,helvetica,sans-serif;
}

.recipeHeader {

	font-family:serif;
	font-weight:bold;
	margin-top:1em;
	display:block;
}

HR.recipe {

	height:1px;
	background:#870039;
	width:50%;
	margin:2em 0 1em 0;
	padding:0;
}

/*************************** f o r m s **************************/


.buttons {

/*	button bar */

	text-align:right;
	padding:10px;
	border:1px solid #666;
	margin:2em 0;
	background-color:#eee;
	background-color:#dee1f9;
}

.contactButtons {

/*	button bar */

	text-align:right;
	padding:5px;
	border:1px solid #666;
	margin:2em 0;
	background-color:#eee;
	background-color:#dee1f9;
}

.fsub {

/* buttons */

	width:8em;
	font-size:8pt;
}

INPUT,SELECT,TEXTAREA{ 

	font-size:8pt;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}


.required{

/* signifier for mandatory form fields */

	color:#900;
}

/*************************** c o n t a c t **************************/

TABLE#contact {

	margin:1em 0 0 20px;
}

.contactHeader{
	
	font-weight:bold;
	vertical-align:top;
}

.contactField{

	padding-left:1em;
	text-align:right;
}

/********************** p r o d u c t    r a n g e ********************/


DIV#productRange{


	padding-left:0px;
}

DIV.productRangeLinks {

	padding-bottom:1em;
}

P.productRangeDescr {

	margin-top:-1em;
	text-align:justify;
	width:450px;
	font-size:8pt;
}



/*************************** p r o d u c t s **************************/


DIV#productCategoryLinks {

/* Single container for all text links */

	margin: 2em 0;
	text-transform:uppercase;
	font-family:arial,helvetica,sans-serif;
	background:#fff;
	text-align:center;
	padding:.3em 0;
	border:1px solid #ccc;
}

DIV#productCategoryLinks A {

	color:#060;
	font-size:8pt;
	text-decoration:none;

}

#productGroupSelector {

/* Container for product group links if images used */

	margin-top:-10px;

}


DIV.productLinkCategory {

/* Per-category container */

}

A.productLink{  

	font-family:impact condensed,dream orphans,dejavu sans condensed,arial narrow;
	font-weight:bold;
	color:#243f8f;
 }


TABLE.products{

/*	width:630px;*/
}

DIV.productCategoryName {

	color:#870039;
	text-transform:uppercase;
	font-family:impact condensed,dream orphans,dejavu sans condensed,arial narrow;
	font-size:110%;
	font-weight:bold;

}

TABLE.productHeader {

/* Container for the next four */

	font-family:arial,helvetica,sans-serif;
	width:100%;
	font-weight:bold;
}

TD.productName {

	font-size:120%;
	width:50%;
}

.productVariety {

	font-size:10pt;
	font-weight:normal;
	color:#030;
	font-style:italic;
	font-family:serif;
}

TD.productSize {}

TD.productPrice {text-align:right;}
TD.productImage {text-align:right;}
TD.productFeild {width:50px;}

DIV.productDescription {

	font-size:8pt;
	padding:1em 1.5em 1em 0.5em;
}

INPUT.finctxt {

	background-color:#f8d5d5;
	background-color:#dee1f9;
	font-family:verdana,sans-serif;
	font-size:8pt;
	width:3em;
}

DIV.quant{

/*  product quantity input cell */

	background-color:#eee;
	border:1px solid #666;
	padding:5px;	
	margin:0 0 .5em 1em;/* For products with no description */
	text-align:center;
}

DIV.quant .subtext {

	line-height:2.2em;
	letter-spacing:.2em;
}

DIV.quantBuyNow{


	background-color:#8790d5;
	color:#fff;
	text-align:center;
	border:1px solid #666;
	padding:3px;
	width:100px;
	margin:0 0 1em 1em;/* For products with no description */
}

DIV.quantBuyNow A {
	font-family:arial,helvetica,sans-serif;
	font-size:80%;
	color:#fff;
	font-weight:normal;
	letter-spacing:.2em;
	text-decoration:none;
}

INPUT.finc {

/*	wee increment/decrement buttons */

	font-weight:bold;
	width:2em;
	background-color:#ccc
}

.order-submit INPUT.fsub{

/* Quantity field */

	background-color:#ccc;
	font-size:90%;
	width:8em;
	font-family:arial,sans-serif;
	padding:4px;
	letter-spacing:.1em;
}

/*************************** o r d e r **************************/

TABLE#order{

	width:630px !important;
	border:1px solid #333;
	padding:15px 15px 0 15px;

}

TABLE#order .productName{font-weight:bold;}

TABLE#order #freightCharges{

	padding:2em 0;
	font-size:8pt;
}

#freightCharges A{

	font-size:8pt;
}

.orderHeader{ 

	font-family:arial,helvetica,sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:75%;
	color:#333;
	border-bottom:1px solid #333;
	padding-bottom:1em;
}
.orderTotal{ 

	padding-top:1em;
	font-weight:bold;
	border-top:1px solid #333;
}

.orderEditField{

	text-align:center;
	background:#eee;
	border:1px solid #999;
	padding-top:2px;
/*	width:32px;*/
}

.separatorField{ 

	width:10px;
}

/*************************** c h e c k o u t **************************/

#customer {

	background-color:#ccc;
	margin:0px 0 0 70px;
	border:1px solid #ccc;
/*	width:500px;*/
}


#customer TD {

	vertical-align:top;
	text-align:left;
	background-color:#fff;
	padding:5px;
	font-size:8pt;
}

#customer TH {

	background-color:#fff;
	vertical-align:top;
	text-align:right;
	font-weight:bold;
	padding:5px;
	font-family:verdana,sans-serif;
	font-size:8pt;

/*	height:1.5em;*/
}

#customer .ftxt{

	background:#eee;
	background-color:#dee1f9;
	font-family:verdana,sans-serif;
	font-size:8pt;
	width:250px;
}
#customer .fstxt{


	background:#eee;
	background-color:#dee1f9;
	font-family:verdana,sans-serif;
	font-size:8pt;
	width:12em;
}

SELECT.fsel OPTION{

	font-family:verdana,sans-serif;
	font-size:8pt;
}

SELECT.fsel{

	width:10em;
}

/************************* c o n f i r m ************************/

TABLE#orderCustomer{

	width:630px !important;
	border:1px solid #8790d5;
	padding:0;
	margin-bottom:10px;
}

TABLE#orderItems{

	width:630px !important;
	border:1px solid #8790d5;
	padding:0;

}
TABLE#orderItemsDetails {

	width:100%;
	padding:10px;
}

#orderCustomerDetails TD{

	font-size:8pt;
	font-family:verdana,sans-serif;
}

TABLE#orderItems .productName{

	font-weight:bold;
}

.orderCustomerField{

	padding:20px 0 20px 50px;

}
.customerDeliveryAddress{

	padding:0 0 0 2em;
	font-size:8pt;

}
SPAN.customerAddressLabel {

	color:#666;
	font-size:8pt;
	font-family:verdana,sans-serif;
	font-style:italic;

}

DIV.customerAddressLabel{

	padding-bottom:1em;
	font-weight:bold;
	font-size:10pt;
	font-family:verdana,sans-serif;
	font-style:normal;
}

.customerAddressName{

	font-weight:bold;
	padding-bottom:1em;
}

.customerAddress {

	font-size:8pt;
	font-family:verdana,sans-serif;
	padding-bottom:1em;
/*	margin-left:-2em;*/
}
.customerMessage {

	padding-top:1em;
	width:200px;
}

.customerMessageText {

	font-size:8pt;
	font-family:verdana,sans-serif;
	font-style:italic;
	color:#006;
	background-color:#eee;/*#dee1f9;*/
	border:1px solid #8790d5;
	padding:10px;
}
TD.orderEditLink {

	background:#8790d5;
	background-color:#dee1f9;
/*	border:1px solid #8790d5;*/
	text-align:right;
	padding:3px;
}
TD.orderEditLink A {
	color:#3a48b1;
	font-weight:bold;
	font-family:arial,helvetica,sans-serif;

	text-decoration:none;
}

TD.orderCustomerHeader {

	background:#8790d5;
	background-color:#8790d5;
	border:1px solid #8790d5;
	padding:5px;
	color:#fff;
	font-size:120%;
	font-weight:bold;
	font-family:arial,helvetica,sans-serif;
}


#freightRates{

	font-size:8pt;
	font-family:verdana,sans-serif;
	background-color:#dee1f9;
}


/****************** p a y m e n t   s t a t u s *******************/

.invoiceHeader {

	background:#666;
	color:#fff;
	font-weight:bold;
	font-size:8pt;
	padding:4px;

}
TABLE#invoice{

	background:#fff;
	border:1px solid #666;
	padding:10px;
	width:550px !important;
	margin-top:4em;
}

#invoice P{

	font-size:8pt;
}
#invoice A{

	font-size:8pt;
}
TABLE#orderInvoice{


	border:1px solid #333;
	padding:15px;
	width:100%;
}

TABLE#orderInvoice .productName{font-weight:bold;font-size:75%;}

TABLE#paymentStatusOrder{

	width:100%;
	border:1px solid #333;
	padding:15px 15px 0 15px;

}

TABLE#paymentStatusOrder .productName{font-weight:bold;}


/*************************** f o o t e r **************************/

#footer {

	text-align:center;
	clear: both;
	margin:0 auto 2em auto;
	padding:0 1em;
}

#navigation-text {

/* text navigation bar in footer */

	border-top:1px solid #42748f;	
	border-bottom:1px solid #42748f;
	padding:0.5em 0;
	margin:1em auto;
}

#navigation-text, #navigation-text A {

	font-size:8pt;
}

#navigation-text A:hover{

	text-decoration:underline;
}


#meta A {	font-size:smaller;}

#meta DIV.author {

/* footer: page author & modification date */

	float:right;
	text-align:right;
	color: #666;
	font-family:serif;
	font-size:8pt;
}

#meta DIV.address {

/* footer: tl contact details */

	text-align:left;
	color: #666;
	font-family:serif;
	font-size:8pt;

}