html {
			background-color: #cebea5;
		}

		body {
			color:#222222;
		}

        
			html
			{
				/*background: linear-gradient(transparent, 30%,#cebea5), url("https://trulyscrumptious.luluslocalfood.com/Picture/background(1200,501)/45823.jpg"); */

                background: url("https://trulyscrumptious.luluslocalfood.com/Picture/background(1200,501)/45823.jpg"); 
                background-size: contain;
                background-repeat: no-repeat;
                background-position: top;
                background-attachment: fixed;
			}
				

		
			header{
                width: 100%;
                margin: auto;
            }
            header .content-wrapper
			{
                width:100%;
                padding-bottom: 41.66666%;
			}
				

		h1{
			color:#000000;
		}
		h2{
			color:#000000;
		}
		h3
		{
			color:#4c205a;
		}
		h4
		{
			color:#4c205a;
			margin: 10px 0px 2px 0px;
		}

		legend {
			color: #4c205a;
		}

        
        /*#TopNav{
            background-color: #d9ead3 !important;
            border-bottom:2px solid #FFFFFF !important;
        }    */    
        .circle{
            background-color: rgba(217, 234, 211, 0.9);
            color: #1d1b1b;
        }
        .circle:hover{
            background-color: #99ca3f;
        }

        .cart-text{
            color:#d9ead3;
            text-shadow: -1px 0 #1d1b1b, 0 1px #1d1b1b, 1px 0 #1d1b1b, 0 -1px #1d1b1b;
        }
		nav{
			background-color: rgba(217, 234, 211, 0.9);
			/*border-top:2px solid rgba(255, 255, 255, 0.9);
			border-bottom:2px solid rgba(255, 255, 255, 0.9);*/
             
                            position: fixed;
                            top:0;
                            height: 45px;
		}
        #AccountTopMenu ul
        {
            /* Color change to semi-opaque  */
            background-color: rgba(217, 234, 211, 0.9);
        }
        
		nav a:link, nav a:visited, nav a:hover, nav a:active, #TopNav a:link, 
        #TopNav a:visited, #TopNav a:hover, #TopNav a:active {
			color: #1d1b1b;
		}
		nav a:hover{
			background-color:#99ca3f;
		}


        .nav-toggle {
			background-color: rgba(217, 234, 211, 0.9) !important;
			border-color: #1d1b1b  !important;
		}
        .nav-toggle .icon-bar{
            color: #1d1b1b  !important;
            background-color: #1d1b1b  !important;
        }

		footer {
			background-color: #cebea5;
			color:#311f15;
		}

		footer a {
			color:#311f15 !important;
		}
		footer .lululogo a
		{
			background-image:url("/Content/images/LulusDarkSmaller.png");
		}
		/* Table style overrides*/

		table.tabular th{
			color:#ffffff;
			background: #538301;
			background: -webkit-gradient(linear, left top, left bottom, from(#648F1A), to(#538301)); 
			background: -moz-linear-gradient(top,  #648F1A,  #538301);
			background: -o-linear-gradient(top, #648F1A 0%,#538301 100%); 
			background: -ms-linear-gradient(top, #648F1A 0%,#538301 100%);
			background: linear-gradient(to bottom, #648F1A 0%,#538301 100%); 
		}

        
		a.linkButton{
			color: #ffffff !important;
		}

		.actionButton 
		{
			padding:4px;
			border-radius: 4px;
			color: #ffffff !important;
			border: solid 1px #538301;
			background: #538301;
			background: linear-gradient(to bottom, #648F1A 0%,#538301 100%); 
		}

		.actionButton:hover {
			background: #648F1A;
			background: linear-gradient(to bottom, #739A30 0%,#648F1A 100%);  
		}

		.actionButton:active {
			color: #ffffff;
			background: linear-gradient(to bottom, #538301 0%,#648F1A 100%);
		}


        .menuButton 
		{
			padding:4px;
			border-radius: 4px;
			color: #1d1b1b !important;
			border: solid 1px #d9ead3;
			background: #d9ead3;
			background: linear-gradient(to bottom, #E0EEDB 0%,#d9ead3 100%); 
		}

		.menuButton:hover {
			background: #648F1A;
			background: linear-gradient(to bottom, #d9ead3 0%,#99ca3f 100%);  
		}

		.menuButton:active {
			color: #1d1b1b;
			background: linear-gradient(to bottom, #d9ead3 0%,#E0EEDB 100%);
		}

        
		
		
        .breakout-panel:nth-child(odd) {
            background: #637679;
            color: #000000;
        }
        .breakout-panel:nth-child(odd) h3{
            color: #f1f6f7;
        }
        .breakout-panel:nth-child(odd)  .read-more { 
            background-image: linear-gradient(transparent 0%, #637679 90%);
        }
        @media only screen and (max-width: 965px) {
             nav
            {
                /* Color change to semi-opaque  */
                background: rgba(217, 234, 211, 0.9);
            }
            
            
         }