html {
			background-color: #c5e8ef;
		}

		body {
			color:#666666;
		}

        
			html
			{
				/*background: linear-gradient(transparent, 30%,#c5e8ef), url("https://luluslocaleast-deployment.azurewebsites.net/Picture/background(1200,501)/18995.jpg"); */

                background: url("https://luluslocaleast-deployment.azurewebsites.net/Picture/background(1200,501)/18995.jpg"); 
                background-size: contain;
                background-repeat: no-repeat;
                background-position: top;
                background-attachment: fixed;
			}
				

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

		h1{
			color:#204851;
		}
		h2{
			color:#204851;
		}
		h3
		{
			color:#3f909f;
		}
		h4
		{
			color:#3f909f;
			margin: 10px 0px 2px 0px;
		}

		legend {
			color: #3f909f;
		}

        
        /*#TopNav{
            background-color: #3f909f !important;
            border-bottom:2px solid #FFFFFF !important;
        }    */    
        .circle{
            background-color: rgba(63, 144, 159, 0.9);
            color: #ffffff;
        }
        .circle:hover{
            background-color: #3f909f;
        }

        .cart-text{
            color:#3f909f;
            text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
        }
		nav{
			background-color: rgba(63, 144, 159, 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(63, 144, 159, 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: #ffffff;
		}
		nav a:hover{
			background-color:#3f909f;
		}


        .nav-toggle {
			background-color: rgba(63, 144, 159, 0.9) !important;
			border-color: #ffffff  !important;
		}
        .nav-toggle .icon-bar{
            color: #ffffff  !important;
            background-color: #ffffff  !important;
        }

		footer {
			background-color: #c5e8ef;
			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: #3f909f;
			background: -webkit-gradient(linear, left top, left bottom, from(#529BA8), to(#3f909f)); 
			background: -moz-linear-gradient(top,  #529BA8,  #3f909f);
			background: -o-linear-gradient(top, #529BA8 0%,#3f909f 100%); 
			background: -ms-linear-gradient(top, #529BA8 0%,#3f909f 100%);
			background: linear-gradient(to bottom, #529BA8 0%,#3f909f 100%); 
		}

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

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

		.actionButton:hover {
			background: #529BA8;
			background: linear-gradient(to bottom, #63A5B0 0%,#529BA8 100%);  
		}

		.actionButton:active {
			color: #ffffff;
			background: linear-gradient(to bottom, #3f909f 0%,#529BA8 100%);
		}


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

		.menuButton:hover {
			background: #529BA8;
			background: linear-gradient(to bottom, #3f909f 0%,#3f909f 100%);  
		}

		.menuButton:active {
			color: #ffffff;
			background: linear-gradient(to bottom, #3f909f 0%,#65A6B2 100%);
		}

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