/* Start CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym  {
	border:0;
}
/* End CSS Reset */

body
{
    margin-bottom: 0px;
    margin-top: 0px;
    background-color:#EFE2D2;
}

p
{
	padding-bottom: 18px;
}

div.ContentBox
{
    width:1016px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    top:0px;
}

div.ContentBorderBox, div.ContentBorderBoxHome, div.ContentBorderBoxNoBkgrd
{
    /*
        Border-height is outside the div height
        So div.ContentBorder height can be the same
        height as the background image, but the
        div.Content width has to add 4 pixels to
        account for the border width
    */
    border-color:#D5B994;
    border-style:solid;
    border-width:2px;
    height:648px;
    margin-top:45px;
    position:relative;
    background-repeat:no-repeat;
}

div.ContentBorderBoxHome
{
    background-image:url("../images/background_withglow.jpg");
}

div.ContentBorderBox
{
    background-image:url("../images/background.jpg");
}

div.HeaderNavShoppinButton
{
	float: right;
	position:relative;
	right: 37px;
	top: 22px;
}

div.HeaderBox
{
    background-color:Transparent;
    width:100%;
    margin-top:45px;
}

div.HeaderNavBox
{
    background-color:Transparent;
    width:650px;
    height:45px;
    float:left;
    margin-left:45px;
    margin-top:27px;
}

div.ContentMainColumn
{
    width:650px;
    margin-bottom:25px;
    margin-left:50px;
    margin-top:50px;
    background-color:Gray;
}

div.MissionPhotosFrame
{
    width:640px;
    height:222px;
    margin-top:40px;
    padding:3px;
    border-color:#dec4a4;
    border-style:solid;
    border-width:1px;
}

div.MapPhotosFrame
{
    width:600px;
    height:400px;
    float:right;
    position:absolute;
    bottom:43px;
    right:50px;
    padding:3px;
    border-color:#dec4a4;
    border-style:solid;
    border-width:1px;
}

div.StoreMap
{
    float:right;
    width: 600px;
    height: 400px;
    display:block;
    position:relative;
    z-index:0;
}

div.NewsTicker
{
    background-color:#e4d1b8;
    text-align:right;
    width:100%;
    height:30px;
}

div.Footer
{
    background-color:Transparent;
    text-align:center;
    width:100%;
    height:42px;
    padding-top:35px;
}

div.ClearBoth 
{
    clear:both;
    height:1px;
    overflow:hidden;
    /*
    Need to set line-height and font-size to zero for IE 6
    or else it by default makes the the empty div height ~10px
    */
    line-height:0px;
    font-size:0px;
}

/*** DIVIDER STYLES ***/
/*
HR's don't work well across browsers so using divs instead
*/
.orangeDividerTop, .orangeDividerBottom
{
    height: 1px;
    border-width: 0px;
    font-size: 0px;
    color: #e3ad6f;
    background-color: #e3ad6f;
    width:100%;
}

.orangeDividerTop
{
    margin-bottom: 0px;
}

.orangeDividerBottom
{
    position:relative;
    top:6px;
    right:0px;
    margin-top: 0px;
}

.beigeDivider
{
    background-color:#c8b8a9;
    display:block;
    height:1px;
    font-size:0.5px;
    margin-bottom:5px;
    margin-top:15px;
}

/*** IMAGE STYLES ***/
img.LovinLogo
{
    border-style:None;
    border-width:0px;
    width:230px;
    height:100px;
    margin-left:50px;
    float:left;
}

img.HeaderNavLinksLeft, img.HeaderNavLinks
{
    background-color:Transparent;
    margin-bottom:0px;
    margin-top:0px;
}

img.HeaderNavLinksLeft
{
    margin-left:18px;
}

img.HeaderNavLinks
{
    margin-left:31px;
}

img.ScoopFlavors, img.ScoopCartons
{
    position:absolute;
    right:0px;
    bottom:0px;
}

img.ScoopFlavors
{
    width:555px;
    height:460px;
}

img.ScoopCartons
{
    width:644px;
    height:465px;
}

.ButtonNewer
{
    margin-right:10px;
}

/*** TEXT STYLES ***/

.MainText, .MainLargeText, .MainBoldText, .MainBoldGoldText, .SubTitleText, .BlogTitleText, .SidebarLink, a.RedLink, a.RedLink:visited, a.RedLink:hover, a.RedLinkBold, a.RedLinkBold:visited, a.RedLinkBold:hover, a.BigRedLink, a.BigRedLink:visited, a.BigRedLink:hover
{
    font-family:Georgia, Times New Roman;
}

.MainText, .MainLargeText, .MainBoldText, .SubTitleText, a.GenericLink, a.GenericLink:visited, a.GenericLink:hover
{
    color:#595052;
}

.MainText, .MainBoldText, .MainBoldGoldText, .SidebarBlogHeadline
{
    font-size:14px;
    font-weight:normal;
    margin-bottom:5px;
    line-height: 22px;
}

.MainBoldText, .MainBoldGoldText
{
    font-weight:bold;
}

.MainLargeText
{
    font-size:18px;
    line-height: 27px;
}

.MainBoldGoldText
{
    color:#b36b28;
}

.WarningText
{
    color:#cc3333;
}

.ItalicText
{
    font-style:italic;
}

.SubTitleText
{
    font-size:14px;
    font-weight:bold;
    margin-bottom:4px;
}

.NewsTickerText, a.NewsTickerLink, a.NewsTickerLink:visited, a.NewsTickerLink:hover
{
    color:#7e4c1f;
    font-family: Arial;
    font-size:14px;
    font-weight:bold;
    padding-top:6px;
}

.NewsTickerText
{
    margin-right:12px;
}

.FooterText, a.FooterLink, a.FooterLink:visited, a.FooterLink:hover
{
    color:#747272;
    font-family: Arial;
    font-size:11px;
    font-weight:normal;
    letter-spacing: 1px;
}

/***ANCHOR LINK STYLES***/

.HeaderLinks
{
    outline:none;
}

.BlogTitleText, a.BlogTitleLink, a.BlogTitleLink:visited, a.BlogTitleLink:hover
{
    color:#3c2411;
    font-size:16pt;
    font-style:italic;
    font-weight:bold;
}

a.GenericLink, a.GenericLink:visited, a.GenericLink:hover
{
    font-size:14px;
    font-weight:bold;
}

a.RedLink, a.RedLink:visited, a.RedLink:hover, a.RedLinkBold, a.RedLinkBold:visited, a.RedLinkBold:hover, a.BigRedLink, a.BigRedLink:visited, a.BigRedLink:hover
{
    color:#d2232a;
    font-style:italic;
}

a.RedLink, a.RedLink:visited, a.RedLink:hover, a.RedLinkBold, a.RedLinkBold:visited, a.RedLinkBold:hover
{
    font-size:12px;
}

a.RedLinkBold, a.RedLinkBold:visited, a.RedLinkBold:hover
{
    font-weight:bold;
}

a.BigRedLink, a.BigRedLink:visited, a.BigRedLink:hover
{
    font-size:21px;
    font-weight:bold;
}

a.BlogTitleLink, a.BlogTitleLink, a.GenericLink, a.GenericLink:visited, a.FooterLink, a.FooterLink:visited, a.NewsTickerLink, a.NewsTickerLink:visited, a.RedLink, a.RedLink:visited, a.RedLinkBold, a.RedLinkBold:visited, a.BigRedLink, a.BigRedLink:visited
{
    text-decoration:none;   
}

a.BlogTitleLink:hover, a.GenericLink:hover, a.FooterLink:hover, a.NewsTickerLink:hover, a.RedLink:hover, a.RedLinkBold:hover, a.BigRedLink:hover
{
    text-decoration:underline;
}

/*** FORM STYLES ***/

.formTextBoxZipCode, .formTextBoxZipCodeActive
{
    width:95px;
    height:18px;
    font-size:12px;
    vertical-align:bottom;
    letter-spacing:-0.4px;
}

.formTextBoxZipCode
{
    color: #bd8766;
    font-weight: normal;
}

.formTextBoxZipCodeActive
{
    color: #000000;
    font-weight: normal;
}

.whatsnew{
	font-weight: normal;
	font-style: italic;
	font-family:Georgia, Times New Roman;
}

.SidebarLink
{
	font-size:14px;
    font-weight:normal;
    margin-bottom:5px;
    line-height: 22px;
}
a.SidebarLink
{
	color: #a05722;
	text-decoration: none;
}
a.SidebarLink:hover
{
	color: #a05722;
	text-decoration: underline;
}
a.SidebarLink:visited
{
	/*color: #2c1b0f;*/
}

.searchZipArrow
{
	cursor: pointer;
	padding: 5px 5px 5px 0px;
}