@import url("button.css");

/* Store Styles */

a.button {
    background: transparent url('images/add_to_cart_a.gif') no-repeat scroll top right;
    color: #ffffff;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

#storeInfoBar a:link {
	color: #392C09;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
}
#storeInfoBar a:visited {
	color: #392C09;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
}
#storeInfoBar a:hover {
	color: #d3c7a5;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
}
#storeInfoBar a:active {
	color: #392C09;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
}

.storeInfoDivider {
	color: #d3c7a5;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: left;
}

.sidebarCategories {
	color: #392C09;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align: left;
}

.mainProductDescription {
	color: #ffffff;
	font: bold 18px Arial, Helvetica, sans-serif;
	text-align: left;
	display: block;
	margin: 20px 20px 10px;
}

.mainProductText {
	color: #ffffff;
	font: 12px/17px Arial, Helvetica, sans-serif;
	text-align: left;
	display: block;
	margin: 0 20px 20px;
}

#sidebarItems a:link {
	color: #392C09;
	text-decoration: none;
	font: 12px/22px Arial, Helvetica, sans-serif;
}

#sidebarItems a:visited {
	color: #392C09;
	text-decoration: none;
	font: 12px/22px Arial, Helvetica, sans-serif;
}

#sidebarItems a:hover {
	color: #d3c7a5;
	text-decoration: none;
	font: 12px/22px Arial, Helvetica, sans-serif;
}

#sidebarItems active {
	color: #392C09;
	text-decoration: none;
	font: 12px/22px Arial, Helvetica, sans-serif;
}

.storeTitle {
	color: #392C09;
	letter-spacing: 1px;
	font: 30px Arial, Helvetica, sans-serif;
	padding-left: 20px;
}

.productTitle {
	color: #392C09;
	font: 24px Arial, Helvetica, sans-serif;
	display: block;
	padding-bottom: 5px;
}

.NEWproduct {
	color: #ffffff;
	font: 8px Arial, Helvetica, sans-serif;
	background-color: #ad1929;
	text-align: left;
	margin-right: 5px;
	display: inline-block;
	padding: 3px;
	text-transform: uppercase;
}

.storePrice {
	color: #ad1929;
	font: bold 18px Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 10px;
	display: block;
}

.productPrice {
	color: #ad1929;
	font: bold 18px Arial, Helvetica, sans-serif;
	text-align: left;
}

.regularPrice {
	color: #392C09;
	font: italic 12px Arial, Helvetica, sans-serif;
}

.availableColours {
	color: #392C09;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.storeText {
	color: #392C09;
	font: 14px/20px Arial, Helvetica, sans-serif;
	text-align: left;
}

.storeTextBold {
	color: #392C09;
	font: bold 14px/20px Arial, Helvetica, sans-serif;
	text-align: left;
}

.cartBackground {
	background-image: url(images/cart_background.gif);
	width: 405px;
	height: 90px;
}

.indent {
	font: 30px Arial, Helvetica, sans-serif;
	padding-left: 35px;
}

a.SubCategory:link {	
	color: #392C09;
	text-decoration: none;
	font: 12px/18px Arial, Helvetica, sans-serif;
}
a.SubCategory:visited {	
	color: #392C09;
	text-decoration: none;
	font: 12px/18px Arial, Helvetica, sans-serif;
}
a.SubCategory:hover {	
	color: #6b6147;
	text-decoration: underline;
	font: 12px/18px Arial, Helvetica, sans-serif;
}

a.CategoryTitle:link {	
	color: #392C09;
	font: 18px Arial, Helvetica, sans-serif;
	text-align: left;
	display: block;
	margin-bottom: 3px;
	text-decoration: none;
}
a.CategoryTitle:visited {	
	color: #392C09;
	font: 18px Arial, Helvetica, sans-serif;
	text-align: left;
	display: block;
	margin-bottom: 3px;
	text-decoration: none;
}
a.CategoryTitle:hover {	
	color: #6b6147;
	font: 18px Arial, Helvetica, sans-serif;
	text-align: left;
	display: block;
	margin-bottom: 3px;
	text-decoration: none;
}
#cartLinks a:link {
	color: #392C09;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
}
#cartLinks a:visited {
	color: #392C09;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
}
#cartLinks a:hover {
	color: #6b6147;
	text-decoration: underline;
	font: 12px Arial, Helvetica, sans-serif;
}
#cartLinks a:visited {
	color: #392C09;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
}

#more a:link {
	color: #392C09;
	font: italic bold 11px Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: underline;
	padding: 3px;
}
#more a:visited {
	color: #392C09;
	font: italic bold 11px Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: underline;
	padding: 3px;
}
#more a:hover {
	color: #d3c7a5;
	font: italic bold 11px Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: underline;
	padding: 3px;
}
#more a:visited {
	color: #392C09;
	font: italic bold 11px Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: underline;
	padding: 3px;
}

#mouse a:link {
	color: #6b6147;
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#mouse a:visited {
	color: #6b6147;
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#mouse a:hover {
	color: #d3c7a5;
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#mouse a:active {
	color: #6b6147;
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#productLinks a:link {
	color: #392C09;
	font: 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
}
#productLinks a:visited {
	color: #392C09;
	font: 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
}
#productLinks a:hover {
	color: #6b6147;
	font: 14px Arial, Helvetica, sans-serif;
	text-decoration: underline;
	text-align: left;
}
#productLinks a:active {
	color: #392C09;
	font: 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
}

.mouseTextDivider {
	color: #d3c7a5;
	font: 11px Arial, Helvetica, sans-serif;
	text-align: left;
}
.brandsMenu {
	width: 135px;
	position: relative;
	display: block;
	height: 25px;
}

/* SearchBar */

#searchwrapper {
width:202px; /*follow your image's size*/
height:25px;/*follow your image's size*/
background-image:url(images/searchbox.jpg);
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px;
position:relative; /*important*/
}
 
#searchwrapper form { display:inline ; }
 
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
left:10px;
width:160px;
height:25px;
}
 
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
left:170px;
width:32px;
height:25px;
}


/* Site Styles */

#recipeNAV a:link {
	color: #392C09;
	text-decoration: none;
	font: 10px Arial, Helvetica, sans-serif;
}
#recipeNAV a:visited {
	color: #392C09;
	text-decoration: none;
	font: 10px Arial, Helvetica, sans-serif;
}
#recipeNAV a:hover {
	color: #6b6147;
	text-decoration: underline;
	font: 10px Arial, Helvetica, sans-serif;
}
#recipeNAV a:active {
	color: #392C09;
	text-decoration: none;
	font: 10px Arial, Helvetica, sans-serif;
}

#recipeARCHIVE a:link {
	color: #392C09;
	font: 18px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#recipeARCHIVE a:visited {
	color: #392C09;
	font: 18px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#recipeARCHIVE a:hover {
	color: #6b6147;
	font: 18px Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
#recipeARCHIVE a:active {
	color: #392C09;
	font: 18px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#bioLink a:link {
	color: #BD911E;
	font: italic 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#bioLink a:visited {
	color: #BD911E;
	font: italic 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#bioLink a:hover {
	color: #6b6147;
	font: italic 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
#bioLink a:active {
	color: #BD911E;
	font: italic 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#footerLink a:link {
	color: #392C09;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#footerLink a:visited {
	color: #392C09;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#footerLink a:hover {
	color: #BD911E;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#footerLink a:active {
	color: #392C09;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.text {
	color: #392C09;
	font: 14px/20px Arial, Helvetica, sans-serif;
	text-align: left;
}

.cartText {
	color: #392C09;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: left;
}

.cartNumber {
	color: #BD911E;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: left;
	margin-right: 2px;
	margin-left: 2px;
}

.hoursBackground {
	font: 14px/20px Arial, Helvetica, sans-serif;
	background-color: #fbfcfb;
	border: 1px solid #E3E7E4;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 12px;
}

.featuresBackground {
	font: 14px/20px Arial, Helvetica, sans-serif;
	background-color: #fbfcfb;
	border: 1px solid #E3E7E4;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 12px;
	margin-bottom: 30px;
	display: inline-block;
	width: 411px;
}

.featuresBackgroundWide {
	font: 14px/20px Arial, Helvetica, sans-serif;
	background-color: #fbfcfb;
	border: 1px solid #E3E7E4;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 12px;
	margin-bottom: 30px;
	display: inline-block;
	width: 876px;
}

.CookingClassFiller {
	background-image: url(http://compleatcook.ca/images/cooking_class_filler.jpg);
}

.textIndent {
	color: #392C09;
	font: 14px/20px Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin: 25px;
}

.NewsletterText {
	color: #392C09;
	font: 12px/18px Arial, Helvetica, sans-serif;
}

.NewsletterTextBold {
	color: #392C09;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
}

.textItalic {
	color: #392C09;
	font: italic 14px/20px Arial, Helvetica, sans-serif;
}

.textBoldItalic {
	color: #392C09;
	font: italic bold 14px/20px Arial, Helvetica, sans-serif;
}

.newsletterEdition {
	color: #392C09;
	font: italic 11px/15px Arial, Helvetica, sans-serif;
}

.newsletterEditionBold {
	color: #392C09;
	font: italic bold 12px/15px Arial, Helvetica, sans-serif;
}

.footer {
	color: #392C09;
	font: 12px Arial, Helvetica, sans-serif;
}

#newsletterArchive a:link {
	color: #392C09;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
	background: url(images/icon.gif) no-repeat 0;
	padding-left: 17px;
	height: 14px;
	display: block;
	padding-top: 1px;
}

#newsletterArchive a:visited {
	color: #392C09;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
	background: url(images/icon.gif) no-repeat 0;
	padding-left: 17px;
	height: 14px;
	display: block;
	padding-top: 1px;
}
#newsletterArchive a:hover {
	color: #BD911E;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
	background: url(images/icon.gif) no-repeat 0;
	padding-left: 17px;
	height: 14px;
	display: block;
	padding-top: 1px;
}
#newsletterArchive a:active {
	color: #392C09;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
	background: url(images/icon.gif) no-repeat 0;
	padding-left: 17px;
	height: 14px;
	display: block;
	padding-top: 1px;
}

.smallPrint {
	color: #6b6147;
	font: 9px Arial, Helvetica, sans-serif;
}

.textBOLD {
	color: #392C09;
	font: bold 14px/20px Arial, Helvetica, sans-serif;
}

.promoPRICE {
	color: #BD911E;
	font: bold 20px Arial, Helvetica, sans-serif;
}

.CookingSchoolTitle {
	color: #BD911E;
	font: bold 20px Arial, Helvetica, sans-serif;
}

.CookingSchoolLARGE {
	color: #BD911E;
	font: bold 26px Arial, Helvetica, sans-serif;
}

.promoPRICE2 {
	color: #BD911E;
	font: bold 20px Arial, Helvetica, sans-serif;
}

.CookingSchoolDate {
	color: #392C09;
	font: italic 18px Arial, Helvetica, sans-serif;
}

.CookingSchoolText {
	color: #392C09;
	font: 14px/20px Arial, Helvetica, sans-serif;
}

.CookingSchoolTextBold {
	color: #392C09;
	font: bold 14px/20px Arial, Helvetica, sans-serif;
}

.promoPRICEsmall {
	color: #392C09;
	font: italic bold 14px/19px Arial, Helvetica, sans-serif;
}

.recipeTITLE {
	color: #392C09;
	letter-spacing: 1px;
	font: 22px Arial, Helvetica, sans-serif;
}

.newsletterTitle {
	color: #392C09;
	letter-spacing: 1px;
	font: 20px/26px Arial, Helvetica, sans-serif;
}

.emailTitle {
	color: #392C09;
	letter-spacing: 1px;
	font: 30px/26px Arial, Helvetica, sans-serif;
}

.featuresDATE {
	color: #392C09;
	letter-spacing: 1px;
	font: italic 22px Arial, Helvetica, sans-serif;
	padding-top: 15px;
}

.newsletterFooter {
	color: #392C09;
	font: italic 20px Arial, Helvetica, sans-serif;
}

.contactTITLE {
	color: #392C09;
	font: bold 14px Arial, Helvetica, sans-serif;
}

.featuresBOLD {
	color: #392C09;
	font: bold 16px Arial, Helvetica, sans-serif;
}

.cookingSchoolBold {
	color: #392C09;
	font: bold 16px Arial, Helvetica, sans-serif;
}

.storeHoursTitle {
	color: #392C09;
	font: 18px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #392C09;
}

.Quantity {
	color: #392C09;
	font: 16px Arial, Helvetica, sans-serif;
}

.storeLocation {
	color: #392C09;
	font: 20px Arial, Helvetica, sans-serif;
}

.cookingClassNotes {
	color: #392C09;
	font: 16px Arial, Helvetica, sans-serif;
}

.cookingClassNotesBold {
	color: #392C09;
	font: bold 16px Arial, Helvetica, sans-serif;
}

#NotesLink a:link {
	color: #392C09;
	font: bold 16px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#NotesLink a:visited {
	color: #392C09;
	font: bold 16px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#NotesLink a:hover {
	color: #392C09;
	font: bold 16px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
#NotesLink a:active {
	color: #392C09;
	font: bold 16px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#BottomPDFLink a:link {
	color: #392C09;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#BottomPDFLink a:visited {
	color: #392C09;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#BottomPDFLink a:hover {
	color: #392C09;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
#BottomPDFLink a:active {
	color: #392C09;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.NewsletterSoldOut {
	color: #ffffff;
	font: bold 12px Arial, Helvetica, sans-serif;
	background-color: #d01a27;
	padding: 5px;
	text-transform: uppercase;
}

.featuresBOLDLarge {
	color: #392C09;
	font: 26px Arial, Helvetica, sans-serif;
}
#textLINK a:link {
	color: #6b6147;
	font: 14px/20px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#textLINK a:visited {
	color: #6b6147;
	font: 14px/20px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#textLINK a:hover {
	color: #6b6147;
	font: 14px/20px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
#textLINK a:active {
	color: #6b6147;
	font: 14px/20px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#darkLINK a:link {
	color: #392C09;
	font: 13px/19px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#darkLINK a:visited {
	color: #392C09;
	font: 13px/19px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#darkLINK a:hover {
	color: #6b6147;
	font: 13px/19px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
#darkLINK a:active {
	color: #392C09;
	font: 13px/19px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#newsletterLink a:link {
	color: #392C09;
	font: 13px/19px Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
}
#newsletterLink a:visited {
	color: #392C09;
	font: 13px/19px Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
}
#newsletterLink a:hover {
	color: #6b6147;
	font: 13px/19px Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
}
#newsletterLink a:active {
	color: #392C09;
	font: 13px/19px Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
}

.ClassBackgroundLight {
	background-color: #003366;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 20px;
}

.ClassBackgroundDark {
	background-color: #f1f3f1;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 20px;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#navigation li {
	float: left;
	margin: 0;
	padding: 0;
	}
	
#navigation a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #392C09;
	text-decoration: none;
	padding-right: 15px;
	}
	
#navigation a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #d3c7a5;
	text-decoration: none;
	padding-right: 15px;	}
	
#navigation #currentpage a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #d3c7a5;
	text-decoration: none;
	padding-right: 15px;
	}

/* Store Navigation */

.divider {
	color: #9c9584;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: left;
}

.active {
	color: #ffffff;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 2px;
	background-color: #9c9584;
	margin-right: 2px;
	margin-left: 2px;
}

.StoreNavTitle {
	color: #392C09;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 2px;
}

#StoreNext a:link {
	color: #392C09;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 2px;
	margin-left: 2px;
	margin-right: 2px;
}
#StoreNext a:visited {
	color: #392C09;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 2px;
	margin-left: 2px;
	margin-right: 2px;
}
#StoreNext a:hover {
	color: #ffffff;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 2px;
	background-color: #9c9584;
	margin-left: 2px;
	margin-right: 2px;
}
#StoreNext a:active {
	color: #392C09;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 2px;
	margin-left: 2px;
	margin-right: 2px;
}

/* Positional Elements */

.scrollBOX {overflow: auto;
	height: 378px;
	width: 245px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	position: relative;
}

img.floatRightClear { 
    margin: -9px;
	z-index: 5;
	display: inline-block;
	position: absolute;
	float: none;
	clear: none;
	opacity: 1;
}

.imgFloatRightClear { 
    margin: -9px;
	z-index: 5;
	display: inline-block;
	position: absolute;
	float: none;
	clear: none;
	opacity: 1;
}
img.StoreBanner { 
	z-index: 5;
	display: inline-block;
	position: absolute;
	float: none;
	clear: none;
	opacity: 1;
}