/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin */
/* the default spacing on headings does not match nor align with
normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/* nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */

address { font-style:normal }



/*############### Overall Section ###############*/

body{background-color:#B5BDA6; font-family:Tahoma; font-size:12px; text-align:center; margin:0px; padding:0px; color:#000000;}

body.greybox{background: white;}

a{color:#623B49;}
a:hover{text-decoration:none;}


h2{color:#455A20; font-weight:normal; font-size:25px; margin-bottom:1em;}
h2.FloatLeft {float:left;}
.EnteredDate{color:#455A20; font-weight:normal; font-size:20px;}
h3{color:#455A20; font-weight:normal; font-size:14px;}
h4{color:#455A20; font-weight:normal; text-transform:uppercase;}

p{margin:8px 0px;}

.SmallText{color:#808080; font-size:11px;}

.ContentRight{float:right;}

.LinkImage{margin:0px 4px;}

h2, h3, h4, #SideNav,.SecondNav,.EnteredDate{font-family:Georgia;}

#ContainerWrapper{width:970px; margin:0 auto; background:url('/app/design/images/main_shdw_repeat.gif') top repeat-y;}

#Container{margin:0px 5px;width:960px; text-align:left;}


form .TextField{padding:3px 3px 0px 3px; float:left; background:url('/app/design/images/search_bar_repeat.gif') top left repeat-x; border:0px; border-left:1px solid #C2B9BA; border-bottom:1px solid #C2B9BA; height:19px; width:135px;}

form .TextFieldTall{height:21px; width:30px; background:url('/app/design/images/field_repeat.gif') top left repeat-x; border-right:1px solid #C2B9BA;}

/*############### Header Section ############### */
#Header{width:960px; height:116px;}
.Header1{background:url('/app/design/images/headers/header01.jpg') top left no-repeat;}
.Header2{background:url('/app/design/images/headers/header02.jpg') top left no-repeat;}
.Header3{background:url('/app/design/images/headers/header03.jpg') top left no-repeat;}

.HeaderLogo{float:right; margin:20px 20px 0px 0px; clear:right;}
.HeaderLogoInner{float:right; margin:10px 20px 0px 0px; clear:right;}

/* Top Nav */
.TopNav ul{float:left;list-style:none; margin:75px 0px 0px 0px; padding:0px;}
.TopNav ul li{border-top:1px solid #DCC7B7; border-right:1px solid #DCC7B7;float:left; height:40px;}


/* User Nav */
ul.UserNav{color:#455A20; list-style:none; float:right; margin:0px 18px 0px 0px; font-size:11px;}
ul.UserNav a, ul.UserNav .a{color:#455A20; text-decoration:none; margin:2px 5px; float:left;}
ul.UserNav a:hover{text-decoration:underline;}

ul.UserNav li{float:left; border-left:1px solid #D2D2D2; height:20px;}
ul.UserNav li.First{border:0px;}



/*############### Main Area ###############*/


/* Second Top Nav */
/* Navigation */
#SecondTopNav{width:960px;height:30px; margin-bottom:10px;border-top:1px solid #BF9678;}

ul.SecondNav{list-style:none; margin-left:10px; float:left; display:inline;}
ul.SecondNav li{float:left;border-right:1px solid #BE8456; height:29px; color:#FFFFFF; display:inline;}
ul.SecondNav li a, ul.SecondNav li .a{text-decoration:none;height:29px; display:block;}
ul.SecondNav li span{padding-top:5px;display:block; margin:0px 5px;}

ul.SecondNav li.Selected a, ul.SecondNav li a:hover{background:url('/app/design/images/sub_tab_on.gif') top left repeat-x;}

/* Search Form */
#SecondTopNav form{float:right; margin:3px 15px 0px 0px;}

/* Content Area */

#MainArea{background:url('/app/design/images/sub_fade_repeat.gif') top repeat-x;}

.LargeCart{float:left; margin:5px 0px 0px 10px;}

.BackLink{float:right; padding-left:12px; background:url('/app/design/images/arrow_left.gif') left no-repeat; margin:2px 5px 0px 0px;}

#Content{width:770px; float:left;  position:relative; z-index:1; margin-left:5px;}


#SmallContent{width:593px; background:url('/app/design/images/product-shdw_repeat04.png') top repeat-y; float:right; text-align:left;}
#FullContent{width:765px; background:url('/app/design/images/content_wide_repeat.png') top repeat-y; text-align:left; float:right;margin-bottom:90px;}

#InnerContentWrapper{margin:0px 6px 0px 5px; float:left; border:1px solid #D4D0D1;}

#SmallContent #InnerContentWrapper{width:581px;background:url('/app/design/images/top_fade_repeat.gif') top repeat-x;  }
#SmallContent .ContentHeader{margin:10px 15px; float:left;background:url('/app/design/images/top_fade_repeat.gif') top repeat-x; width:547px;}

#FullContent #InnerContentWrapper{width:753px;}
#FullContent .ContentHeader{background:url('/app/design/images/top_fade_repeat.gif') top repeat-x;  width:747px; margin:3px 3px 0px 3px; float:left;}

#SmallContent #InnerContent{width:583px; float:left;}

#FullContent #InnerContent{ float:left; width:747px; margin:3px; background:transparent url('/app/design/images/top_fade_repeat.gif') repeat-x scroll center top;}

#Content #FullContent .InnerContentPadded{margin:10px; width:727px;}

#FullContent .PlainPage #InnerContent {padding: 20px; width: 707px;}

#InnerContent table{width:100%;}

#InnerContent .BrandList{list-style:none; float:left; padding-bottom:10px;}

#InnerContent .BrandList li{ width:270px; font-size:14px; display:block; margin:10px 0px; float:left;}


.TitleLine{border-top:1px solid #C7B4AA;clear:both; position:relative; top:-14px;}

.AcctInfoLabel{clear:left; text-align:right; color:#808080; width:130px; display:block; margin:5px 0px; float:left;}

.AcctInfo{float:left; margin:5px 0px 5px 10px;}

.EmptyContent{margin-left:20px; padding-bottom:20px;}

/*Tables*/
tr.Dark{background-color:#FDF6EE;}
tr.TableHeaders{background-color:#EFCA9D;}
tr.TableHeaders th{border:0px; padding:3px;}

tr td{padding:3px;}

.ListIcon{margin:2px -7px 2px 10px;}
.Remove{float:left; clear:left; margin-bottom:10px; position:relative; top:-6px;}

.TablePlaceHolder{clear:left; float:left; margin-bottom:10px; width:5px; height:22px;}

/* Content Header */
.ContentHeader h2{float:left; margin:10px 0px 0px 15px;}

.ContentHeader .ShowingOnly{float:right; margin:5px 15px 0px 0px;}

.ContentHeader .ShowingOnly img{vertical-align: middle; xmargin:7px 0px -7px 0px;}


/* Content Nav */
.ContentNav{float:right; width:595px; text-align:center; /*color:#623B49;*/}
.ContentNav .ContentRight{color:#808080; margin-right:10px;}
.ContentNav .PageNavigation{float:left;height:20px; margin-top:25px; width:100%;text-align:center;}

/* Your Search Did Not Return Any Results */
.Notice {margin:0 30px; line-height:2em;padding-bottom:1em;}
.Notice ul {list-style-position:outside; color:#000;}
.Notice ul li {margin-left:15px;}


/*############### SideNav ###############*/
#SideNav{width:175px; }
#SideNav ul{list-style:none; margin:0px 0px 100px 0px; width:182px; }
#SideNav ul li {margin: 0;}
#SideNav ul li a{text-decoration:none; display:block;width:179px;}
#SideNav ul li a:hover{cursor:pointer;}

#SideNav #Brands li a{width:161px;}
#SideNav #Brands  .Submenu li a{width:172px;}

#SideNav ul li.current a, #SideNav ul li a:hover{background-color:#E4BF8D;}
#SideNav ul li a span{padding:3px 0px; margin:0px 0px 0px 7px;display:block; overflow:hidden;}

#SideNav .heading{font-size:14px; padding:1px 0 1px 21px;display:block; margin:5px 0px;}
#SideNav #Brands .HeadingLI{border-top:1px solid #CFBCAB; margin-left:-5px; padding-left:5px; width:181px; }

#SideNav h4 {margin-left:10px; margin-bottom:10px;}


#SideNav li {padding-left: 3px; margin: 4px 0;}
#SideNav #Brands li {margin:0;padding:0;}
#SideNav #Brands li ul li {padding-left: 10px; margin: 4px 0;}
#SideNav h3, #Sidebar h3 {margin: 1em 0 0.2em 0;}
#Sidebar ul {list-style: none;}
#Sidebar li {margin: 4px 0;}



li a.Menu {text-decoration:none; background: url('/app/design/images/nav_arrow_left.gif') 7px 5px no-repeat; padding-left:21px;}
li a.Menu.Selected {background-image:url('/app/design/images/nav_arrow_down.gif');}
li .SidebarDivider {width:186px; margin-top:5px;}


/*############### Product ###############*/

.EnteredDate{clear:left; width:567px; float:left; margin-left:10px;}

.EnteredDateSpacer{margin-top:20px;}


/* product */

.Product{height:335px; width:193px; background: url('/app/design/images/product_fade_repeat.gif') bottom left repeat-x; border-right: 1px solid #D4D0D1; border-bottom:1px solid #D4D0D1; float:left; margin-bottom:-1px;}

.ProductContent{margin:8px; float:left;}

.Product .Brand{display:block;}

.Product .Title{font-size:14px; line-height:15px; height: 2.1em; display: block;}


/* product image */
.Product .Image{background-color:#FFFFFF; display:block; margin:2px 0px; float:left; position:relative; border:1px solid #D4D0D1; text-align:center; width:173px}

.Product .Image:hover{background-color:#D4D0D1;}

.Product .Image .Van, .Product .Image .Special, .Product .Image .New{position:absolute; float:left;}

.Product .Image .Van{bottom:10px; left:128px;}

.ShoppingList .ProductImageWrap{position:relative; float:left;}
.ShoppingList .ProductImageWrap .Van{position:absolute; bottom:10px; left:120px;}

.Product .Image .Special{top:0px; left:130px;}

.Product .Image .New{top:0px; left:0px;}

.Product .Image .ProductImage{margin:4px; float:left; margin-bottom:0px; padding-bottom:4px;}


.ShoppingList .SaleText, .Product .SaleText{color:#BF0000; font-size:11px;}

/* product form */
.Product form {float:left; margin:2px 0px 5px 0px; width:161px;}

.Product form .Price{font-weight:bold; font-size:17px;}
.Product form .Price.NoRadio{ margin-left:23px;}

.Product form .OldPrice{color:#808080; text-decoration:line-through; font-weight:bold; font-size:13px; margin:0px 3px;}

.Product form .RadioButton{margin:5px 2px -1px 4px;}

.Product form .SmallText{display:block; margin-left:23px; margin-top:-2px;}

.Product form .Center{ margin:4px 5px 4px 5px; float:left;}

.Product form .FormSpacer{clear:both; height:5px;}

.Product form .CannotShip{text-align:center; background-color:#F1D7B6; padding:3px;}
.Product form div.CannotShip{border:1px solid #CFBCAB; margin-top:3px; font-size:90%;}

/*############## Product fullview #######*/
body.greybox {background: white url('/app/design/images/bkgnd_fade_repeat.gif') top repeat-x;}
#GB_ContainerWrapper{text-align:left;}
#GB_Container {width:760px; margin:0 auto; background:none;}
#GB_MainArea {background:none;}
.greybox .Product {width:750px; background: none; border: none;}
.greybox span.Brand.SmallText {display:block;}
.greybox .Product .ProductImageBorder {border:1px solid #D4D0D1;float:left; margin-bottom:15px; width: 352px; text-align: center;}
.greybox .Product img.ProductImage {border:10px solid #FCF9F2;}
.greybox .Product img.Van {float:right; position:relative; top:-32px; left:-42px; margin-bottom:-28px;}
.greybox .Product .BasicInfo {float: left; width:395px;}
.greybox .Product .BasicInfo p {margin: 0.5em 0;}
.greybox .NutritionalPanel {width: 300px; margin-left: 395px;}
.greybox .Product h1 {font-size: 2em; margin-bottom: 0.5em;}
.greybox .Product h4 {font-weight:bold; margin-top:15px;}
.greybox .Product form { margin:0 0 18px 0; }
.greybox table {border-collapse:collapse; width:374px;}
.greybox table tr td {margin:0; padding:0; text-align:left; }
.greybox .Product .Flags {display:block; float:left; margin:0 0 2px 0;}
.greybox .Product .Flags .ProductFlag {margin-right:1px;}
//.greybox .Product form label {margin-right:5px;}
.greybox .Product form label span.OldPrice{display:block;}
.greybox .Product form label span.Price{margin:0 2px 0 0;}
.greybox .Product form label span.Qty{display:block; margin:4px 5px 0pt 3px;}
.greybox .Product form label span.SmallText{float:left; position:relative; left:-22px; margin-right:-22px; white-space:nowrap;}
.greybox .Product form input.RadioButton{margin:6px 3px 0 0;}
.greybox .Product .FormSpacer {border-top:1px solid #888; clear:both; margin:8px 21px 0 0;}
.greybox .Product .FormSpacer.Btm {margin:15px 21px 7px 0;}

.NutritionalPanel {background: white; border: 1px solid black; padding: 5px; font-family: Arial, Helvetica, sans-serif}
.NutritionalPanel h2 {color: black; font-family: Arial, Helvetica, sans-serif;}
.NutritionalPanel table {width: 100%; border-spacing: 0; border-collapse: collapse;}
.NutritionalPanel td, .NutritionalPanel th {border-bottom: 1px solid;}
.NutritionalPanel th {font-size: 85%;}
.NutritionalPanel td.indent {padding-left: 15px;}
.NutritionalPanel tr.noborder td {border: none}
.NutritionalPanel hr.major {border: 5px solid black;}
.NutritionalPanel hr.minor {border: 3px solid black; margin :0;}
.NutritionalPanel .Ingredients {text-transform: uppercase; text-align: justify; margin-top: 5px;}

/*############### Sidebar ###############*/

/* #Sidebar{width:190px;} */
 #Sidebar{width:180px; position:relative;float:left;} 

.SidebarContent{margin:15px 5px 0px 5px; float:left; padding-bottom:15px;}

.CartContent{background-color:#F1D7B6; margin:0px 0px 0px -5px; position:relative; z-index:0; float:left; width:190px;}

.SidebarDivider{border-top:1px solid #CFBCAB; margin:0px 0px 0px -5px; position:relative; z-index:0; float:left; width:190px; font-size:0px; height:0px; line-height:0px;}
#SideNav .SidebarDivider {float:none; width:186px;}

.SidebarContent ul{text-transform:uppercase; list-style:none; font-family:Georgia;}

.CartContent .SidebarContent ul{text-transform:none; font-family:Tahoma;}

.SidebarContent ul li a{text-decoration:none;display:block;width:179px; /*height:20px;*/ margin-left:-10px; padding-bottom:2px;}
.CartContent .SidebarContent ul li a{margin-left:-5px;}

.SidebarContent ul li a:hover{background-color:#E4BF8D;}

.SidebarContent ul li a span{padding-top:3px; margin:0px 0px 0px 7px;display:block;}



/* Search Form */
#Sidebar form select {float:left; margin:0; padding:0; height:21px;}
#Sidebar form .SearchButton{margin:0px 0px 0px 6px; padding:0;}


/* Show Only */
.ShowOnly {margin-bottom:10px;}
.ShowOnly input{margin-right:8px;}
.ShowOnly img{margin:8px 3px -7px 0px;}


/* Cart Content */
.CartContent h4{margin-bottom:5px;}

.CartContent form{float:left;}

.CartContent label, 
.CartContent #CartSubtotal{margin-top:15px;float:left;}

.CartContent #CartSubtotal{margin:12px 0px 0px 5px; width:115px;}

.CartOptions{margin:8px 0px 12px 0px; float:left;}

.CartContent .CheckoutButton{float:left;}



.VanLegend{margin:4px 0px -4px 0px;}



/*############### Footer ###############*/

#Footer{ text-align: left; width: 970px; margin: 0 auto;}
#FooterInfo{color: #4d4d4d; padding-top: 15px; padding-bottom: 15px;}
#Footer .bullet {color: #d0d6c7;}

.FooterLogo{width: 187px; border-top: 1px solid #DDDDDD; top:-87px; position:relative;}
.FooterLogo .design {margin: 8px 16px 10px; float: left; color: #455a20; }
.break{clear:both;}

/*############### Blog #################*/
.post {padding: 20px;}
.blog ul, .blog ol {padding-left: 20px;}
.blog p {margin: 0.5em 0;}

#BlogSidebarRight ul li{text-transform:none; color:#623B49;}
#BlogSidebarRight ul li a{text-decoration:underline;}
#BlogSidebarRight ul li aLhiver{text-decoration:none;}

#BlogSidebarRight .SidebarDivider{margin:10px 0px 10px -10px;}


#BlogSidebarRight ul li a, #BlogSidebar ul li a{padding:3px 5px 3px 10px; width:167px;}

#BlogSidebarRight ul li, #BlogSidebar ul li {padding:0px;}

#BlogSidebar .SidebarDivider{display:none;}

#BlogSidebar ul li ul li a{padding-left:15px; width:162px;}
#BlogSidebar ul li ul li ul li a{padding-left:20px; width:157px;}
#BlogSidebar ul li ul li ul li ul li a{padding-left:25px; width:152px;}

#BlogSidebarRight .SidebarContent, #BlogSidebar .SidebarContent{margin-top:-5px;}
#BlogSidebarRight .SidebarContent h3, #BlogSidebar .SidebarContent h3{font-weight:bold; text-transform:uppercase; margin-top:1.2em;}

#BlogSidebar .SidebarContent ul li a{padding-left:10px; width:167px; margin-left:-10px; /*padding-bottom:0px;*/}


.navigation{margin:10px 10px 0px 10px; padding-bottom:10px; text-align:center; clear:left; float:left; width:545px;}

.navigation .alignleft{float:left;}

.navigation .alignright{float:right;}


#respond{margin:20px 0px 10px 0px;}

#comments{margin-top:20px;}

ol.commentlist li{margin:5px 0px;}

#comment{width:420px;}

#commentform p{margin-bottom:8px;}

#InnerBlogContent{margin:8px;}

/*############### Log In #################*/

.ErrorMessages{padding:10px; color:red;}

.Edit, .Login{margin:0px 0px 0px 20px; padding-bottom:20px; float:left;}

.Edit .Clear{clear:left; float:left; margin:10px 0px 0px 130px;}

.Login label{clear:left; float:left; margin-top:10px;}
.Login input{clear:left; float:left;}

.Register{margin:10px; margin-bottom:0px; padding-bottom:10px; display:block; float:left; clear:left;}

form span.Cancel{float:left; margin:4px;}

#loginform{width:400px; float:left;}

.ResetPassText{clear:left; float:left; margin-top:20px;}

/*############### Forms #########################*/
.input_element {margin: 1em 0;}
.imagebutton {vertical-align: middle; margin: 3px 0; }

/*############### Shopping List #################*/
.ShoppingList{float:left;}
.ShoppingList tr td span.Flags img, .ShoppingList tr td img{float:left;}
.ShoppingList tr td span img{float:none;}
.ShoppingList tr td .ItemInfo{float:left; margin-left:5px;}

.ShoppingList .Price{font-weight:bold; font-size:14px; float:left; clear:left; margin-bottom:10px; height:22px;}


.ShoppingList .OldPrice{color:#808080; text-decoration:line-through; font-weight:bold; font-size:14px; margin:0px -3px;}

.ShoppingList .QtyColumn input{float:left;  width:20px;margin-bottom:10px; background:url('/app/design/images/search_bar_repeat.gif') top left repeat-x; border:0px; border-left:1px solid #C2B9BA; border-right:1px solid #C2B9BA; border-bottom:1px solid #C2B9BA; height:19px; padding:3px 3px 0px 3px;}
.ShoppingList .Flag{margin:3px 1px 0px 1px;}

.InformationBlock{background-color:#EFCA9D; font-size:14px; height:20px; padding:5px 10px 3px; width:707px; float:left;}
.InformationBlockTextRight{ text-align:right;}
.InformationBlockAllBold{font-weight:bold;}
.InformationBlockCentered{text-align:center; width:541px; margin:10px 10px -10px 10px; height:40px;}
.InformationBlockLong{width:707px; margin:0px 0px 5px 0px;}


.InformationBlock .Price{font-weight:bold; font-size:14px;}


.ShoppingList .RemoveColumn{width:50px;}
.ShoppingList .TotalColumn{width:50px;}
.ShoppingList .QtyColumn{width:30px;}
.ShoppingList .PriceColumn{width:95px;}
.ShoppingList .ItemColumn{width:475px;}
 

/*############### Checkout #################*/
.sideinfo {float: right; width: 45%; position: relative; margin-right: 70px}
.delivery_type {clear: left; border: 1px solid #CCC; float: left; width: 100%; padding: 12px; margin: 0.5em 0;}
.delivery_type p {margin-left: 45%;}
.delivery_type label {font-size: 140%;}
.delivery_type img {margin: 0 20px;}




/*############### PageNotFound #################*/

.PageNotFound{margin:20px;}