Exception in template (Designs/Dwsimple/_parsed/catalogue.parsed.cshtml): System.Net.WebException: The remote server returned an error: (503) Server Unavailable.
   at System.Net.HttpWebRequest.GetResponse()
   at CompiledRazorTemplates.Dynamic.feecefbfbfdcfeaa.ImageHeight()
   at CompiledRazorTemplates.Dynamic.feecefbfbfdcfeaa.InitGeneralSettings()
   at CompiledRazorTemplates.Dynamic.feecefbfbfdcfeaa.Execute()
   at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context)
   at RazorEngine.Razor.Parse[T](String razorTemplate, T model, String cacheName)
   at Dynamicweb.Rendering.Template.Output()
@using System
@using System.Globalization
@using System.Web
@using RazorEngine.Text
@using Dynamicweb.Modules.UserManagement;
@inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>

@using System.Text.RegularExpressions
@using System.Web


@functions{
	public class WrapMethods
	{
		//Gets the contrasting color
		public static string getContrastYIQ(string hexcolor)
	    {
	        if (hexcolor != "")
	        {
	            hexcolor = Regex.Replace(hexcolor, "[^0-9a-zA-Z]+", "");

	            int r = Convert.ToByte(hexcolor.Substring(0, 2), 16);
	            int g = Convert.ToByte(hexcolor.Substring(2, 2), 16);
	            int b = Convert.ToByte(hexcolor.Substring(4, 2), 16);
	            int yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;

	            if (yiq >= 128)
	            {
	                return "black";
	            }
	            else
	            {
	                return "white";
	            }
	        }
	        else
	        {
	            return "black";
	        }
	    }


	    //Truncate text
	    public static string Truncate (string value, int count, bool strip=true)
		{
			if (strip == true){
				value = StripHtmlTagByCharArray(value);
			} 
			
			if (value.Length > count)
			{
			    value = value.Substring(0, count - 1) + "...";
			}
		    
			return value;
		}


		//Strip text from HTML
		public static string StripHtmlTagByCharArray(string htmlString)
		{
			char[] array = new char[htmlString.Length];
			int arrayIndex = 0;
			bool inside = false;
		
			for (int i = 0; i < htmlString.Length; i++)
			{
				char let = htmlString[i];
				if (let == '<')
				{
				    inside = true;
				    continue;
				}
				if (let == '>')
				{
				    inside = false;
				    continue;
				}
				if (!inside)
				{
				    array[arrayIndex] = let;
				    arrayIndex++;
				}
			}
			return new string(array, 0, arrayIndex);
		}

		//Make the correct count of columns
		public static string ColumnMaker(int Col, string ScreenSize)
		{
			string Columns = "";	

			switch (Col)
			{
				case 1:
					Columns = "col-"+ScreenSize+"-12";
				break;

				case 2:
					Columns = "col-"+ScreenSize+"-6";
				break;

				case 3:
					Columns = "col-"+ScreenSize+"-4";
				break;

				case 4:
					Columns = "col-"+ScreenSize+"-3";
				break;

				default:
					Columns = "col-"+ScreenSize+"-3";
				break;
			}

			return Columns;
		}


		private string Custom(string firstoption, string secondoption)
		{
			if (firstoption == "custom")
			{
				return secondoption;
			}
			else
			{
				return firstoption;
			}
		}
	}
}
@helper MiniCart()
{

    <div class="dropdown-cart">
        @if (GetInteger("Ecom:Order.OrderLines.TotalProductQuantity") > 0)
        {
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="row">
                    <span class="cart-items">@Translate("You have", "You have")<strong class="products-counter"> @GetValue("Ecom:Order.OrderLines.TotalProductQuantity")</strong> @Translate("items in your cart", "items in your cart")</span>
                    <table class="table table-cart">
                        <tbody>
                            <tr>

                                <th>@Translate("Product", "Product")</th>
                                <th class="text-center">@Translate("Qty", "Qty")</th>
                                <th>@Translate("Total", "Total")</th>
                            </tr>


                            @foreach (LoopItem orderline in GetLoop("OrderLines").OrderByDescending(ol => ol.GetDate("Ecom:Order:OrderLine.Modified")).ToList().Take(5))
                            {

                                var image = orderline.GetString("Ecom:Product.ImageLarge.Clean");
                                string noImage = "/Files/Images/Ecom/missing_image.gif";

                                var prodlink = orderline.GetString("Ecom:Product.LinkGroup.Clean.PID");
                                var prodID = orderline.GetString("Ecom:Order:OrderLine.ProductNumber");

                                String[] prodlinkarray = orderline.GetString("Ecom:Product.LinkGroup.Clean.PID").Split('&');

                                var pageidtarget = @GetString("DwPageID");
                                prodlink = prodlinkarray[0].Replace(pageidtarget, "9078") + prodlinkarray[1] + "&ProductID=" + @orderline.GetValue("Ecom:Order:OrderLine.ProductID");
                                <tr>

                                    <td>
                                        @if (orderline.GetBoolean("Ecom:Order:OrderLine.IsProduct"))
                                        {
                                            <input type="hidden" name="" value="@prodID">
                                            <a href="@prodlink" style="color:black; padding:0px">
                                                @orderline.GetValue("Ecom:Order:OrderLine.ProductName")
                                            </a>
                                            <small>
                                                @{
                                                    string[] salesunits = orderline.GetString("Ecom:Product:Field.longsalesunits").Split(';');
                                                    foreach (string salesunit in salesunits)
                                                    {
                                                        if (salesunit.Split('#')[0].ToLower().Contains(orderline.GetString("Ecom:Order:OrderLine.UnitName").ToLower()))
                                                        {
                                                            @salesunit.Split('#')[1];

                                                        }
                                                    }
                                                }
                                            </small>
                                                    }
                                                    else if (orderline.GetBoolean("Ecom:Order:OrderLine.IsDiscount"))
                                                    {
                                            <text>@Translate("Rabat")</text>
                                        }

                                    </td>
                                    <td class="text-center">
                                        @if (orderline.GetBoolean("Ecom:Order:OrderLine.IsProduct"))
                                        {
                                            @orderline.GetString("Ecom:Order:OrderLine.Quantity")
                                        }
                                    </td>
                                    <td>
                                        <nobr>

                                            @orderline.GetValue("Ecom:Order:olPrice.PriceWithoutVATFormatted")


                                        </nobr>
                                    </td>
                                </tr>
                            }

                        </tbody>
                    </table>
                </div>
            </div>
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="row">
                    <div class="col-md-8">
                        @{
                            var cartid = @Pageview.Area.Item["CartI"];
                        }
                        <a href="Default.aspx?ID=@cartid&CartCmd=emptycart" class="btn btn-warning pull-left">@Translate("Empty cart", "Empty cart")</a>
                        
                    </div>
                    <div class="col-md-4">
                        <a href="Default.aspx?ID=@cartid" class="btn btn-xs btn-base pull-right submit-cart loadingdiv">@Translate("Proceed to checkout", "Proceed to checkout")</a>
                        <span class="clearfix"></span>
                    </div>
                </div>
                <div class="row">&nbsp;</div>
            </div>
    }
    else
    {
        <span class="cart-items">@Translate("Your shopping cart is empty.", "Your shopping cart is empty.")</span>
    }
    </div>
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>@GetValue("Title")</title>
@GetValue("MetaTags")
@GetValue("CopyRightNotice")

    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
    <meta name="robots" content="index, follow">

    @{
        string MetaDescription = GetString("Meta.Description");
        string MetaKeywords = GetString("Meta.Keywords");
    }

    
    


    <!-- Facebook Admin -->
    @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.FacebookCommendAdmin")))
    {
        string fbadmin = GetString("Item.Area.FacebookCommendAdmin");
        <meta property="fb:admins" content="@fbadmin">
    }

   	<!-- Google Tag Manager -->
    <script>
    (function (w, d, s, l, i) {
            w[l] = w[l] || []; w[l].push({
                'gtm.start':
                    new Date().getTime(), event: 'gtm.js'
            }); var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-M28MNN7');</script>
    <!-- End Google Tag Manager -->
      
    <!-- Essential styles -->
    <link rel="stylesheet" href="/Files/Templates/Designs/Dwsimple/css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" type="text/css">
    <!-- Mobile menu styles -->
    <link href="/Files/Templates/Designs/Dwsimple/css/jasny-bootstrap.min.css" rel="stylesheet" type="text/css" media="screen">
    <link href="/Files/Templates/Designs/Dwsimple/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <link href="/Files/Templates/Designs/Dwsimple/css/checkbox.min.css" rel="stylesheet">

    <!-- Favicon -->
    @{
        var favicon = @GetString("Item.Area.Favicon");
    }
    <link href="@favicon" rel="icon" type="image/png">

    <!-- Variables -->
    @{
        var attrValue = "";
        string currentpageid = GetString("DwPageID");
        string firstpageid = GetString("DwAreaFirstActivePageID");
        string loginpageid = GetString("Item.Area.SignInPageId");
        var loginshoppage = GetString("Item.Area.ShopID");
        var uidpage = GetString("Item.Area.AjaxUserID");
        string searchplaceholder = Translate("Search products", "Search products");
        string background = "";
        var cartid = GetValue("DwAreaCartPageID");
        string linkto = GetString("Item.Area.LinkTo_Kontrol");
        string imageto = GetString("Item.Area.IconTo_Kontrol");
        DateTime areaUpdated = (DateTime)Pageview.Area.get_Value("AreaUpdatedDate");
        string cssPath = HttpContext.Current.Server.MapPath("/Files/Templates/Designs/Dwsimple/css/DWGlobalStylesSite" + GetString("DwAreaID") + "_auto.min.css");
        DateTime lastWriteTime = System.IO.File.GetLastWriteTime(cssPath);
        bool writeCss = false;
        string css = String.Empty;
        var openmodal = "";
        var openmodalc = "";
        var modalstylec = "";
        var backgroundmodal = "modal-backdrop fade hide";
        var bodyclass = "";
        var request = HttpContext.Current.Request;
        var reguestdate = HttpContext.Current.Request.Params["date"];
        var modalstyle = "";
        var actionurl = "";
        if (areaUpdated > lastWriteTime)
        {
            writeCss = true;
        }

        string termsAndConditions = GetString("Item.Area.TermsAndConditionsID");
        string frontpageID = "8398";
        string myPages = "8472";
        string deliveryDays = "";

    }
    <!--FONT SETTINGS-->
    @functions{
	public class FontSettings
	{
		public class Logo 
		{
			public static string FontFamily { get; set; }
			public static string FontSize { get; set; }
			public static string FontWeight { get; set; }
			public static string Color { get; set; }
			public static string LineHeight { get; set; }
			public static string Casing { get; set; }
			public static string LetterSpacing { get; set; }
		}

		public class Slogan 
		{
			public static string FontFamily { get; set; }
			public static string FontSize { get; set; }
			public static string FontWeight { get; set; }
			public static string Color { get; set; }
			public static string LineHeight { get; set; }
			public static string Casing { get; set; }
			public static string LetterSpacing { get; set; }
		}

		public class H1
		{
			public static string FontFamily { get; set; }
			public static string FontSize { get; set; }
			public static string FontWeight { get; set; }
			public static string Color { get; set; }
			public static string LineHeight { get; set; }
			public static string Casing { get; set; }
			public static string LetterSpacing { get; set; }
		}

		public class H2
		{
			public static string FontFamily { get; set; }
			public static string FontSize { get; set; }
			public static string FontWeight { get; set; }
			public static string Color { get; set; }
			public static string LineHeight { get; set; }
			public static string Casing { get; set; }
			public static string LetterSpacing { get; set; }
		}
	
		public class Body
		{
			public static string FontFamily { get; set; }
			public static string FontSize { get; set; }
			public static string FontWeight { get; set; }
			public static string Color { get; set; }
			public static string LineHeight { get; set; }
			public static string Casing { get; set; }
			public static string LetterSpacing { get; set; }
		}
	}

	private void InitFontSettings()
	{
		//LOGO
		FontSettings.Logo.FontFamily = CustomFont(GetString("Item.Area.LogoFont.Font"), GetString("Item.Area.LogoFont.CustomFont"));
		FontSettings.Logo.FontSize = GetString("Item.Area.LogoFont.Size")+"px";
		FontSettings.Logo.FontWeight = CheckExistence(GetString("Item.Area.LogoFont.Weight"), "normal");
		FontSettings.Logo.LineHeight = CheckExistence(GetString("Item.Area.LogoFont.LineHeight"), "1");
		FontSettings.Logo.LetterSpacing = GetString("Item.Area.LogoFont.LetterSpacing") + "px";
        FontSettings.Logo.Casing = GetString("Item.Area.LogoFont.Casing");
        FontSettings.Logo.Color = GetString("Item.Area.LogoFont.Color.Color");


        //SLOGAN
		FontSettings.Slogan.FontFamily = CustomFont(GetString("Item.Area.LogoSloganFont.Font"), GetString("Item.Area.LogoSloganFont.CustomFont"));
		FontSettings.Slogan.FontSize = GetString("Item.Area.LogoSloganFont.Size")+"px";
		FontSettings.Slogan.FontWeight = CheckExistence(GetString("Item.Area.LogoSloganFont.Weight"), "normal");
		FontSettings.Slogan.LineHeight = CheckExistence(GetString("Item.Area.LogoSloganFont.LineHeight"), "1");
		FontSettings.Slogan.LetterSpacing = GetString("Item.Area.LogoSloganFont.LetterSpacing") + "px";
        FontSettings.Slogan.Casing = GetString("Item.Area.LogoSloganFont.Casing");
        FontSettings.Slogan.Color = GetString("Item.Area.LogoSloganFont.Color.Color");


		//HEADINGS
		FontSettings.H1.FontFamily = CustomFont(GetString("Item.Area.HeadingsH1.Font"), GetString("Item.Area.HeadingsH1.CustomFont"));
		FontSettings.H1.FontSize = GetString("Item.Area.HeadingsH1.Size")+"px";
		FontSettings.H1.FontWeight = CheckExistence(GetString("Item.Area.HeadingsH1.Weight"), "normal");
		FontSettings.H1.LineHeight = CheckExistence(GetString("Item.Area.HeadingsH1.LineHeight"), "1");
		FontSettings.H1.LetterSpacing = GetString("Item.Area.HeadingsH1.LetterSpacing") + "px";
        FontSettings.H1.Casing = GetString("Item.Area.HeadingsH1.Casing");
        FontSettings.H1.Color = GetString("Item.Area.HeadingsH1.Color.Color");
        
        FontSettings.H2.FontFamily = CustomFont(GetString("Item.Area.HeadingsH2.Font"), GetString("Item.Area.HeadingsH2.CustomFont"));
        FontSettings.H2.FontSize = GetString("Item.Area.HeadingsH2.Size")+"px";
        FontSettings.H2.FontWeight = CheckExistence(GetString("Item.Area.HeadingsH2.Weight"), "normal");
        FontSettings.H2.LineHeight = CheckExistence(GetString("Item.Area.HeadingsH2.LineHeight"), "1");
        FontSettings.H2.LetterSpacing = GetString("Item.Area.HeadingsH2.LetterSpacing") + "px";
        FontSettings.H2.Casing = GetString("Item.Area.HeadingsH2.Casing");
        FontSettings.H2.Color = GetString("Item.Area.HeadingsH2.Color.Color");
        

		//BODY
		FontSettings.Body.FontFamily = CustomFont(GetString("Item.Area.BodyFont.Font"), GetString("Item.Area.BodyFont.CustomFont"));
		FontSettings.Body.FontSize = GetString("Item.Area.BodyFont.Size") + "px";
		FontSettings.Body.FontWeight = CheckExistence(GetString("Item.Area.BodyFont.Weight"), "normal");
        FontSettings.Body.LineHeight = CheckExistence(GetString("Item.Area.BodyFont.LineHeight"), "1");
        FontSettings.Body.LetterSpacing = GetString("Item.Area.BodyFont.LetterSpacing") + "px";
        FontSettings.Body.Casing = GetString("Item.Area.BodyFont.Casing");
        FontSettings.Body.Color = GetString("Item.Area.BodyFont.Color.Color");


		gfonts.Add(FontSettings.Logo.FontFamily, "");
		
		if (!gfonts.ContainsKey(FontSettings.Slogan.FontFamily))
		{
			gfonts.Add(FontSettings.Slogan.FontFamily, "");
		}
		if (!gfonts.ContainsKey(FontSettings.H1.FontFamily))
		{
			gfonts.Add(FontSettings.H1.FontFamily, "");
		}
		if (!gfonts.ContainsKey(FontSettings.H2.FontFamily))
		{
			gfonts.Add(FontSettings.H2.FontFamily, "");
		}
		if (!gfonts.ContainsKey(FontSettings.Body.FontFamily))
		{
			gfonts.Add(FontSettings.Body.FontFamily, "");
		}

	}

	private string CustomFont (string firstfont, string secondfont)
	{
		if (firstfont == "custom")
		{
			return secondfont;
		}
		else
		{
			return firstfont;
		}
	}

	private string CheckExistence (string stringitem, string defaultvalue)
	{
		if (!string.IsNullOrWhiteSpace(stringitem)) {
            return stringitem;
        } else {
            return defaultvalue;
        }
	}

	private System.Collections.Generic.Dictionary<string, object> gfonts = new System.Collections.Generic.Dictionary<string, object>();
}

@{
	InitFontSettings();
}

@helper GoogleFonts()
{
	if (gfonts != null)
	{
		foreach (var item in gfonts)
		{
			<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=@item.Key:100,200,300,400,500,600,700,800,900">
		}
	}
}

@functions{
	public string FontStylesCSS()
	{
		string CssString = @"
		.dw-logotext {
			font-family: " + FontSettings.Logo.FontFamily + @";
			font-size: " + FontSettings.Logo.FontSize + @";
            font-weight: " + FontSettings.Logo.FontWeight + @";
            line-height: " + FontSettings.Logo.LineHeight + @" !important;
            letter-spacing: " + FontSettings.Logo.LetterSpacing + @";
            text-transform: " + FontSettings.Logo.Casing + @";
            color: " + FontSettings.Logo.Color + @";
		}

		.dw-slogantext {
			font-family: " + FontSettings.Slogan.FontFamily + @";
			font-size: " + FontSettings.Slogan.FontSize + @";
            font-weight: " + FontSettings.Slogan.FontWeight + @";
            line-height: " + FontSettings.Slogan.LineHeight + @" !important;
            letter-spacing: " + FontSettings.Slogan.LetterSpacing + @";
            text-transform: " + FontSettings.Slogan.Casing + @";
            color: " + FontSettings.Slogan.Color + @";
		}

        h1 {
            font-family: " + FontSettings.H1.FontFamily + @" !important;
            font-size: " + FontSettings.H1.FontSize + @";
            color: " + FontSettings.H1.Color + @";
            line-height: " + FontSettings.H1.LineHeight + @" !important;
            text-transform: " + FontSettings.H1.Casing + @";
            font-weight: " + FontSettings.H1.FontWeight + @";
            letter-spacing: " + FontSettings.H1.LetterSpacing + @" !important;
        }


        h2, h3, h4, h5, h6 {
            margin-top: 0.7em;
            margin-bottom: 0.7em;

            font-family: " + FontSettings.H2.FontFamily + @" !important;
            font-size: " + FontSettings.H2.FontSize + @";
            color: " + FontSettings.H2.Color + @";
            line-height: " + FontSettings.H2.LineHeight + @";
            text-transform: " + FontSettings.H2.Casing + @" !important;
            font-weight: " + FontSettings.H2.FontWeight + @" !important;
            letter-spacing: " + FontSettings.H2.LetterSpacing + @" !important;
        }

        h4, h5, h6 {
            font-size: 16px !important;
        }

        body {
            font-family: " + FontSettings.Body.FontFamily + @" !important;
            font-size: " + FontSettings.Body.FontSize + @";
            color: " + FontSettings.Body.Color + @";
            line-height: " + FontSettings.Body.LineHeight + @" !important;
            text-transform: " + FontSettings.Body.Casing + @";
            font-weight: " + FontSettings.Body.FontWeight + @";
            letter-spacing: " + FontSettings.Body.LetterSpacing + @" !important;
        }

        .navbar-wp .navbar-nav > li > a {
            font-family: " + FontSettings.Body.FontFamily + @" !important;
        }

        .section-title {
            margin-top: 0.7em;
            margin-bottom: 0.7em;
        }
	";
		return CssString;
	}
}
    @GoogleFonts()
    <!-- GENERAL/COLOR SETTINGS -->
    @functions{
    public class ColorSettings
    {
        public class Color
        {
            public static string Primary { get; set; }
            public static string Secondary { get; set; }
            public static string NavbarFont { get; set; }
            public static string Footer { get; set; }
            public static string FooterFont { get; set; }

            public static string MyAccountBackgroundColor { get; set; }
            public static string MyAccountBackgroundColorActive { get; set; }


            public static string Sticker { get; set; }
            public static string Price { get; set; }
            public static string Cart { get; set; }
        }
    }

    private void InitColorSettings()
    {
        ColorSettings.Color.Primary = GetString("Item.Area.ColorsPrimary.Color");
        ColorSettings.Color.Secondary = GetString("Item.Area.ColorsSecondary.Color");

        ColorSettings.Color.NavbarFont = GetString("Item.Area.NavbarFontColor");

        if (string.IsNullOrWhiteSpace(ColorSettings.Color.NavbarFont))
        {
            ColorSettings.Color.NavbarFont = WrapMethods.getContrastYIQ(ColorSettings.Color.Secondary);
        }

        ColorSettings.Color.Footer = GetString("Item.Area.ColorsFooterColor.Color");
        ColorSettings.Color.FooterFont = WrapMethods.getContrastYIQ(ColorSettings.Color.Footer);

        ColorSettings.Color.Price = GetString("Item.Area.EcommercePriceColor.Color");
        ColorSettings.Color.Sticker = GetString("Item.Area.EcommerceDiscountStickerColor.Color");
        ColorSettings.Color.Cart = GetString("Item.Area.EcommerceCartButtonColor.Color");

        ColorSettings.Color.MyAccountBackgroundColor = GetString("Item.Area.BackgroundColor.Color");
        ColorSettings.Color.MyAccountBackgroundColorActive = GetString("Item.Area.TextColor.Color");


    }

    public string GetColorSettings()
    {
        string CssString = @"
		a:hover, a:focus, a:active {
    		color: @Primary;
    	}
        .service{
            background-color:@MyAccountBackgroundColor;
        }

        .service-nav li > a:active, .service-nav li > a:hover, .service-nav li > a:focus, .service-nav li  > a.active,  .service-nav li.active > a{
            background-color:@MyAccountActiveColor  !important;
        }

    	        .navbar-wp, .navbar-wp.affix, .navbar-wp .navbar-nav > li > a {
    		color: @NavbarFont;
   	 	}

   	 	.navbar-wp .navbar-nav > .active > a, .navbar-wp .navbar-nav > .active > a:hover, .navbar-wp .navbar-nav > .active > a:focus {
    		color: @NavbarFont;
    	}

	    .navbar-wp .navbar-nav > li > a:hover, .navbar-wp .navbar-nav > li > a:focus {
	        border-top: 0px solid @Secondary;
	        color: @NavbarFont;
	    }

	    .navbar-wp .navbar-nav > li > a span:after {
		    background-color: @Primary;
		}

		.btn-dw-primary {
		    color: #FFF;
		    background-color: @Primary;
		    border-color: @Primary;
		}

		.btn-dw-secondary {
		    color: @NavbarFont;
		    background-color: @Secondary;
		    border-color: @Secondary;
		}

		.btn-dw-cart {
		    color: #FFF;
		    background-color: @Cart;
		    border-color: @Cart;
		}

		.dw-section-title {
    		border-color: @Secondary;
		}

		.dw-minicart-update {
			color: #FFF !important;
		    background-color: @Primary;
		    transition: all 0.3s ease-in-out 0s;
		}

		.pagination > li > a, .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > a:active {
			color: @Primary;
		}

	    .form-control:hover, .form-control:focus, .form-control:active  {
	        border-color: @Primary !important;
	    }

	    .bg-2 {
	        background: @Primary !important;
	    }

	    .blockquote-1:hover {
	        border-color: @Primary !important;
	    }

	    .navbar-wp .navbar-nav > li > a.dropdown-form-toggle, .navbar-wp .navbar-nav > li > a.dropdown-form-toggle:hover, .navbar-wp .navbar-nav > li > a.dropdown-form-toggle:focus {
	        color: @Primary;
	    }

	    .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle, .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle:hover, .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle:focus {
	        color: @Primary;
	    }

	    .navbar-wp .navbar-nav > li > a:hover, .navbar-wp .navbar-nav > li > a:focus {
		    border: 0px solid @Primary;
		}

	    .navbar-wp .navbar-toggle:hover, .navbar-wp .navbar-toggle:focus {
	        background-color: @Primary !important;
	        border-color: @Primary !important;
	    }

	    .navbar-wp .dropdown-menu {
	        border-top: 1px solid @Primary !important;
	        border-bottom: 3px solid @Primary !important;
	    }

	    .navbar-wp .dropdown-menu > li > a:hover {
	        background: @Primary !important;
	        color: #fff;
	    }

	    .navbar-wp .dropdown-menu .active {
	        background: @Primary !important;
	        color: #fff;
	    }

	    .navbar-wp.navbar-contrasted .dropdown-menu > li > a:hover {
	        background: @Primary !important;
	    }

	    .nav > ul > li > a:hover {
	        color: @Primary;
	    }

	    .lw .w-box.w-box-inverse .thmb-img i {
	        color: @Primary !important;
	    }

	    .w-box.w-box-inverse .thmb-img:hover i {
	        background: @Primary !important;
	    }

	    .c-box {
	        border: 1px solid @Primary !important;
	    }

	    .c-box .c-box-header {
	        background: @Primary !important;
	    }

	    .w-section .aside-feature:hover .icon-feature, .w-section .aside-feature:hover h4 {
	        color: @Primary !important;
	    }

	    .layer-slider-wrapper .title.title-base {
	        background: @Primary !important;
	    }

	    .layer-slider-wrapper .subtitle {
	        color: @Primary !important;
	    }

	    .layer-slider-wrapper .list-item {
	        color: @Primary !important;
	    }

	    .box-element.box-element-bordered {
	        border: 1px solid @Primary !important;
	    }

	    .carousel-2 .carousel-indicators .active {
	        background-color: @Primary !important;
	    }

	    .carousel-2 .carousel-nav a {
	        color: @Primary !important;
	    }

	    .carousel-2 .carousel-nav a:hover {
	        background: @Primary !important;
	    }

	    .carousel-3 .carousel-nav a {
	        color: @Primary !important;
	    }

	    .carousel-3 .carousel-nav a:hover {
	        background: @Primary !important;
	    }

	    .like-button .button.liked i {
	        color: @Primary !important;
	    }

	    ul.list-listings li.featured {
	        border-color: @Primary !important;
	    }

	    ul.list-check li i {
	        color: @Primary !important;
	    }

	    ul.dw-categories li a:hover, ul.dw-categories a:focus, ul.dw-categories a:active{
	        color: @NavbarFont;
	        background-color: @Primary;
	        border-color: @Primary;
	    }

	    ul.categories li a:hover, ul.categories a:focus, ul.categories a:active{
	        color: @NavbarFont;
	        background-color: @Primary;
	        border-color: @Primary;
	    }

	    .timeline .event:nth-child(2n):before {
	        background-color: @Primary !important;
	    }

	    .timeline .event:nth-child(2n-1):before {
	        background-color: @Primary !important;
	    }

	    #toTopHover {
	        background-color: @Primary !important;
	    }

	    .tags-list li {
	        border: 1px solid @Primary !important;
	        color: @Primary !important;
	    }

	    .tags-list li:hover,
	    a.open-panel {
	        background-color: @Primary !important;
	    }

	    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus,
	    .panel-group .panel-heading a i,
	    .tags-list li a {
	        color: @NavbarFont !important;
	    }

	    .nav-pills > li > a:hover, .nav-pills > li > a:focus {
	        color: @NavbarFont !important;
	        background: none repeat scroll 0% 0% @Secondary !important;
	    }

	    footer {
	        background: @Footer !important;
	    }

	    footer h4 {
	    	color: @FooterFont !important;
		}

		footer a {
	    	color: @FooterFont !important;
		}

		footer a:hover, footer a:focus, footer a:active {
	    	color: @Secondary !important;
		}

		footer p {
	    	color: @FooterFont !important;
		}

		footer ul > li {
	    	color: @FooterFont !important;
		}

		footer hr {
			border-color: @FooterFont
		}


	    /* Button colors */
	    .btn-base {
	        color: @NavbarFont !important;
	        background-color: @Secondary !important;
	        border: 1px solid @Secondary !important;
	    }

	    .btn-base:before {
	        background-color: @Secondary !important;
	    }

	    .btn-base:hover:before, .btn-base:focus:before, .btn-base:active:before {
	        color: @NavbarFont !important;
	        background-color: @Primary !important;
	        border-color: @Primary !important;
	    }

	    .btn-icon:before {
	        transition: none !important;
	    }

	    .btn-base:hover, .btn-base:focus, .btn-base:active, .btn-base.active, .open .dropdown-toggle.btn-base {
	        color: @NavbarFont !important;
	        background-color: @Primary !important;
	        border-color: @Primary !important;
	    }

	    .btn-two {
	        color: @NavbarFont !important;
	        border-color: @Secondary !important;
	        background-color: @Secondary !important;
	        border: 1px solid @Secondary !important;
	    }

	    .btn-two:hover, .btn-two:focus, .btn-two:active, .btn-two.active, .open .dropdown-toggle.btn-two {
	        color: @NavbarFont !important;
	        background-color: @Primary !important;
	        border-color: @Primary !important;
	    }

	    .btn-primary {
	        background-color:  @Primary !important;
	        border-color:  @Primary !important;
	    }

	    .open .dropdown-toggle.btn-primary {
	        background-color:  @Primary !important;
	        border-color:  @Primary !important;
	    }

	    .btn-one:hover, .btn-one:focus, .btn-one:active, .btn-one.active, .open .dropdown-toggle.btn-one {
	        color:  @Primary !important;
	    }

	    .btn-four {
	        border: 2px solid @Primary!important;
	        color: @Primary !important;
	    }

	    .btn-four:hover, .btn-four:focus, .btn-four:active, .btn-four.active, .open .dropdown-toggle.btn-four {
	        background-color: #fff !important;
	    }


	    /* Dropdown-menu */
	    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	        background: @Primary !important;
	        color: #fff !important;
	    }

	    /* Ecom settings */
	    .ribbon.base, .ball {
	        background: @Sticker !important;
	        color: #fff;
	        border-right: 5px solid @Sticker !important;
	    }

	    .ribbon.base:before {
	        border-top: 27px solid @Sticker !important;
	    }

	    .ribbon.base:after {
	        border-bottom: 27px solid @Sticker !important;
	    }

	    .price {
	        color: @Price !important;
	    }

	    .discount-sticker {
	        background-color: @Sticker !important;
	    }

	    .bs-callout-primary {
	        border-left-color: @Primary !important;
	    }

	    .ratings .fa-star {
	    	color: @Secondary !important;
		}

		.feature-label {
			color: @Secondary !important;
		}";

        return ParseCSSToString(CssString);
    }

    private string ParseCSSToString(string TheString)
    {
        TheString = TheString.Replace("@Primary", ColorSettings.Color.Primary);
        TheString = TheString.Replace("@Secondary", ColorSettings.Color.Secondary);
        TheString = TheString.Replace("@NavbarFont", ColorSettings.Color.NavbarFont);
        TheString = TheString.Replace("@FooterFont", ColorSettings.Color.FooterFont);
        TheString = TheString.Replace("@Footer", ColorSettings.Color.Footer);

        TheString = TheString.Replace("@Sticker", ColorSettings.Color.Sticker);
        TheString = TheString.Replace("@Price", ColorSettings.Color.Price);
        TheString = TheString.Replace("@Cart", ColorSettings.Color.Cart);

        TheString = TheString.Replace("@MyAccountBackgroundColor", ColorSettings.Color.MyAccountBackgroundColor);
        TheString = TheString.Replace("@MyAccountActiveColor", ColorSettings.Color.MyAccountBackgroundColorActive);


        System.Text.StringBuilder sb = new System.Text.StringBuilder();

        foreach (var item in TheString.Split(new string[] { Environment.NewLine }, StringSplitOptions.RemoveEmptyEntries))
        {
            sb.AppendLine(item);
        }

        return sb.ToString();
    }
}

@{
    InitColorSettings();
}


    @using System.Drawing
@using System.Net


@functions{
    public class GeneralSettings
    {

        public class Header
        {
            public static string Mode { get; set; }
            public static string Classes { get; set; }
            public static bool Show { get; set; }
            public static string Background { get; set; }
            public static bool ShowFrontpageImage { get; set; }
        }

        public class Logo
        {
            public static string Image { get; set; }
            public static string ContrastImage { get; set; }
            public static string Text { get; set; }
            public static string Slogan { get; set; }
            public static string SecondaryColor { get; set; }
        }

        public class Navigation
        {
            public static string Position { get; set; }
            public static string InvertedPosition { get; set; }
            public static string StickyMenu { get; set; }
            public static string SelectionMode { get; set; }
            public static string SelectionStyle { get; set; }
            public static int SelectionWeight { get; set; }
            public static bool Case { get; set; }

            public static string BreadcrumbMode { get; set; }
            public static string BreadcrumbAlign { get; set; }

            public static string LeftmenuMode { get; set; }

            public static string ButtonDesign { get; set; }
        }

        public class Headings
        {
            public static string Mode { get; set; }
        }

        public class Background
        {
            public static string Color { get; set; }
            public static string Image { get; set; }
            public static string CustomImage { get; set; }
            public static bool GradientColor { get; set; }
            public static string GradientPercentage { get; set; }
            public static string Style { get; set; }
            public static string Position { get; set; }
        }

        public class Site
        {
            public static bool Shadow { get; set; }
            public static string LayoutMode { get; set; }
        }

        public class Images
        {
            public static bool RoundCorners { get; set; }
        }

        public class Ecommerce
        {
            public static string EcomListDesign { get; set; }
            public static string EcomCardDesign { get; set; }
        }
    }

    private void InitGeneralSettings()
    {
        //Header settings
        GeneralSettings.Header.Mode = GetString("Item.Area.HeaderLayoutMode");
        GeneralSettings.Header.Show = GetBoolean("Item.Area.HeaderShow");
        GeneralSettings.Header.Background = GetString("Item.Area.NavigationNavbarBackground");
        GeneralSettings.Header.ShowFrontpageImage = GetBoolean("Item.Area.HeaderFrontpageImage");

        if (GeneralSettings.Header.Mode == "solid"){
            GeneralSettings.Header.Classes = "";
        }

        if (GeneralSettings.Header.Mode == "cover" || GeneralSettings.Header.Mode == "mobile"){
            GeneralSettings.Header.Classes = "header-alpha header-cover";
        }


        //Logo settings
        GeneralSettings.Logo.Image = GetString("Item.Area.GeneralLogo");
        GeneralSettings.Logo.Text = GetString("Item.Area.GeneralLogoText");
        GeneralSettings.Logo.Slogan = GetString("Item.Area.LogoSlogan");
        GeneralSettings.Logo.SecondaryColor = GetString("Item.Area.LogoSecondColor.Color");

        if (!string.IsNullOrWhiteSpace(GetString("Item.Area.LogoContrastImage"))) {
            GeneralSettings.Logo.ContrastImage = GetString("Item.Area.LogoContrastImage");
        } else {
            GeneralSettings.Logo.ContrastImage = GetString("Item.Area.GeneralLogo");
        }


        //Navigation settings
        GeneralSettings.Navigation.Position = GetString("Item.Area.NavigationPosition");
        GeneralSettings.Navigation.StickyMenu = "off";

        if (GetBoolean("Item.Area.NavigationSticky")) {
            if (GeneralSettings.Header.Show)
            {
                if (GeneralSettings.Header.Mode == "cover")
                {
                    GeneralSettings.Navigation.StickyMenu = "44"; //"data-spy=\"affix\" data-offset-top=\"44\" data-offset-bottom=\"300\"";
                }
                else
                {
                    int offset = ImageHeight()+28;

                    GeneralSettings.Navigation.StickyMenu = offset.ToString(); // "data-spy=\"affix\" data-offset-top=\"" + offset.ToString() + "\" data-offset-bottom=\"300\"";
                }
            }
            else
            {
                GeneralSettings.Navigation.StickyMenu = "5"; // "data-spy=\"affix\" data-offset-top=\"5\" data-offset-bottom=\"300\"";
            }
        }

        if (GeneralSettings.Navigation.Position == "left") {
            GeneralSettings.Navigation.InvertedPosition = "right";
        }
        else
        {
            GeneralSettings.Navigation.InvertedPosition = "left";
        }

        GeneralSettings.Navigation.SelectionMode = GetString("Item.Area.NavigationSelectionMode");
        GeneralSettings.Navigation.SelectionStyle = "";
        GeneralSettings.Navigation.SelectionWeight = GetInteger("Item.Area.SelectionWeight");

        if (GeneralSettings.Navigation.SelectionMode == "arrow") {
            GeneralSettings.Navigation.SelectionStyle = "navbar-arrow";
        }

        GeneralSettings.Navigation.Case = GetBoolean("Item.Area.NavigationUppercase");

        GeneralSettings.Navigation.BreadcrumbMode = GetString("Item.Area.NavigationBreadcrumbLayout");
        GeneralSettings.Navigation.BreadcrumbAlign = GetString("Item.Area.NavigationBreadcrumbAlign");

        GeneralSettings.Navigation.LeftmenuMode = GetString("Item.Area.NavigationLeftNavigationMode");

        GeneralSettings.Navigation.ButtonDesign = GetString("Item.Area.NavigationButtonDesign");


        //Background settings
        GeneralSettings.Background.Image = GetString("Item.Area.BackgroundImage.Image.Image");
        GeneralSettings.Background.CustomImage = GetString("Item.Area.BackgroundImage.Image.CustomImage");
        GeneralSettings.Background.Color = GetString("Item.Area.BackgroundImage.Color.Color");
        GeneralSettings.Background.GradientColor = GetBoolean("Item.Area.BackroundGradientColor");
        GeneralSettings.Background.GradientPercentage = GetString("Item.Area.GradientPercentage");


        if (@GetString("Item.Area.BackgroundFixed") == "True")
        {
            GeneralSettings.Background.Position = "fixed";
        }
        else
        {
            GeneralSettings.Background.Position = "";
        }


        if (GeneralSettings.Background.Image == "none")
        {
            GeneralSettings.Background.Style = "";
        }
        else if (GeneralSettings.Background.Image == "custom")
        {
            if (Pageview.Device == Dynamicweb.Frontend.PageView.DeviceType.Desktop)
            {
                if (!string.IsNullOrWhiteSpace(GeneralSettings.Background.CustomImage))
                {
                    GeneralSettings.Background.Style = "background: url('/Admin/Public/GetImage.ashx?width=1920&amp;Crop=1&amp;Compression=75&amp;image=" + GeneralSettings.Background.CustomImage + "') " + GeneralSettings.Background.Position + " !important; ";
                }
            }

            if (Pageview.Device == Dynamicweb.Frontend.PageView.DeviceType.Tablet)
            {
                if (!string.IsNullOrWhiteSpace(GeneralSettings.Background.CustomImage))
                {
                    GeneralSettings.Background.Style = "background: url('/Admin/Public/GetImage.ashx?width=991&amp;Crop=1&amp;Compression=75&amp;image=" + GeneralSettings.Background.CustomImage + "') " + GeneralSettings.Background.Position + " !important; ";
                }
            }

            if (Pageview.Device == Dynamicweb.Frontend.PageView.DeviceType.Mobile)
            {
                if (!string.IsNullOrWhiteSpace(GeneralSettings.Background.CustomImage))
                {
                    GeneralSettings.Background.Style = "background: url('/Admin/Public/GetImage.ashx?width=768&amp;Crop=1&amp;Compression=75&amp;image=" + GeneralSettings.Background.CustomImage + "') " + GeneralSettings.Background.Position + " !important; ";
                }
            }
        }
        else
        {
            GeneralSettings.Background.Style = "background: url('/Admin/Public/GetImage.ashx?width=1920&amp;Crop=1&amp;Compression=75&amp;image=/Files/Templates/Designs/Dwsimple/images/background/" + GeneralSettings.Background.Image + "') " + GeneralSettings.Background.Position + " !important; ";
        }


        //Headings settings
        GeneralSettings.Headings.Mode = GetString("Item.Area.AdvHeadingsMode");


        //Site settings
        GeneralSettings.Site.Shadow = GetBoolean("Item.Area.BackgroundSiteShadow");
        GeneralSettings.Site.LayoutMode = GetString("Item.Area.LayoutMode");

        if (GeneralSettings.Site.LayoutMode == "boxed"){
            GeneralSettings.Site.LayoutMode = "body-" + GeneralSettings.Site.LayoutMode;
            GeneralSettings.Header.Classes += " header-boxed";
        }


        //Image settings
        GeneralSettings.Images.RoundCorners = GetBoolean("Item.Area.LayoutRoundCorners");

        //Ecommerce settings
        GeneralSettings.Ecommerce.EcomListDesign = GetString("Item.Area.EcommerceProductCardDesign");
        GeneralSettings.Ecommerce.EcomCardDesign = GetString("Item.Area.EcommerceProductCardDesign");
    }

    public string GetGeneralCSS()
    {
        string CssString = "";
        int SelectionWeight = GeneralSettings.Navigation.SelectionWeight;

        //Site settings
        if (GetString("Item.Area.LogoFont.Color.Color") == "#FFF" || GetString("Item.Area.LogoFont.Color.Color") == "#FFFFFF")
        {
            int offset = ImageHeight()+28;

            CssString += @"
			.dw-offsetmenu-logo {
				color: #333 !important;
		    }";
        }

        if (!string.IsNullOrWhiteSpace(GeneralSettings.Background.Color))
        {
            CssString += @"
			body {
				background-color: " + GeneralSettings.Background.Color + @";
		        background-size: cover; 
		        overflow-y: scroll; 
		    }";
        }

        if (GeneralSettings.Background.GradientColor)
        {
            CssString += @"
			body {
				background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%);
        		background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%);
       			background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%);
        		background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%);
        		background: linear-gradient(to top, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%);
        		background-attachment: fixed;
        		background-color: " + GeneralSettings.Background.Color + @" !important;
        	}";
        }

        if (GeneralSettings.Site.Shadow)
        {
            CssString += @"
			.shad {
				-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
	        	-moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
	        	box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
			}";
        }

        //Image settings
        if (GeneralSettings.Images.RoundCorners)
        {
            CssString += @"
		    .content-image {
				border-radius: 6px;
				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
			}";
        }

        //Navbar and header custom settings
        if (GeneralSettings.Header.Mode == "cover")
        {
            CssString += @"
		    .navbar-wp {
		    	background-color: none !important;
		    }";

            if (!GeneralSettings.Header.Show || GeneralSettings.Header.Mode == "mobile")
            {
                CssString += @"
		    	.header-cover .navbar-wp {
			    	top: 0px !important;
			   	}";
            }
        }
        else
        {
            if (GeneralSettings.Header.Show)
            {
                CssString += @"
			    .navbar-wp.affix .navbar-nav > li > a {
			    	padding: 16px 16px !important;
			    }";
            }
        }

        if (GeneralSettings.Header.Background == "colorline")
        {
            CssString += @"
			.navbar-wp, .navbar-wp.affix {
		    	border-bottom: 4px solid " + ColorSettings.Color.Primary + @" !important;
		    }

		    .navbar-wp.affix, .navbar-wp.affix .navbar-nav > li > a {
		    	background-color: #FFF;
		    	color: #333;
		    }

		    .navbar-wp.affix .navbar-nav > .active > a, .navbar-wp.affix .navbar-nav > li > a:hover, .navbar-wp.affix .navbar-nav > li > a:focus {
	    		color: " + ColorSettings.Color.NavbarFont + @";
	    	}

	    	.affix .dw-logotext, .affix .dw-slogantext, .dw-header-sm-title, .dw-offsetmenu-logo {
				color: " + GeneralSettings.Logo.SecondaryColor + @" !important;
			}";
        } else if (GeneralSettings.Header.Background == "neutral")
        {
            CssString += @"
			.navbar-wp, .navbar-wp.affix, .navbar-wp .navbar-nav > li > a {
		    	background-color: #f1f1f1;
		    }

		    .navbar-wp.affix, .navbar-wp.affix .navbar-nav > li > a {
		    	color: #333;
		    }

		    .navbar-wp.affix .navbar-nav > .active > a, .navbar-wp.affix .navbar-nav > li > a:hover, .navbar-wp.affix .navbar-nav > li > a:focus {
	    		color: " + ColorSettings.Color.NavbarFont + @";
	    	}

	    	.affix .dw-logotext, .affix .dw-slogantext, .dw-header-sm-title, .dw-offsetmenu-logo {
				color: " + GeneralSettings.Logo.SecondaryColor + @" !important;
			}";
        }
        else if (GeneralSettings.Header.Background == "transparent")
        {
            CssString += @"
		    .navbar-wp, .navbar-wp.affix {
		    	background-color: #FFF;
		    	opacity: 0.9;
    			filter: alpha(opacity=90); /* For IE8 and earlier */
		    }
		    
		    .navbar-wp.affix, .navbar-wp.affix .navbar-nav > li > a {
		    	color: #333;
		    }

		    .navbar-wp.affix .navbar-nav > .active > a, .navbar-wp.affix .navbar-nav > li > a:hover, .navbar-wp.affix .navbar-nav > li > a:focus {
	    		color: " + ColorSettings.Color.NavbarFont + @";
	    	}

	    	.affix .dw-logotext, .affix .dw-slogantext, .dw-header-sm-title, .dw-offsetmenu-logo {
				color: " + GeneralSettings.Logo.SecondaryColor + @" !important;
			}";
        }
        else
        {
            CssString += @"
		    .navbar-wp, .navbar-wp.affix, .navbar-wp .navbar-nav > li > a {
		    	background-color: " + ColorSettings.Color.Secondary + @";
		    }

		    .affix .dw-logotext, .affix .dw-slogantext, .dw-header-sm-title, .dw-offsetmenu-logo {
				color: " + GeneralSettings.Logo.SecondaryColor + @" !important;
			}";
        }

        if (GeneralSettings.Navigation.SelectionMode == "background" || GeneralSettings.Navigation.SelectionMode == "arrow"){
            CssString += NavbarPosition(false, SelectionWeight);

            CssString += @"
			.dw-navbar-button > a {
    			background-color: transparent !important;
			}

			.dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a {
				background-color: " + ColorSettings.Color.Primary + @" !important;
			}";
        }

        if (GeneralSettings.Navigation.SelectionMode == "underline"){
            CssString += NavbarPosition(true);

            CssString += ClearBackground();

            CssString += @"
			.dw-navbar-button > a span:after {
				position: absolute;
				content: '';
				left: 0px;
				bottom: 0px;
				height: " + SelectionWeight + @"px;
				width: 100%;
				transform: scaleX(0);
				transition: all 0.3s ease-in-out 0s;
			}
			.dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a {
				color: " + ColorSettings.Color.Primary + @" !important;
			}

			.dw-navbar-button > a:hover span:after, dw-navbar-button > a:active span:after, dw-navbar-button > a:focus span:after, .active > a span:after {
				color: " + ColorSettings.Color.Primary + @" !important;
				transform: scaleX(1);
				transition: all 0.3s ease-in-out 0s;
			}";
        }

        if (GeneralSettings.Navigation.SelectionMode == "boxed"){
            CssString += NavbarPosition(true, SelectionWeight);

            CssString += @"
	    	.dw-navbar-button > a {
    			background-color: transparent !important;
			}

			.dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a {
				background-color: " + ColorSettings.Color.Primary + @" !important;
				transition: all 0.3s ease-in-out 0s;
			}";
        }

        if (GeneralSettings.Navigation.SelectionMode == "border"){
            CssString += NavbarPosition(true, 6, SelectionWeight);

            CssString += ClearBackground();

            CssString += @"
			.dw-navbar-button > a {
				border: " + SelectionWeight + @"px solid transparent !important; transition: None !important;
			}

			.dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a {
				border-width: " + SelectionWeight + @"px !important;
				border-color: " + ColorSettings.Color.Primary + @" !important;
				transition: all 0.3s ease-in-out 0s;
			}";
        }

        if (GeneralSettings.Navigation.SelectionMode == "font"){
            CssString += NavbarPosition();

            CssString += ClearBackground();

            SelectionWeight = (SelectionWeight*100);

            CssString += @"
			.dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a {
				color: " + ColorSettings.Color.Primary + @" !important;
				font-weight: " + SelectionWeight + @" !important;
				transition: all 0.3s ease-in-out 0s; 
			}";
        }

        if (GeneralSettings.Navigation.Case){
            CssString += @"
	    	.dw-navbar-button > a {
				text-transform: uppercase !important;
			}";
        }
        else
        {
            CssString += @"
	    	.dw-navbar-button > a {
				text-transform: none !important;
			}";
        }


        //Breadcrumb custom settings
        if (GeneralSettings.Navigation.BreadcrumbMode == "light")
        {
            CssString += @"
			.pg-opt {
				border-bottom: 0px;
				background: none repeat scroll 0% 0% #FFF;
			}

			.dw-breadcrumb-title {
				font-size: 14px !important;
				padding: 5px 0px 5px 0px !important;
			}

			.dw-breadcrumb {
				padding: 5px 0px 5px 0px !important;
			}";
        }

        if (GeneralSettings.Navigation.BreadcrumbMode == "normal")
        {
            CssString += @"
			.dw-breadcrumb-title {
				font-size: 14px !important;
				padding: 5px 0px 5px 0px !important;
			}

			.dw-breadcrumb a, .pg-opt .breadcrumb {
				padding: 5px !important;
			}";
        }

        if (GeneralSettings.Navigation.BreadcrumbMode == "large")
        {
            CssString += @"
			.dw-breadcrumb-title {
				font-size: 22px !important;
				padding: 15px 0px 15px 0px !important;
			}

			.dw-breadcrumb {
				padding: 15px !important;
			}";
        }


        if (GeneralSettings.Navigation.BreadcrumbAlign == "right")
        {
            CssString += @"
			.dw-breadcrumb {
				float: right !important;
			}";
        }
        else
        {
            CssString += @"
			.dw-breadcrumb {
				float: left !important;
			}";
        }


        //Left menu custom settings
        if (GeneralSettings.Navigation.LeftmenuMode == "light" || GeneralSettings.Navigation.LeftmenuMode == "light-color")
        {
            CssString += @"
	    	ul.dw-categories > li > ul > li > a {
			    padding: 5px 35px;
			}

			ul.dw-categories, ul.dw-categories > li, ul.dw-categories > li > ul > li {
				border: 0px solid #EEE;
			}

			ul.dw-categories > li > ul {
			    background: none repeat scroll 0% 0% #FFF;
			}

			ul.dw-categories li a:hover, ul.dw-categories li a:focus, ul.dw-categories li a:active {
			    background-color: #FFF !important;
			    color: " + ColorSettings.Color.Primary + @" !important;
			}

			.list-active, .list-active > a {
			    background-color: #FFF;
			    color: " + ColorSettings.Color.Primary + @" !important;
			}

			.list-open-active {
			    background-color: #FFF;
			    color: " + ColorSettings.Color.Primary + @" !important;
			}";
        }

        if (GeneralSettings.Navigation.LeftmenuMode == "lines")
        {
            CssString += @"
	    	ul.dw-categories > li {
	    		border-bottom: 1px solid #EEE;
	    	}

			ul.dw-categories {
				border: 0px solid #EEE;
			}

			ul.dw-categories > li > ul {
			    background: none repeat scroll 0% 0% #FFF;
			}

			ul.dw-categories li a:hover, a:focus, a:active {
			    background-color: #FFF !important;
			    color: " + ColorSettings.Color.Primary + @" !important;
			}

			.list-active, .list-active > a {
			    background-color: #FFF;
			    color: " + ColorSettings.Color.Primary + @" !important;
			}

			.list-open-active {
			    background-color: #FFF;
			    color: " + ColorSettings.Color.Primary + @" !important;
			}";
        }

        if (GeneralSettings.Navigation.LeftmenuMode == "boxed")
        {
            CssString += @"
			ul.dw-categories, ul.dw-categories > li, ul.dw-categories > li > ul > li {
				border: 0px solid #EEE;
			}

			.list-active, .list-active > a {
			    background-color: " + ColorSettings.Color.Primary + @" !important;
			    color: #FFF;
			}";
        }

        if (GeneralSettings.Navigation.LeftmenuMode == "border")
        {
            CssString += @"
			ul.dw-categories > li {
				border: 1px solid #EEE;
			}

			ul.dw-categories > li > ul > li {
				border-top: 1px solid #EEE;
			}

			.list-active, .list-active > a {
			    background-color: " + ColorSettings.Color.Primary + @" !important;
			    color: #FFF;
			}";
        }

        if (GeneralSettings.Navigation.LeftmenuMode == "light-color")
        {
            CssString += @"
	    	ul.dw-categories li a:hover, ul.dw-categories a:focus, ul.dw-categories a:active {
				border-left: 6px solid " + ColorSettings.Color.Primary + @";
			}

			ul.dw-categories .list-active > a {
			    border-left: 6px solid " + ColorSettings.Color.Primary + @";
			}

			.btn-dw:hover, .btn-dw:focus, .btn-dw:active {

			}";
        }


        //Buttons custom designs
        if (GeneralSettings.Navigation.ButtonDesign == "light-rounded")
        {
            CssString += @"
			.btn-dw-primary, .btn-dw-secondary, .btn-dw-cart {
				border-width: 0px;
			}

			.btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active {
				background-color: " + ColorSettings.Color.Secondary + @";
	    		color: #FFF;
	    		border-width: 0px;
			}

			.btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active {
				background-color: " + ColorSettings.Color.Primary + @";
	    		color: #FFF;
	    		border-width: 0px;
			}

			.btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active {
				background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @";
	    		color: #FFF;
	    		border-width: 0px;
			}";
        }

        if (GeneralSettings.Navigation.ButtonDesign == "corners")
        {
            CssString += @"
	    	.btn-dw-primary, .btn-dw-secondary, btn-dw-cart , .btn-dw-cart  {
				border-radius: 0px !important;
				border-width: 0px;
			}

			.btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active {
				background-color: " + ColorSettings.Color.Secondary + @";
	    		color: #FFF;
	    		border-width: 0px;	
			}

			.btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active {
				background-color: " + ColorSettings.Color.Primary + @";
	    		color: #FFF;
	    		border-width: 0px;	
			}

			.btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active {
				background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @";
	    		color: #FFF;
	    		border-width: 0px;	
			}";
        }

        if (GeneralSettings.Navigation.ButtonDesign == "round")
        {
            CssString += @"
	    	.btn-dw-primary, .btn-dw-secondary, .btn-dw-cart {
	    		padding: 5px 15px;
				border-radius: 200px !important;
				border-width: 0px !important;
			}

			.btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active {
				background-color: " + ColorSettings.Color.Secondary + @";
	    		color: #FFF;
	    		border-width: 0px !important;
			}

			.btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active {
				background-color: " + ColorSettings.Color.Primary + @";
	    		color: #FFF;
	    		border-width: 0px !important;
			}

			.btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active {
				background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @";
	    		color: #FFF;
	    		border-width: 0px !important;
			}";
        }

        if (GeneralSettings.Navigation.ButtonDesign == "border")
        {
            CssString += @"
	    	.btn-dw-primary, .btn-dw-secondary, .btn-dw-cart {
	    		background-color: transparent;
			}

			.btn-dw-primary {
				border-width: 4px;
				padding: 3px 10px;
				color: " + ColorSettings.Color.Primary + @";
			}

			.btn-dw-secondary {
				border-width: 2px;
				color: " + ColorSettings.Color.Secondary + @";
			}

			.btn-dw-cart {
				border-width: 4px;
				padding: 3px 10px;
				color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @";
			}

			.btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active {
				background-color: " + ColorSettings.Color.Primary + @";
	    		border-width: 4px;
	    		padding: 3px 10px;
	    		border-color: " + ColorSettings.Color.Primary + @";
	    		color: #FFF;
			}

			.btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active {
				background-color: " + ColorSettings.Color.Primary + @";
	    		border-width: 2px;
	    		color: #FFF;
				border-color: #FFF;
			}

			.btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active {
				background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @";
	    		border-width: 4px;
	    		padding: 3px 10px;
	    		border-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @";
	    		color: #FFF;
			}";
        }

        if (GeneralSettings.Navigation.ButtonDesign == "border-sharp" || GeneralSettings.Navigation.ButtonDesign == "border-round")
        {
            CssString += @"
	    	.btn-dw-primary, .btn-dw-secondary, .btn-dw-cart {
	    		background-color: transparent;
			}

			.btn-dw-primary {
				border-width: 4px;
				padding: 3px 15px;
	    		color: " + ColorSettings.Color.Primary + @";
			}

			.btn-dw-secondary {
				border-width: 2px;
				padding: 5px 15px;
	    		color: " + ColorSettings.Color.Secondary + @";
			}

			.btn-dw-cart {
				border-width: 4px;
				padding: 3px 15px;
	    		color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @";
			}

			.btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active {
	    		background-color: " + ColorSettings.Color.Primary + @";
	    		border-width: 4px;
	    		color: #FFF;
	    		padding: 3px 15px;
				border-color: " + ColorSettings.Color.Primary + @";
			}

			.btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active {
	    		background-color: " + ColorSettings.Color.Primary + @";
	    		border-width: 2px;
	    		color: #FFF;
	    		padding: 5px 15px;
				border-color: #FFF;
			}

			.btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active {
	    		background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @";
	    		border-width: 4px;
	    		color: #FFF;
	    		padding: 3px 15px;
				border-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @";
			}";
        }

        if (GeneralSettings.Navigation.ButtonDesign == "border-sharp")
        {
            CssString += @"
	    	.btn-dw-primary, .btn-dw-secondary, .btn-dw-cart, .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active, .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active, .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active {
				border-radius: 0px !important;
			}";
        }

        if (GeneralSettings.Navigation.ButtonDesign == "border-round")
        {
            CssString += @"
	    	.btn-dw-primary, .btn-dw-secondary, .btn-dw-cart, .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active, .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active, .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active {
				border-radius: 200px !important;
			}";
        }


        //Headings custom settings
        if (GeneralSettings.Headings.Mode == "underline")
        {
            CssString += @"
	    	.dw-section-title {
				border-bottom: 2px solid;
				margin-bottom: 15px;
	    	}";
        }

        if (GeneralSettings.Headings.Mode == "boxed" || GeneralSettings.Headings.Mode == "boxed-line")
        {
            CssString += @"
	    	.dw-section-title span {
	    		background-color: " + GetString("Item.Area.HeadingsH1.Color.Color") + @";
				display: inline-block;
				padding: 8px 16px;
				color: #FFF;
	    	}";

            if (string.IsNullOrWhiteSpace(GetString("Item.Area.HeadingsH1.Color.Color")))
            {
                CssString += @"
		    	.dw-section-title {
					background-color: " + ColorSettings.Color.Primary + @";
		    	}";
            }
        }

        if (GeneralSettings.Headings.Mode == "boxed-line")
        {
            CssString += @"
	    	.dw-section-title span {
	    		margin-bottom: 2px;
	    	}

	    	.dw-section-title {
				border-bottom: 2px solid " + GetString("Item.Area.HeadingsH1.Color.Color") + @";
				margin-bottom: 10px;
	    	}";

            if (string.IsNullOrWhiteSpace(GetString("Item.Area.HeadingsH1.Color.Color")))
            {
                CssString += @"
		    	.dw-section-title {
					border-bottom: 2px solid " + ColorSettings.Color.Primary + @";
		    	}";
            }
        }

        if (GeneralSettings.Headings.Mode == "outline")
        {
            CssString += @"
	    	.dw-section-title {
	    		color: #FFF;
				text-shadow:
				-1px -1px 0 " + GetString("Item.Area.HeadingsH1.Color.Color") + @",  
				1px -1px 0 " + GetString("Item.Area.HeadingsH1.Color.Color") + @",
				-1px 1px 0 " + GetString("Item.Area.HeadingsH1.Color.Color") + @",
				1px 1px 0 " + GetString("Item.Area.HeadingsH1.Color.Color") + @";
			}";

            if (string.IsNullOrWhiteSpace(GetString("Item.Area.HeadingsH1.Color.Color")))
            {
                CssString += @"
		    	.dw-section-title {
					text-shadow:
					-1px -1px 0 #1A1A1A,  
					1px -1px 0 #1A1A1A,
					-1px 1px 0 #1A1A1A,
					1px 1px 0 #1A1A1A;	
		    	}";
            }
        }

        if (GeneralSettings.Headings.Mode == "backline")
        {
            CssString += @"
	    	.dw-section-title {
	    		text-align: center;
				border-bottom: 2px solid;
				padding: 0;
				margin: 50px 0 30px;
				line-height: 0em !important;
	    	}

	    	.dw-section-title > span {
	    		background-color: #FFF;
	    		padding: 0 16px;
	    	}

	    	.dw-section-title-small {
	    		margin: 8px 0 20px;
    		}";
        }

        if (GeneralSettings.Ecommerce.EcomCardDesign == "one")
        {

        }

        if (GeneralSettings.Ecommerce.EcomCardDesign == "two")
        {
            CssString += @"
	    	.product {
	    		border: 1px solid #E5E5E5;
	    	}";
        }

        return CssString;
    }

    private string ClearBackground() {
        string CssString = "";

        CssString += @"
    	.dw-navbar-button > a {
    		background-color: rgba(0, 0, 0, 0.0) !important;
    	}

    	.dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a {
    		background-color: rgba(0, 0, 0, 0.0) !important;
    	}";

        return CssString;
    }

    private string NavbarPosition(bool margin=false, int specialpadding=6, int extramargin=0) {
        int LogoHeight = 0;
        string CssString = "";
        int Centerpos = 0;

        if (GeneralSettings.Header.Mode != "solid"){
            if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Image))
            {
                LogoHeight = ImageHeight();
            }
            else
            {
                LogoHeight = GetInteger("Item.Area.LogoFont.Size");
            }
        }
        else
        {
            if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Image))
            {
                LogoHeight = 18;
            }
            else
            {
                LogoHeight = GetInteger("Item.Area.LogoFont.Size")-10;
            }
        }

        if (margin == false)
        {
            Centerpos = (LogoHeight/2) + 6;

            CssString += @"
	    	.dw-navbar-button > a, .navbar-wp.affix .navbar-nav > li > a {
    			padding: " + Centerpos + @"px " + (specialpadding+4) + @"px " + Centerpos + @"px " + (specialpadding+4) + @"px !important;
    			margin: " + extramargin + @"px " + extramargin + @"px !important;
			}";
        }
        else
        {
            Centerpos = ((LogoHeight/2)+6)-(specialpadding+extramargin);

            CssString += @"
	    	.dw-navbar-button > a, .navbar-wp.affix .navbar-nav > li > a {
    			padding: " + specialpadding + @"px " + (specialpadding+4) + @"px " + specialpadding + @"px " + (specialpadding+4) + @"px !important;
    			margin: " + Centerpos + @"px 4px 0px 4px !important;
			}";
        }

        return CssString;
    }

    private int ImageHeight ()
    {
        int LogoHeight = 0;

        if (!string.IsNullOrWhiteSpace(GetString("Item.Area.GeneralLogo")))
        {
            string imageUrl = "http://" + HttpContext.Current.Request.Url.Authority + GetString("Item.Area.GeneralLogo");

            WebRequest request = WebRequest.Create(imageUrl);
            WebResponse response = request.GetResponse();
            Image image = Image.FromStream(response.GetResponseStream());

            LogoHeight = image.Height;
        }
        else
        {
            LogoHeight = 38;
        }

        return LogoHeight;
    }
}



@{
	InitGeneralSettings();
}

    @if (writeCss)
    {
        css += FontStylesCSS() + "/*Colors*/" + Environment.NewLine + GetColorSettings() + Environment.NewLine + "/*General*/" + Environment.NewLine + GetGeneralCSS();
        Dynamicweb.Base.WriteTextFile(css, HttpContext.Current.Server.MapPath("/Files/Templates/Designs/Dwsimple/css/DWGlobalStylesSite" + GetString("DwAreaID") + "_auto.css"), false);
        Dynamicweb.Base.WriteTextFile(RemoveWhiteSpaceFromStylesheets(Dynamicweb.Base.ReadTextFile(HttpContext.Current.Server.MapPath("/Files/Templates/Designs/Dwsimple/css/DWGlobalStyles.css"))), HttpContext.Current.Server.MapPath("/Files/Templates/Designs/Dwsimple/css/DWGlobalStyles.min.css"), false);
        Dynamicweb.Base.WriteTextFile(RemoveWhiteSpaceFromStylesheets(css), cssPath, false);
    }

    @functions{
        public static string RemoveWhiteSpaceFromStylesheets(string body)
        {
            body = Regex.Replace(body, @"[a-zA-Z]+#", "#");
            body = Regex.Replace(body, @"[\n\r]+\s*", string.Empty);
            body = Regex.Replace(body, @"\s+", " ");
            body = Regex.Replace(body, @"\s?([:,;{}])\s?", "$1");
            body = body.Replace(";}", "}");
            body = Regex.Replace(body, @"([\s:]0)(px|pt|%|em)", "$1");
            // Remove comments from CSS
            body = Regex.Replace(body, @"/\*[\d\D]*?\*/", string.Empty);
            return body;
        }
    }

    @if (GetGlobalValue("Global:Extranet.UserID") == "0")
    {

        if (!string.IsNullOrWhiteSpace(GetString("Server:Request.username")) || !string.IsNullOrWhiteSpace(GetString("Server:Request.password")))
        {
            openmodal = "in";
            bodyclass = "modal-open";
            modalstyle = "style=\"display: block; padding-right: 17px;\"";
            backgroundmodal = "modal-backdrop fade in";
        }

    }
    @if (GetString("DW_extranet_error_uk") != "")
    {
        openmodal = "in";
        bodyclass = "modal-open";
        modalstyle = "style=\"display: block; padding-right: 17px;\"";
        backgroundmodal = "modal-backdrop fade in";
    }
    else
    {
        if (GetGlobalValue("Global:Extranet.UserID") != "0")
        {

        }
    }
    @if (Dynamicweb.Input.FormatBoolean(GetGlobalValue("Global:Extranet.UserName")))
    {

        bodyclass = "modal-open";


    }


    @if (Pageview.User.UserID > 0)
    {

        var currentUser = User.GetUserByID(Pageview.User.UserID);
        foreach (var val in currentUser.CustomFieldValues)
        {
            if (val.CustomField.Name == "Leveringsdage")
            {
                deliveryDays = val.Value.ToString();
                Regex rgx = new Regex(@"([0-6][,]?)*");
                if (rgx.IsMatch(deliveryDays))
                {
                    deliveryDays = deliveryDays.Replace("7", "0");
                }
                else
                {
                    deliveryDays = "";
                }

            }
        }
    }


    <!-- Template styles -->
    <link id="dwStylesheet" type="text/css" href="/Files/Templates/Designs/Dwsimple/css/DWGlobalStyles.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/Dwsimple/css/invoice.min.css">

    @{ string cssAutoPath = "/Files/Templates/Designs/Dwsimple/css/DWGlobalStylesSite" + GetString("DwAreaID") + "_auto.min.css?t=@areaUpdated.Ticks"; }

    <link type="text/css" href="@cssAutoPath" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/Dwsimple/css/style.css" media="screen">

    <!-- Analytics code -->
    @GetValue("Item.Area.OtherAnalyticsCode")
    <script>
        var currentUserId = "@GetGlobalValue("Global:Extranet.UserID")";
    </script>
@GetValue("Stylesheets")
@GetValue("Javascripts")
</head>
<body style="@GeneralSettings.Background.Style; overflow:auto;" id="sitecontent" class="@bodyclass">
    <!-- Google Tag Manager (noscript) -->
    <noscript>
        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M28MNN7" height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    <!-- End Google Tag Manager (noscript) -->
      
    <div id="calendar" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myCalendarLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm modal-xs">
            <div class="modal-content">
                <div style="overflow:hidden;">
                    <h2>@Translate("Delivery_Date")</h2>
                    <div class="form-group">
                        <form class="form" name="selectDate" method="get" onsubmit="javascript: void (0)">
                            <div id="datetimepicker" class="datetimepicker"></div>
                            <button type="submit" class="btn btn-default" id="get-date">@Translate("Save", "Save")</button>
                        </form>


                    </div>

                </div>
            </div>
        </div>
    </div>

    <div class="modal fade @openmodal" id="login-shop" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="z-index:1060">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">

                    @if (GetString("DW_extranet_error_uk") != "")
                    {
                        <h4 class="modal-title" id="myModalLabel">@Translate("Wrong username or password", "Wrong username or passwor")</h4>
                    }
                    else
                    {
                        <h4 class="modal-title" id="myModalLabel">@Translate("Login", "Login")</h4>
                        <span class="err"></span>
                    }

                </div>
                <form role="form" id="loginformshop" method="post" onsubmit="" action="/Default.aspx">
                    <div class="modal-body">
                        <input type="hidden" name="ID" value="8399">
                        <input type="hidden" name="DWExtranetUsernameRemember" value="True">
                        <input type="hidden" name="DWExtranetPasswordRemember" value="True">
                      
                        <div class="form-group">
                            @{ attrValue = Translate("Username", "Username");
                                string username2 = "";


                                if (!string.IsNullOrWhiteSpace(GetString("DWExtranetUsername")))
                                {
                                    username2 = GetString("DWExtranetUsername");
                                }
                
                            }
                            <label for="username">@Translate("Username", "Username")</label>
                            <input type="text" class="form-control" name="Username" id="username" placeholder="@attrValue" value="@username2">

                        </div>
                        <div class="form-group">
                            @{
                                attrValue = Translate("Password", "Password");
                                string password2 = "";
                                if (!string.IsNullOrWhiteSpace(GetString("DWExtranetPassword")))
                                {
                                    password2 = GetString("DWExtranetPassword");
                                }
                                

                                var newuserpage = Pageview.Area.Item["NewUser"];
                            }

                            <label for="password">@Translate("Password", "Password")</label>
                            <input type="password" class="form-control" name="password" id="password" placeholder="@attrValue" value="@password2">
                            
                            <p>
                            
                            <!-- <input id="autologin" type="checkbox" name="Autologin" checked="checked" /> 
                            <label for="autologin">@Translate("Remember me", "Remember me")</label>-->
                           
                            <a class="pull-left" tabindex="-1" href="/Default.aspx?ID=@loginpageid&LoginAction=Recovery">@Translate("Forgot your password?", "Forgot your password?")</a>
                            <br>
                            &nbsp;
                            <a class="new-customer btn btn-xs btn-base pull-left" tabindex="-1" href="/Default.aspx?ID=@newuserpage">@Translate("New user", "New user")</a>
                            <input type="submit" class="btn btn-xs btn-primary pull-right" value='@Translate("Sign in", "Sign in")'>                           
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="row">
                            <div class="col-md-12">
                                
                                <div class="text-center small">
                                    <p>@Translate("trading_conditions","trading_conditions")</p>                                   
                                    <a class="terms" href="@termsAndConditions">@Translate("Vores handelsbetingelser")</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- MOBILE MENU -->
    @{
        var offsetmenuplace = "left";

        if (GeneralSettings.Header.Mode == "mobile")
        {
            offsetmenuplace = GeneralSettings.Navigation.Position;
        }
    }

     <div id="myNavmenu">
        <div class="col-sm-12 col-xs-12 offcanvas-col">
            <div class="row offcanvas-row">&nbsp;</div>
            <div class="row offcanvas-row">
                <div class="col-sm-12 col-xs-12 offcanvas-col">
                    <a href="/Default.aspx?ID=@firstpageid" class="brand">
                        @if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Image))
                        {
                            <div class="img-responsive dw-offsetmenu-logo pull-left">
                                @if (GeneralSettings.Logo.ContrastImage != GeneralSettings.Logo.Image)
                                {
                                    <img src="@GeneralSettings.Logo.ContrastImage" alt="Logo">
                                }
                                else
                                {
                                    <img src="@GeneralSettings.Logo.Image" alt="Logo">
                                }
                            </div>
                        }

                        @if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Text))
                        {
                            <div class="dw-logotext dw-offsetmenu-logo pull-left">@GeneralSettings.Logo.Text</div>
                        }
                    </a>
                </div>
            </div>
            <div class="row offcanvas-row">&nbsp;</div>
        </div>

        <div class="col-sm-12 col-xs-12 offcanvas-col">
            @if (GetBoolean("Item.Area.EcomEnabled"))
            {
                <div class="row offcanvas-row">
                    <div class="col-sm-12 col-xs-12 offcanvas-col">
                        <form method="get" action="Default.aspx">
                            <input type="hidden" name="ID" value="8399">
                            <div class="input-group">
                                <input type="text" class="form-control" name="eComQuery" tabindex="1" placeholder="Søg">
                                <span class="input-group-btn">
                                    <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i></button>
                                </span>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="row offcanvas-row">&nbsp;</div>
                <div class="row offcanvas-row">
                    <div class="col-sm-12 col-xs-12 offcanvas-col">
                        @if (!Dynamicweb.Input.FormatBoolean(GetGlobalValue("Global:Extranet.UserName")))
                        {
                            <div class="pull-left">
                                <a href="Default.aspx?ID=@loginpageid" class="btn btn-sm btn-default"><i class="fa fa-sign-in"></i> @Translate("Sign in", "Sign in")</a>
                            </div>
                        }

                        @if (Dynamicweb.Input.FormatBoolean(GetGlobalValue("Global:Extranet.UserName")))
                        {
                            <div class="pull-left">
                                <a href="Default.aspx?ID=8473" class="btn btn-sm btn-default">
                                    <i class="fa fa-user"></i> <strong>@GetGlobalValue("Global:Extranet.Name")</strong>
                                </a>
                            </div>
                            <div class="pull-left">
                                <a href="/Admin/Public/ExtranetLogoff.aspx?ID=@Pageview.ID"><button class="btn btn-sm btn-default"><i class="fa fa-sign-out"></i> @Translate("Sign out", "Sign out")</button></a>
                            </div>
                        }
                    </div>
                </div>
                <div class="row offcanvas-row">&nbsp;</div>
            }
        </div>


        <div class="row offcanvas-row">
            <div class="col-sm-12 col-xs-12 offcanvas-col">
                @GetValue("DwNavigation(drawernavigation)")
            </div>
        </div>
    </div>

    <!-- HEADER AND CONTENT-->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  
@{
    var offset = "130px";
    }
<div class="body-wrap shad @GeneralSettings.Site.LayoutMode">
        <!-- HEADER -->
      @if (GetGlobalValue("Global:Extranet.UserID") == "0")
     { 
          offset = "97px";
      }
        <div id="divHeaderWrapper" style="height:@offset">
            <header class="@GeneralSettings.Header.Classes">



                <!-- MAIN NAV -->
                @{
                    var sticky = GeneralSettings.Navigation.StickyMenu;
                    var stickyTrigger = "affix";
                    var navbarpos = GeneralSettings.Navigation.Position;
                    var selectionstyle = GeneralSettings.Navigation.SelectionStyle;

                    if (sticky == "off")
                    {
                        stickyTrigger = "";
                    }
                }
                <div id="navOne" class="navbar navbar-wp @selectionstyle navbar-fixed affix-top" role="navigation" data-spy="@stickyTrigger" data-offset-top="1">
                    <!-- TOP HEADER -->
                    @if (GeneralSettings.Header.Show)
                    {
                        if (Pageview.Device == Dynamicweb.Frontend.PageView.DeviceType.Desktop || Pageview.Device == Dynamicweb.Frontend.PageView.DeviceType.Tablet)
                        {
                            <div class="top-header hidden-xs hidden-sm">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-md-6 logobox">
                                            @if (GeneralSettings.Header.Mode == "solid")
                                            {
                                                <a href="/Default.aspx?ID=@firstpageid" class="brand">
                                                    @if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Image))
                                                    {
                                                        <img class="img-responsive dw-logoimage pull-left" src="@GeneralSettings.Logo.Image" alt="Logo">
                                                    }

                                                    @if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Text))
                                                    {
                                                        <div class="dw-logotext pull-left">@GeneralSettings.Logo.Text</div>
                                                    }
                                                </a>
                                                if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Slogan))
                                                {
                                                    <div class="dw-slogantext pull-left">@GeneralSettings.Logo.Slogan</div>
                                                }
                                            }
                                        </div>
                                        <div class="col-md-6 logobox p">
                                            @if (!string.IsNullOrWhiteSpace("Item.Area.FooterPhone"))
                                            {
                                                <div class="phone-header">
                                                    <span>@GetValue("Item.Area.FooterPhone")</span>
                                                </div>
                                            }
                                            <nav class="top-header-menu hidden-sm hidden-xs">
                                                <ul class="top-menu">

                                                    <!-- Ecommerce user menu -->
                                                    @if (GetBoolean("Item.Area.EcomEnabled"))
                                                    {
                                                        if (!Dynamicweb.Input.FormatBoolean(GetGlobalValue("Global:Extranet.UserName")))
                                                        {
                                                            <text>
                                                                <li><a href="#" data-toggle="modal" data-target="#login">@Translate("Login", "Login")</a></li>
                                                                @GetValue("DwNavigation(toolsnavigationNotloggedin)")
                                                            </text>
                                                        }

                                                        if (Dynamicweb.Input.FormatBoolean(GetGlobalValue("Global:Extranet.UserName")))
                                                        {
                                                            <text>
                                                                <li>
                                                                    <a href="Default.aspx?ID=8473">
                                                                        <nobr>
                                                                            <i class="fa fa-user"></i> <strong>@GetGlobalValue("Global:Extranet.Name")</strong>
                                                                        </nobr>
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a href='/Admin/Public/ExtranetLogoff.aspx?ID=@frontpageID'>@Translate("Logout", "Logout")</a>
                                                                </li>
                                                            </text>
                                                        }
                                                    }


                                                    <!-- Ecommerce Cart -->
                                                    @if (GetBoolean("Item.Area.EcomEnabled"))
                                                    {
                                                        <li class="dropdown animate-hover" data-animate="animated fadeInUp">
                                                            <a href="Default.aspx?ID=@cartid" title="" id="minipagecart" class="dw-minicart">
                                                                <i class="fa fa-shopping-cart"></i><span>
                                                                    @if (GetString("Ecom:Order.OrderLines.Total.PriceWithoutVAT").Length > 3)
                                                                    {@GetString("Ecom:Order.OrderLines.Total.PriceWithoutVAT").Substring(3)} @GetGlobalValue("Global:eCommerce.Currency.Symbol")
                                                                </span> <text>(@GetValue("Ecom:Order.OrderLines.TotalProductQuantity")</text>)
                                                            </a>

                                                            <ul class="sub-menu">
                                                                <li id="minicart">
                                                                    @MiniCart()
                                                                </li>
                                                            </ul>
                                                        </li>
                                                    }
                                                </ul>
                                            </nav>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        }
                    }
                    <div class="container">

                        @if (GeneralSettings.Header.Mode != "solid" || !GeneralSettings.Header.Show)
                        {
                            <div class="navbar-header pull-@GeneralSettings.Navigation.InvertedPosition">
                                <div class="hidden-sm hidden-xs">
                                    <a href="/Default.aspx?ID=@firstpageid" class="brand">
                                        @if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Image))
                                        {
                                            if (GeneralSettings.Logo.ContrastImage != GeneralSettings.Logo.Image)
                                            {
                                                <img class="img-responsive dw-logoimage dw-logoimage-normal pull-left" src="@GeneralSettings.Logo.Image" alt="Logo">
                                                <img class="img-responsive dw-logoimage dw-logoimage-contrast pull-left" src="@GeneralSettings.Logo.ContrastImage" alt="Logo">
                                            }
                                            else
                                            {
                                                <img class="img-responsive dw-logoimage pull-left" src="@GeneralSettings.Logo.Image" alt="Logo">
                                            }
                                        }

                                        @if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Text))
                                        {
                                            <div class="dw-logotext pull-left">@GeneralSettings.Logo.Text</div>
                                        }
                                    </a>

                                    @if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Slogan))
                                    {
                                        <div class="dw-slogantext pull-left">@GeneralSettings.Logo.Slogan</div>
                                    }
                                </div>
                            </div>
                        }
                        @if (Pageview.Device == Dynamicweb.Frontend.PageView.DeviceType.Mobile || Pageview.Device == Dynamicweb.Frontend.PageView.DeviceType.Tablet)
                        {

                                <!-- Small screen header -->
                            <div class="hidden-md hidden-lg row">
                                <div class="dw-header-sm">
                                    <div class="pull-left mobile-top" style="width:100%">
                                        <button type="button" class="btn btn-sm btn-base mobile">
                                            <i class="fa fa-bars"></i>
                                        </button>
                                        <div class="mobile-header">
                                            <div class="logobox">

                                                <a href="/Default.aspx?ID=@firstpageid" class="brand">
                                                    @if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Image))
                                                    {
                                                        <img class="img-responsive dw-logoimage pull-left" src="@GeneralSettings.Logo.Image" alt="Logo">
                                                    }

                                                    @if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Text))
                                                    {
                                                        <div class="dw-logotext pull-left">@GeneralSettings.Logo.Text</div>
                                                    }
                                                </a>
                                                @if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Slogan))
                                                {
                                                    <div class="dw-slogantext pull-left">@GeneralSettings.Logo.Slogan</div>
                                                }

                                            </div>
                                            <div class="logobox ">
                                                @if (!string.IsNullOrWhiteSpace("Item.Area.FooterPhone"))
                                                {
                                                    <div class="phone-header text-right">
                                                        <span>@GetValue("Item.Area.FooterPhone")</span>
                                                    </div>
                                                }
                                            </div>
                                        </div>
                                    </div>


                                    @if (GetBoolean("Item.Area.EcomEnabled"))
                                    {

                                        <div class="pull-right">
                                            <ul class="top-menu">
                                                <li>
                                                    <a href="Default.aspx?ID=@cartid" title="" class="btn btn-sm btn-base dw-minicart" id="minipagecart-button">
                                                        <i class="fa fa-shopping-cart"></i><span>
                                                            @if (GetString("Ecom:Order.OrderLines.Total.PriceWithoutVAT").Length > 3)
                                                            {@GetString("Ecom:Order.OrderLines.Total.PriceWithoutVAT").Substring(3)} @GetGlobalValue("Global:eCommerce.Currency.Symbol")
                                                        </span> <text>(@GetValue("Ecom:Order.OrderLines.TotalProductQuantity")</text>)
                                                    </a>

                                                    <ul class="sub-menu hidden-xs">
                                                        <li id="smallscreen-minicart">
                                                            @MiniCart()
                                                        </li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>
                                        if (Dynamicweb.Input.FormatBoolean(GetGlobalValue("Global:Extranet.UserName")))
                                        {
                                            <div class="hidden-xs pull-right">
                                                <a href='/Admin/Public/ExtranetLogoff.aspx?ID=@Pageview.Page.ID'><button class="btn btn-sm btn-base"><i class="fa fa-sign-out"></i></button></a>
                                                &nbsp;
                                            </div>
                                            <div class="hidden-xs pull-right">
                                                <a href="Default.aspx?ID=8473" class="btn btn-sm btn-base">
                                                    <i class="fa fa-user"></i> <strong>@GetGlobalValue("Global:Extranet.Name")</strong>
                                                </a>
                                                &nbsp;
                                            </div>
                                        }

                                        if (!Dynamicweb.Input.FormatBoolean(GetGlobalValue("Global:Extranet.UserName")))
                                        {
                                            <div class="hidden-xs pull-right">
                                                <a href="Default.aspx?ID=@loginpageid" class="btn btn-sm btn-base"><i class="fa fa-sign-in"></i></a>
                                                &nbsp;
                                            </div>
                                        }
                                    }
                                </div>
                            </div>
                        }
                        @if (Pageview.Device == Dynamicweb.Frontend.PageView.DeviceType.Tablet || Pageview.Device == Dynamicweb.Frontend.PageView.DeviceType.Desktop)
                        {
								<!-- Big screen header -->
                            <div class="navbar-navigation">
                                <div class="hidden-sm hidden-xs">
                                    <nav class="col-md-12 col-sm-12 col-xs-12 p-0 navbar-collapse collapse navbar-@navbarpos">
                                        @GetValue("DwNavigation(topnavigation)")

                                        <!-- Extra navigation when no header is shown -->
                                        @if (GetBoolean("Item.Area.EcomEnabled"))
                                        {
                                            if (!GeneralSettings.Header.Show)
                                            {
                                                <ul class="nav navbar-nav">
                                                    <li>&nbsp;&nbsp;&nbsp;</li>
                                                    @if (!Dynamicweb.Input.FormatBoolean(GetGlobalValue("Global:Extranet.UserName")))
                                                    {
                                                        <li class="dw-navbar-button"><a href="#" data-toggle="modal" data-target="#login" data-hover="dropdown"><i class="fa fa-sign-in"></i><span></span></a></li>
                                                        <li class="dw-navbar-button"><a href="/not-logged-in/create-user-profile" data-hover="dropdown"><i class="fa fa-user"></i><span></span></a></li>
                                                    }

                                                    @if (Dynamicweb.Input.FormatBoolean(GetGlobalValue("Global:Extranet.UserName")))
                                                    {
                                                        <li class="dw-navbar-button">
                                                            <a href="Default.aspx?ID=8473" data-hover="dropdown">
                                                                <nobr>
                                                                    <strong><i class="fa fa-user"></i></strong>
                                                                </nobr>
                                                                <span></span>
                                                            </a>
                                                        </li>
                                                        <li class="dw-navbar-button">
                                                            <a href="/Admin/Public/ExtranetLogoff.aspx?ID=@Pageview.Page.ID" data-hover="dropdown"><i class="fa fa-sign-out"></i><span></span></a>
                                                        </li>
                                                    }

                                                    <li class="dw-navbar-button">
                                                        <a href="Default.aspx?ID=@cartid" title="" class="btn btn-sm btn-base dw-minicart" id="minipagecart-button">
                                                            <i class="fa fa-shopping-cart"></i><span>
                                                                <span>
                                                                    @if (GetString("Ecom:Order.OrderLines.Total.PriceWithoutVAT").Length > 3)
                                                                    {@GetString("Ecom:Order.OrderLines.Total.PriceWithoutVAT").Substring(3)} @GetGlobalValue("Global:eCommerce.Currency.Symbol")
                                                                </span> <text>(@GetValue("Ecom:Order.OrderLines.TotalProductQuantity")</text>)
                                                        </span></a>
                                                    </li>
                                                </ul>
                                            }

                                            if (GeneralSettings.Header.Mode != "solid")
                                            {
                                                <ul class="nav navbar-nav">
                                                    <li class="dropdown dropdown-aux animate-click dw-navbar-button" data-animate-in="animated bounceInUp" data-animate-out="animated fadeOutDown" style="z-index:500;">
                                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="fa fa-search"></i><span></span></a>
                                                        <ul class="dropdown-menu dropdown-menu-user animate-wr">
                                                            <li id="dropdownForm">
                                                                <div class="dropdown-form">
                                                                    <form class="form-light p-15" role="form" method="get" action="Default.aspx">
                                                                        <input type="hidden" name="ID" value="8399">
                                                                        <div class="input-group">
                                                                            <input type="text" class="form-control" name="eComQuery" placeholder="@searchplaceholder">
                                                                            <span class="input-group-btn">
                                                                                <button class="btn btn-base" type="submit"><i class="fa fa-search"></i></button>
                                                                            </span>
                                                                        </div>
                                                                    </form>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            }
                                        }
                                    </nav>
                                </div>

                                @if (GetBoolean("Item.Area.EcomEnabled"))
                                {
                                    if (GeneralSettings.Header.Mode == "solid" && GeneralSettings.Header.Show)
                                    {
                                        <div class="hidden-sm hidden-xs">
                                            <div class="col-md-2 col-sm-2 col-xs-2 pull-@GeneralSettings.Navigation.InvertedPosition">
                                                <form method="get" action="Default.aspx">
                                                    <input type="hidden" name="ID" value="8399">
                                                    <div class="input-group pull-@GeneralSettings.Navigation.InvertedPosition dw-top-search">
                                                        <input type="text" class="form-control" name="eComQuery" tabindex="1" placeholder="@searchplaceholder">
                                                        <span class="input-group-btn">
                                                            <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i></button>
                                                        </span>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    }
                                }
                            </div>
                        }



                    </div>
                    @if (Dynamicweb.Input.FormatBoolean(GetGlobalValue("Global:Extranet.UserName")))
                    {
                        <div class="service">
                            <div class="container">
                                <div class="row hidden-print clearfix">
                                    <nav class="col-sm-12">
                                        @if (Pageview.Device == Dynamicweb.Frontend.PageView.DeviceType.Mobile)
                                        {
                                            <div class="row">
                                                <ul class="service-nav-top" id="service-navigation-top">
                                                    @RenderNavigation(new { template = "ServiceNavigation.xslt", endlevel = "2", parenttag = "myaccount" })
                                                </ul>
                                            </div>
                                            <div class="row">
                                                <ul class="service-nav" id="service-navigation">
                                                        <li class="dropdown animate-hover" data-animate="animated fadeInUp">
                                                            <a href="Default.aspx?ID=@cartid" title="" id="minipagecart-button" class="dw-minicart">
                                                                <i class="fa fa-shopping-cart"></i>
                                                                <text>
                                                                    <span>@GetValue("Ecom:Order.PriceWithoutFees.PriceWithoutVAT") @GetGlobalValue("Global:eCommerce.Currency.Symbol")</span>
                                                                </text>
                                                                <text>
                                                                    ( @GetValue("Ecom:Order.OrderLines.TotalProductQuantity") )
                                                                </text>
                                                            </a>
                                                        </li>
                                                        <li class="pull-right">
                                                            <a href='/Admin/Public/ExtranetLogoff.aspx?ID=@frontpageID'>@Translate("Logout", "Logout")</a>
                                                        </li>
                                                    </ul>
</div>
                                            <div>
                                                
                                            </div>
                                        }
                                        @if (Pageview.Device == Dynamicweb.Frontend.PageView.DeviceType.Tablet || Pageview.Device == Dynamicweb.Frontend.PageView.DeviceType.Desktop)

                                        {
                                            <ul class="service-nav" id="service-navigation">

                                                @RenderNavigation(new { template = "ServiceNavigation.xslt", endlevel = "2", parenttag = "myaccount" })
                                                <li class="dropdown animate-hover" data-animate="animated fadeInUp">
                                                    <a href="Default.aspx?ID=@cartid" title="" id="minipagecart-button" class="dw-minicart">
                                                        <i class="fa fa-shopping-cart"></i>
                                                        <span>
                                                           
                                                            @*@if (GetString("Ecom:Order.OrderLines.Total.PriceWithoutVAT").Length > 3)
                                                                {@GetString("Ecom:Order.OrderLines.Total.PriceWithoutVAT").Substring(3)}*@
                                                            @GetString("Ecom:Order.PriceWithoutFees.PriceWithoutVAT") @GetGlobalValue("Global:eCommerce.Currency.Symbol")
                                                        </span> <text>(@GetValue("Ecom:Order.OrderLines.TotalProductQuantity")</text>)
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li id="minicart">
                                                            @MiniCart()
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="pull-right">
                                                    <a href='/Admin/Public/ExtranetLogoff.aspx?ID=@frontpageID'>@Translate("Logout", "Logout")</a>
                                                </li>
                                            </ul>

                                        }
                                    </nav>
                                </div>
                            </div>
                        </div>
                    }
                </div>

                @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.HeaderLayoutImage")))
                {
                    if (currentpageid != firstpageid)
                    {
                        var coverimage = GetString("Item.Area.HeaderLayoutImage");

                        <div class="container-fluid dw-header-image">
                            <div class="row">
                                <section class="carousel carousel-1 slice fluid" style="height: 160px !important; background: url('/Admin/Public/Getimage.ashx?width=1920&amp;compression=75&amp;Crop=5&amp;image=@coverimage') no-repeat; background-size: cover !important; background-color: @ColorSettings.Color.Secondary"></section>
                            </div>
                        </div>
                    }
                    else if (GeneralSettings.Header.ShowFrontpageImage)
                    {
                        var coverimage = GetString("Item.Area.HeaderLayoutImage");

                        <div class="container-fluid dw-header-image">
                            <div class="row">
                                <section class="carousel carousel-1 slice fluid" style="height: 160px !important; background: url('/Admin/Public/Getimage.ashx?width=1920&amp;compression=75&amp;Crop=5&amp;image=@coverimage') no-repeat; background-size: cover !important; background-color: @ColorSettings.Color.Secondary"></section>
                            </div>
                        </div>
                    }
                }
                else if (GeneralSettings.Header.Mode != "solid")
                {
                    if (currentpageid != firstpageid)
                    {
                        <div class="container-fluid dw-header-image">
                            <div class="row">
                                <section class="carousel carousel-1 slice fluid" style="height: 160px !important; background-color: transparent; background-size: cover !important;"></section>
                            </div>
                        </div>
                    }
                }
            </header>



        </div>
    </div>

<script>
                    $(function () {
                        if ($(document).height() <= 1199) {
                            $('.navbar.affix-top').attr('data-offset-top', '0');
                            //$('.pushmenu-left .affix-top ').attr('data-offset-top', '0');
                        }
                    });
</script>

    <!-- MAIN CONTENT -->
    
@GetValue("Title(Full width page)")
@GetValue("Description(Use this page for full width pages with left navigation.)")


@{
    string siteurl = GetGlobalValue("Global:Request.Url").ToString();
    var openclass = "";
    var opencontent = "";
    var arrowactive = "";
   
    var borderleft = "";
    var contentwidthandpadding = "";  
}
<section class="slice animate-hover-slide">



    <style>
        .container {
            max-width: 1250px;
        }
    </style>


    <div class="container " id="offcanvas-container">
        <div class="row white">
            @if (Pageview.Device == Dynamicweb.Frontend.PageView.DeviceType.Desktop || Pageview.Device == Dynamicweb.Frontend.PageView.DeviceType.Tablet)
            {
                if (GetBoolean("Item.Page.LayoutShowBreadcrumb"))
                {

                    <div class="container breadcrumbs">
                        <ul class="breadcrumb dw-breadcrumb" id="breadcrumb">
                            <li><a href="/Default.aspx?ID=@firstpageid">@Translate("Home","Home")</a></li>
                            @RenderNavigation(new { template = "breadcrumb.xslt",expandmode = "pathonly" })
                            @*@if (!string.IsNullOrWhiteSpace(@request["productid"]))
                                {
                                    <li class="active">@GetValue("Title")</li>
                                }*@
                        </ul>
                    </div>

                }
            }
            @if (!GetBoolean("Item.Page.LayoutHideLeftMenu"))
            {
                openclass = "pushmenu-open";
                opencontent = "pushmenu-push-toright";
                arrowactive = "active";
                borderleft = "border-left:1px solid #ccc;left:0;";
                contentwidthandpadding = "width:100%; padding-right:0;";
                <div class="pushmenu-left @openclass hidden-print hidden-xs" id="left-menu">
                    @{
                        var dataoffsetbottom = "100";
                        if (Pageview.Device == Dynamicweb.Frontend.PageView.DeviceType.Desktop)
                        {
                            dataoffsetbottom = "200";
                        }
                    }
                    <div class="widget affix-top" data-spy="affix" data-offset-top="130" data-offset-bottom="100" style="box-shadow: none">
                        &nbsp;
                        @RenderNavigation(new { template = "LeftNavigationEcom.xslt",startlevel = "1",endlevel = "5",id = "leftnavigation" })
                    </div>
                    <p>&nbsp;</p>
                </div>
                        }
            <div class="pushmenu-push @opencontent" style="@borderleft ">
                @if (!GetBoolean("Item.Page.LayoutHideLeftMenu"))
                {
                    <i class="fa fa-angle-double-right @arrowactive hidden-print" id="myButton"></i>
                }
                <div class="content" id="content" style="@contentwidthandpadding">

                    <div id="maincontent">@GetValue("DwContent(maincontent)")</div>
                </div>
            </div>




        </div>
    </div>
</section>


    <!-- FOOTER -->
      <div class="body-wrap @GeneralSettings.Site.LayoutMode">
        @if (GetBoolean("Item.Area.FooterTransparentBackground") != false)
        {
            background = "transparent";
        }


        <footer class="footer" style="background:@background !important;">
            <div class="container">
                <div class="row hidden">
                    @if (GetBoolean("Item.Area.FooterShowContactInfo"))
                    {
                        <div class="col-md-3 col-sm-6 col-xs-12">
                            <div class="col">
                                <h4>@Translate("Contact us", "Contact us")</h4>

                                @{
                                    string footeremail = GetString("Item.Area.FooterEmail");
                                }

                                <ul>
                                    <li>@GetValue("Item.Area.FooterCompanyName")</li>
                                    <li>@GetValue("Item.Area.FooterAddress")</li>
                                    <li>@Translate("Phone", "Phone"): @GetValue("Item.Area.FooterPhone") </li>
                                    <li>@Translate("Email", "Email"): <a href="mailto:@footeremail" title="Email Us">@GetValue("Item.Area.FooterEmail")</a></li>
                                </ul>
                                <div>&nbsp;</div>
                            </div>
                        </div>
                                    }

                    @if (GetBoolean("Item.Area.FooterNewsletterSignUp"))
                    {
                        <div class="col-md-3 col-sm-6 col-xs-12">
                            <div class="col">
                                <h4>@Translate("Mailing list", "Mailing list")</h4>
                                <p>@Translate("Sign up if you would like to receive occasional treats from us.", "Sign up if you would like to receive occasional treats from us.")</p>
                                <form name="UserManagementEditForm" action="/Default.aspx?ID=8478" method="post" enctype="multipart/form-data">
                                    <input name="UserManagementForm" value="1" type="hidden">
                                    <input id="UserManagementForm.DeleteImage" name="UserManagementForm.DeleteImage" type="hidden">
                                    <div style="display: none;">
                                        <input name="UserManagement_Form_EmailAllowed" id="UserManagement_Form_EmailAllowed" value="True" checked="checked" type="checkbox">
                                        <input name="UserManagement_Form_EmailAllowed_ApplyValue" id="UserManagement_Form_EmailAllowed_ApplyValue" value="AllowEmail" type="hidden">
                                    </div>
                                    <div class="input-group">
                                        @{ attrValue = Translate("Your email address", "Your email address");
                                        }

                                        <input name="UserManagement_Form_Email" id="UserManagement_Form_Email" type="text" class="form-control" placeholder="@attrValue">
                                        <span class="input-group-btn">
                                            <input class="btn btn-base" type="submit" id="submitter" value="Go">
                                        </span>
                                        
                                    </div>
                                    <div>&nbsp;</div>
                                </form>
                            </div>
                        </div>
                                            }

                    @if (GetBoolean("Item.Area.SocialLinksInFooter"))
                    {
                        string sicon = "";
                        string slink = "";

                        <div class="col-md-3 col-sm-6 col-xs-12">
                            <div class="col">
                                <h4>@Translate("Social links", "Social links")</h4>
                                <p>
                                    @foreach (LoopItem socialitem in GetLoop("Item.Area.SocialIconInFooter"))
                                    {
                                        sicon = socialitem.GetString("Item.Area.SocialIconInFooter.Icon");
                                        slink = socialitem.GetString("Item.Area.SocialIconInFooter.Link");

                                        <a href="@slink"><i class="fa @sicon fa-2x"></i>&nbsp;&nbsp;</a>
                                    }
                                </p>
                            </div>
                        </div>
                    }

                    @if (GetBoolean("Item.Area.FooterShowSitemap"))
                    {
                        <div class="col-md-6 col-sm-12 col-xs-12">
                            <div class="col">
                                @GetValue("DwNavigation(footersitemap)")
                            </div>
                            <div>&nbsp;</div>
                        </div>
                    }
                </div>

                <div class="row">
                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 copyright cprtext">
                        <div class="col">


                            @GetValue("Item.Area.FooterAddress")@* @Translate("All rights reserved.", "All rights reserved.")*@
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 copyright text-right">
                        <div class="col pull-right">

                            @if (GetBoolean("Item.Area.SocialLinksInFooter"))
                            {
                                string simage = "";
                                string slink = "";
                                foreach (LoopItem socialitem in GetLoop("Item.Area.SocialIconInFooter"))
                                {
                                    simage = socialitem.GetString("Item.Area.SocialIconInFooter.Image");
                                    slink = socialitem.GetString("Item.Area.SocialIconInFooter.Link");

                                    <a href="@slink" class="fb"><img src="/Admin/Public/GetImage.ashx?height=32&amp;Compression=75&amp;image=@simage" class="faceB">@*<i class="fa @sicon fa-2x"></i>*@&nbsp;</a>
                                }
                            }
                            <a href="@linkto"><img src="/Admin/Public/GetImage.ashx?width=100&amp;Compression=75&amp;image=@imageto"></a>
                        </div>
                    </div>


                    @if (GetString("Item.Area.WebmasterLinkCode") != "")
                    {
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 hidden">
                            <div class="col pull-right">
                                @{
                                    var webmasterlink = GetString("Item.Area.WebmasterLinkCode");
                                    var username = GetValue("Item.Area.FooterEmail");
                                    var pagename = GetGlobalValue("Global:Page.Name");
                                }

                                <p><a href="javascript:void(0);" rel="nofollow" onclick="window.open('@webmasterlink?un=@username&amp;pn=@pagename&amp;url=' + encodeURI(location),'_blank','width=1050,height=750,resizable=yes,scrollbars=yes');">Webmaster</a></p>
                            </div>
                        </div>
                                    }
                </div>
            </div>
        </footer>
    </div>

    <div class="@backgroundmodal" style="z-index:1030;"></div>
    <!-- Essentials -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <script src="/Files/Templates/Designs/Dwsimple/js/jquery.mousewheel.min.js"></script>
    <script src="/Files/Templates/Designs/Dwsimple/js/jquery.easing.1.3.min.js"></script>

    <!-- Assets -->
    <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-hover-dropdown/2.0.10/bootstrap-hover-dropdown.min.js"></script>

    <!-- Include Date Range Picker -->
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script>
    <script src="/Files/Templates/Designs/Dwsimple/js/bootstrap-datetimepicker.min.js"></script>

    <!-- Sripts for individual pages, depending on what plug-ins are used -->
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.3/js/jasny-bootstrap.min.js"></script>
    <script src="/Files/Templates/Designs/Dwsimple/js/foundation.js"></script>
    <script src="/Files/Templates/Designs/Dwsimple/js/tablesorter/jquery.tablesorter.min.js"></script>
    <script src="/Files/Templates/Designs/Dwsimple/js/tablesorter/jquery.metadata.min.js"></script>  
    <script type="text/javascript" src="/Files/Templates/Designs/Dwsimple/js/typeahead.bundle.min.js"></script>
  
    <script type="text/javascript" src="/Files/Templates/Designs/Dwsimple/js/custom.js"></script>
    <script src="/Files/Templates/Designs/Dwsimple/js/MiniCartAjax.js"></script>
    <script>
        $('.loadingdiv').click(function () {
            setTimeout(showSpinner, 200);
        });
        function showSpinner() {
            $('<div class=loadingDiv><img src="/files/templates/designs/dwsimple/images/spinner1.gif" alt="" /></div>').prependTo(document.body);
        }
        $(function () {
            setTimeout(function () {
                var orderDate = $.cookie("selected_order_date");
                if (currentUserId !== "0" && (orderDate == undefined || orderDate === "null")) {
                    $("#calendar, .modal-backdrop").addClass("in show");
                    $(".top-header .container .row .logobox .phone-header").css("display", "none");
                    $(".img-responsive.dw-logoimage").css("display", "none");
                }
                if (currentUserId === "0") {
                    $.cookie("selected_order_date", null, { path: "/" });
                }
                @{
                            var user = User.GetCurrentUser();
                            var daysOfWeekDisabled = string.Empty;
                            if (user != null)
                            {
                                var deliveryDates = user.CustomFieldValues.FirstOrDefault(x => x.CustomField.SystemName == "AccessUser_AccessUserDeliveryWeekdays");
                                if (deliveryDates != null && !string.IsNullOrWhiteSpace(deliveryDates.Value.ToString()))
                                {
                                    var disabledDays = Enumerable.Range(0, 7).Where(x => !deliveryDates.Value.ToString().Replace("7", "0").Contains(x.ToString()));
                                    daysOfWeekDisabled = string.Join(",", disabledDays);
                                }
                            }
                        }
                $("#datetimepicker").datetimepicker({
                    inline: true,
                    sideBySide: false,
                    locale: "da",
                    daysOfWeekDisabled: [@daysOfWeekDisabled],
                    minDate: (new Date()).setDate((new Date()).getDate() + 1)
                });
                $("input[name=DeliveryDate]").focus(function () {
                    $("#calendar, .modal-backdrop").addClass("in show");
                    $(".day").removeClass("active");
                    $("[data-day='" + orderDate + "' ]").addClass("active");
                });

                $("form[name=selectDate]").submit(function (e) {
                    e.preventDefault();

                    var selectedDate = $("#datetimepicker").find(".day.active").attr("data-day");
                    if (selectedDate !== "") {
                        var currentDate = new Date();
                        var expirationDate = new Date(currentDate.getFullYear(), currentDate.getMonth(), currentDate.getDate() + 1, 0, 0, 0);
                        $("input[name=DeliveryDate]").val(selectedDate);
                        $.cookie("selected_order_date", selectedDate, { expires: expirationDate, path: "/" });
                        //$("#calendar").modal("hide");

                        $("#calendar, .modal-backdrop").removeClass("in show");
        
                        @if ((System.Web.HttpContext.Current.Request["ID"] as string) != (Pageview.Area.Item["CartID"] as string)) {
                               <text>window.location = "Default.aspx?ID=" + @loginshoppage;</text>
    
                            } else {
      <text>updateCart();</text>
      }
                    }

                    return false;
                });


            }, 100);

        });


    </script>
    @if (Pageview.Device == Dynamicweb.Frontend.PageView.DeviceType.Mobile || Pageview.Device == Dynamicweb.Frontend.PageView.DeviceType.Tablet)
    {
        <script>
            $(document).foundation();
            $(".fa.fa-bars").on("click", function () {
               
                $("body").toggleClass("off");
                $("#myNavmenu").toggleClass("on");
            });
           
            $(".offcanvas-col a.login-btn").on("click", function () {
                $("button.btn-base").click();
            });
        </script>
    }
    @if (Pageview.Device == Dynamicweb.Frontend.PageView.DeviceType.Tablet)
    {
        <script type="text/javascript">
            function setHeight() {
                var w = document.body.offsetWidth;
                var totalHeight = $('.no-first > .row > .paragraph').outerHeight(true);
                $('.boxes').outerHeight(totalHeight);
            }
          

            // start on document.ready
        </script>
    }

    @{
    var productsearch = @Pageview.Area.Item["SearchProductsPage"];
    var searchproductitem = @Pageview.Area.Item["LinkToSearchProductPageItem"];
    string ItemPageIDproducts = searchproductitem.ToString().TrimStart('/');
    string seoproductsearch = Dynamicweb.Frontend.SearchEngineFriendlyURLs.GetFriendlyUrl(ItemPageIDproducts);
}
<script>
        var searchproducts = new Bloodhound({
            datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
            queryTokenizer: Bloodhound.tokenizers.whitespace,
            remote: {
                url: '@seoproductsearch?eComQuery=%QUERY&PageSize=10',
                wildcard: '%QUERY'

            },

        });


        $('#search-form .form-control').typeahead(
            {
                hint: false,
                highlight: false,
                minLength: 1
            },
            {
                limit: 10,
                name: 'name',
                display: 'name',
                source: searchproducts,
                templates: {
                    header: '',
                    empty: '<div class="not-found">@Translate("no found","no found")</div>', //optional
                    suggestion: function (el) {
                        return '<div class="row-search clearfix"><div class="test pull-left"><a href="' + el.link + '">' + '<div class="img-wrapper"><img src="' + el.image + '" /></div>' + '<span>' + el.name + '</span>' + '</a></div></div>';
                    },
                    footer: function (el) {
                        return '<div class="footer-paging"></div>';
                    }
                }
            });
</script>
    @RenderSnippet("JavaScriptBottom")
</body>



</html>