html {
			background-color: #396e90;
		}

		body {
			color:#000000;
		}

        
			html
			{
				/*background: linear-gradient(transparent, 30%,#396e90), url("https://www.luluslocalfood.com/Picture/background(1200,281)/19317.jpg"); */

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

		
            header .content-wrapper
			{
				background-image:url("https://www.luluslocalfood.com/Picture/Logo(100,100)/19318.jpg");
				/*height:250px;*/
                background-position: center;
                background-position: center calc(50% + 20px); 
                background-size: auto 70%; 
                 padding-bottom: 20.83333%;
			}
        		

		h1{
			color:#396e90;
		}
		h2{
			color:#396e90;
		}
		h3
		{
			color:#89b085;
		}
		h4
		{
			color:#89b085;
			margin: 10px 0px 2px 0px;
		}

		legend {
			color: #89b085;
		}

        
        /*#TopNav{
            background-color: #ffffff !important;
            border-bottom:2px solid #FFFFFF !important;
        }    */    
        .circle{
            background-color: rgba(255, 255, 255, 0.9);
            color: #396e90;
        }
        .circle:hover{
            background-color: #ffffff;
        }

        .cart-text{
            color:#ffffff;
            text-shadow: -1px 0 #396e90, 0 1px #396e90, 1px 0 #396e90, 0 -1px #396e90;
        }
		nav{
			background-color: rgba(255, 255, 255, 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(255, 255, 255, 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: #396e90;
		}
		nav a:hover{
			background-color:#ffffff;
		}


        .nav-toggle {
			background-color: rgba(255, 255, 255, 0.9) !important;
			border-color: #396e90  !important;
		}
        .nav-toggle .icon-bar{
            color: #396e90  !important;
            background-color: #396e90  !important;
        }

		footer {
			background-color: #396e90;
			color:#ffffff;
		}

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

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

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

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

		.actionButton:hover {
			background: #4C7C9B;
			background: linear-gradient(to bottom, #5D89A5 0%,#4C7C9B 100%);  
		}

		.actionButton:active {
			color: #ffffff;
			background: linear-gradient(to bottom, #396e90 0%,#4C7C9B 100%);
		}


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

		.menuButton:hover {
			background: #4C7C9B;
			background: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);  
		}

		.menuButton:active {
			color: #396e90;
			background: linear-gradient(to bottom, #ffffff 0%,#FFFFFF 100%);
		}

        
		
		
        .breakout-panel:nth-child(odd) {
            background: #396e90;
            color: #ffffff;
        }
        .breakout-panel:nth-child(odd) h3{
            color: #89b085;
        }
        .breakout-panel:nth-child(odd)  .read-more { 
            background-image: linear-gradient(transparent 0%, #396e90 90%);
        }
        @media only screen and (max-width: 965px) {
             nav
            {
                /* Color change to semi-opaque  */
                background: rgba(255, 255, 255, 0.9);
            }
            
            
                            header .content-wrapper
                            {
                                background-size: auto 80% !important; 
                                background-position: center center !important;
                                min-height:80px;
                            }
         }