html {
			background-color: #674ea7;
		}

		body {
			color:#444444;
		}

        		

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

		h1{
			color:#8600cc;
		}
		h2{
			color:#8600cc;
		}
		h3
		{
			color:#cc0000;
		}
		h4
		{
			color:#cc0000;
			margin: 10px 0px 2px 0px;
		}

		legend {
			color: #cc0000;
		}

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

        .cart-text{
            color:#ffffff;
            text-shadow: -1px 0 #660000, 0 1px #660000, 1px 0 #660000, 0 -1px #660000;
        }
		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: #660000;
		}
		nav a:hover{
			background-color:#f4cccc;
		}


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

		footer {
			background-color: #674ea7;
			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: #cc0000;
			background: -webkit-gradient(linear, left top, left bottom, from(#D11919), to(#cc0000)); 
			background: -moz-linear-gradient(top,  #D11919,  #cc0000);
			background: -o-linear-gradient(top, #D11919 0%,#cc0000 100%); 
			background: -ms-linear-gradient(top, #D11919 0%,#cc0000 100%);
			background: linear-gradient(to bottom, #D11919 0%,#cc0000 100%); 
		}

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

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

		.actionButton:hover {
			background: #D11919;
			background: linear-gradient(to bottom, #D53030 0%,#D11919 100%);  
		}

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


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

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

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

        
		
		
        .breakout-panel:nth-child(odd) {
            background: #a9cc00;
            color: #444444;
        }
        .breakout-panel:nth-child(odd) h3{
            color: #ffffff;
        }
        .breakout-panel:nth-child(odd)  .read-more { 
            background-image: linear-gradient(transparent 0%, #a9cc00 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;
                            }
         }