/*=================================================
		GLOBAL
===================================================*/
html
{
	height: 100%;
}

body
{
	font-family: verdana, Arial, Sans-Serif;
	font-size: .80em;
	padding: 0;
	margin: 0;
	color: #57696f;
}

img
{
	border: 0;
}

a
{
	outline: none;
}

.Links
{
	text-align: center;
	font-family: Arial;
	font-size: 14px;
	color: #50575c;
	white-space: nowrap;
}

h2, h3
{
	font-family: Arial;
	color: #4a4a49;
}

.smallerText
{
	font-family: Arial;
	font-size: x-small;
	color: #757677;
}
.smallText
{
	font-family: Arial;
	font-size: small;
	color: #757677;
}
.smallTextGreen
{
	font-family: arial, helvetica;
	font-size: x-small;
	color: #390;
}
.smallTextRed
{
	font-family: arial, helvetica;
	font-size: small;
	color: #900;
	font-weight: bold;
}
.mediumText
{
	font-family: Arial;
	font-size: medium;
	color: #757677;
}
.largeText
{
	font-family: Arial;
	font-size: large;
	color: #757677;
}
.largerText
{
	font-family: Arial;
	font-size: x-large;
	color: #757677;
}
.extralargeText
{
	font-family: Arial;
	font-size: xx-large;
	color: #757677;
}
.whiteMediumText
{
	font-family: Arial;
	font-size: medium;
	color: #fff;
}

.whiteLargeText
{
	font-family: Arial;
	font-size: large;
	font-weight: bold;
	color: #fff;
}

/*=================================================
				Search Box
===================================================*/

.Search
{
	width: 145px;
	font-size: 11px;
	font-family: Verdana;
	color: #d32000;
	height: 15px;
	margin: 0;
}

.NewsLetter
{
	width: 165px;
	font-size: 8px;
	font-family: Verdana;
	height: 15px;
}


/*=================================================
				Nav Menu Bar
===================================================*/

.NavMenuCol
{
	background-color: #e3181e;
}


/* ================================================
			LEFT SPINE
=================================================== */

.leftSpineLinks
{
	text-align: center;
	text-decoration: none;
	font-family: Arial;
	font-size: 13px;
	color: #50575c;
}
.leftSpineLinks:hover
{
	text-decoration: underline;
}

.leftSpineBox
{
	background-color: #f9f6ef;
}

/* ================================================
			DEPARTMENT PAGE
=================================================== */

.DeptLeftNavList
{
	position: relative;
	width: 155px;
	text-align: left;
	vertical-align: top;
	padding: 4px;
}

.DeptBestSellersHeader
{
	height: 27px;
	width: 400px;
	float: left;
	display: table-cell;
}

.DeptBestSellersHeaderText
{
	height: 27px;
	width: 320px;
	background: url(http://store.bettycrocker.com/images/bettycrocker/homepage/newbar_m.jpg) repeat-x;
	vertical-align: top;
}

.DeptFeatureBettyCrockerHeaderText
{
	height: 27px;
	background: url(http://store.bettycrocker.com/images/bettycrocker/homepage/newbar_m.jpg) repeat-x;
	vertical-align: top;
}

.DeptBestSellersHeaderViewAll
{
	height: 27px;
	width: 70px;
	text-align: center;
	text-decoration: none;
	background: url(http://store.bettycrocker.com/images/bettycrocker/homepage/newbar_m.jpg) repeat-x;
	font-family: Arial;
	font-size: 11px;
	color: #757677;
}
.DeptBestSellersHeaderViewAll:hover
{
	text-decoration: underline;
}

.DeptBestSeller
{
	float: left;
	width: 90px;
	height: 200px;
	text-align: center;
	vertical-align: top;
	display: table-cell;
	padding: 4px;
}

.DeptBestSellerLinks
{
	text-align: center;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	color: #757677;
}
.DeptBestSellerLinks:hover
{
	text-decoration: underline;
}

.DeptCategoryHeader
{
	height: 27px;
	width: 400px;
	float: left;
	display: table-cell;
	vertical-align: top;
}

.DeptCategoryHeaderText
{
	height: 27px;
	width: 320px;
	background: url(http://store.bettycrocker.com/images/bettycrocker/homepage/newbar_m.jpg) repeat-x;
}

.DeptCategoryHeaderViewAll
{
	height: 27px;
	width: 70px;
	text-align: center;
	text-decoration: none;
	background: url(http://store.bettycrocker.com/images/bettycrocker/homepage/newbar_m.jpg) repeat-x;
	font-family: Arial;
	font-size: 11px;
	color: #757677;
}
.DeptCategoryHeaderViewAll:hover
{
	text-decoration: underline;
}

.DeptCategory
{
	float: left;
	width: 90px;
	height: 120px;
	text-align: center;
	vertical-align: top;
	display: table-cell;
	padding: 4px;
}

.DeptCategoryLinks
{
	text-align: center;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	color: #757677;
}
.DeptCategoryLinks:hover
{
	text-decoration: underline;
}

.DeptCategoryLeftLinks
{
	text-align: center;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	color: #50575c;
}
.DeptCategoryLeftLinks:hover
{
	text-decoration: underline;
}

.DeptBrandsHeader
{
	height: 27px;
	width: 190px;
	float: left;
	display: table-cell;
}

.DeptBrandsHeaderText
{
	height: 27px;
	width: 190px;
	background: url(http://store.bettycrocker.com/images/bettycrocker/homepage/newbar_m.jpg) repeat-x;
}

.DeptBrandLinks
{
	text-align: center;
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	color: #50575c;
	white-space: nowrap;
}
.DeptBrandLinks:hover
{
	text-decoration: underline;
}

/*=================================================
		BREAD CRUMBS
===================================================*/

.BreadCrumbYouAreHere
{
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #50575c;
	white-space: nowrap;
}

.BreadCrumbLink
{
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	color: #50575c;
	white-space: nowrap;
}
.BreadCrumbLink:hover
{
	text-decoration: underline;
}

.BreadCrumbArrow
{
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	color: #50575c;
	white-space: nowrap;
}

.BreadCrumbText
{
	font-weight: normal;
	font-family: Arial;
	font-size: 10px;
	color: #50575c;
	white-space: nowrap;
}

/*=================================================
	PRODUCT LIST PAGE
===================================================*/

.ProductSearchLeftNav
{
	width: 155px;
	background-color: #f9f6ef;
	padding: 7px;
}

.ProductSearchLeftNavHeader
{
	font-weight: normal;
	text-decoration: none;
	font-family: Arial;
	font-size: 15px;
	color: #50575c;
}

.ProductSearchLeftNavItemHeaderRow
{
	height: 18px;
}

.ProductSearchLeftNavItemHeader
{
	float: left;
	display: table-cell;
	width: 95px;
}

.ProductSearchLeftNavItemRow
{
	display: block;
}
.ProductSearchLeftNavItemRowWithRemove
{
	display: block;
	height: 20px;
}
.ProductSearchLeftNavItemMore
{
	float: left;
	display: table-cell;
	font-size: 9px;
}

.ProductSearchLeftNavItems
{
	display: block;
	width: 130px;
	font-weight: normal;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	color: #50575c;
}

.ProductSearchLeftNavItemsWithRemove
{
	float: left;
	display: table-cell;
	width: 95px;
	vertical-align: top;
	font-weight: normal;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	color: #50575c;
}

.ProductSearchLeftNavItem
{
	text-decoration: none;
	color: #50575c;
}
.ProductSearchLeftNavItem:hover
{
	text-decoration: underline;
}

.ProductSearchLeftNavItemCount
{
	font-size: 10px;
}

.ProductSearchSection
{
	vertical-align: top;
	padding: 7px;
	width: 590px;
}

.ProductSearchTable
{
	vertical-align: top;
	width: 590px;
}

.ProductSearchRow
{
	vertical-align: top;
	width: 590px;
	height: 200px;
}

.ProductSearchSortRow
{
	width: 250px;
	vertical-align: bottom;
}

.ProductSearchViewAll
{
	width: 100px;
	vertical-align: bottom;
}

.ProductSearchPaging
{
	width: 200px;
	vertical-align: bottom;
}

.ProductSearchBuyButton
{
}

.ProductSearchKeywordHeaderText
{
	font-weight: bold;
}

.ProductSearchKeywordHeaderBold
{
	color: #f00;
	font-weight: bold;
	font-style: italic;
}

.tblProductSearchBuy
{
	width: 180px;
}


/*=================================================
	MINI CART PAGE
===================================================*/

.MiniCart
{
	width: 133px;
	padding: 4px;
	height: 70px;
	border: 1px solid #d5cfc5;
	background-color: #f2ecdc;
}
.MiniCartHeader
{
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	color: #545454;
	font-family: arial;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
}
.MiniCartLine
{
	width: 133px;
	height: 20px;
	vertical-align: middle;
	border-bottom: 1px solid #fff;
	padding-top: 5px;
}
.MiniCartItems
{
	text-align: left;
	vertical-align: middle;
	width: 70px;
	height: 20px;
	display: table-cell;
	float: left;
	font-size: 9px;
	white-space: nowrap;
}
.MiniCartSubTotal
{
	text-align: right;
	vertical-align: middle;
	width: 30px;
	height: 20px;
	display: table-cell;
	float: left;
	font-size: 9px;
	white-space: nowrap;
}
.MiniCartLink
{
	text-align: left;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
	font-family: arial;
	padding-top: 5px;
}

/* For the error 404 page */
#body
{
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

#body .content404
{
	margin: 0;
	padding: 24px 8px 20px 32px;
	color: #393331;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.content404 div, .content404 img, .content404 span, .content404 a
{
	margin: 0;
	padding: 0;
}
.content404 img
{
	border: 0 none;
	vertical-align: top;
}

.content404 .img404
{
	float: left;
	padding-right: 20px;
}
.content404 .copy404
{
	padding-right: 24px;
	text-align: justify;
}

.copy404 .copy_title
{
	font-size: 20px;
	color: #e3181e;
}
.copy404 a.site_map, .content404 .dept_section .dept a
{
	color: #0075a0;
}

.content404 .dept_title, .content404 .dept_section
{
	clear: both;
	padding-top: 20px;
	width: 100%;
	overflow: hidden;
}
.content404 .dept_title
{
	color: #e3181e;
	font-size: 20px;
}

.content404 .dept_section .dept
{
	float: left;
	font-size: 14px;
	text-align: left;
	width: 25%;
	overflow: hidden;	
}
.content404 .dept_section .dept img
{
	border: 1px solid #ccc;
}

