@import url(ui.slider.extras.css);

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #252525;
}

p
{
    color: #6a6a6a;
    line-height: 22px;
}

h1
{
    line-height: 28px;
    font-size: 28px;
    padding-bottom: 30px;
}

h1.nomargin
{
    padding-bottom: 5px;
}

h2
{
    font-size: 18px;
    line-height: 18px;
    padding-bottom: 20px;
}

a { color: #d10000; }
a:hover { color: #252525 }

h1, h2, div.Banner p, a.MoreInfos, div.Footer label,
div.Header div.Customer span.Phone, .Button, div.FormLayout h3,
div.ConfTitle, div.OrderResume div.Total, div.OrderResume h4,
div.OrderResume div.Phone, div.ModalGrey div.Connect,
div.Header ul.Nav li div.Content h3, div.Banner div.Container div.Price,
table.Data.Compare tr.Head td div.Price, ul.Currency a, #layerslider
{
    font-family: Arial, Helvetica, sans-serif;
}

div.Header span.Support, div.Header ul.Nav a, div.Header ul.Currency ol a,
div.Header ul.Lang a, div.GreyContent li, div.GreyContent h3,
div.References h3, div.Footer div.Nativa,
div.Footer div.Support, div.Footer div.Phone,
div.Footer div.Bottom, div.Banner.Order h2,
div.FormLayout label, div.FormLayout label a,
div.StepContainer div.Step, ul.Sales li span.Up,
div.FormLayout.Contact div.Success p,
div.ModalTabs ul li, div.ModalTabs div.Close a,
div.OrderResume h5, .ui-slider span.ui-slider-label, div.ModalGrey a,
div.Banner.Medium h2, table.Data td, table.Data.Compare th
{
    font-family: Arial, Helvetica, sans-serif;
}

p.ContactAddress, div.InfoMessage p
{
    font-family: Arial, Helvetica, sans-serif;
}

div.GreyContent h2, div.Slider div.Price, ul.Sales li span.Int, ol.BasePrestations li,
div.FormLayout span.Error, div.Applications, div.ContentLayout div.Note, div.PriceContent
{
    font-family: "Times New Roman", Times, Helvetica, sans-serif;
}

a.MoreInfos:hover, div.Header ul.Nav a:hover, div.Slider div.Price span,
div.Footer div.Bottom a:hover, div.Footer ul a:hover, div.Header ul a.Selected,
div.Header ul a.Selected:hover, div.FormLayout label a:hover, div.ModalTabs div.Close a:hover,
div.ModalTabs ul li:hover, div.ModalGrey a:hover, div.Banner div.Container div.Price span,
div.Applications a, ol.BasePrestations li div span, table.Data.Compare tr.Head td div.Price span,
div.Header ul.Currency li.Upper a:hover, div.PriceContent span
{
    color: #d10000 !important;
}

div.Banner div.Container,
div.StepContainer,
div.Wrapper
{
    width: 960px;
    margin: 0 auto;
}

div.FilterPanel, div.Panel { display: none }

div.M50 { margin: 50px 0; }
div.P40 { padding: 40px 0; }
div.RowFluid { width: 100%; float: left; clear: both; }
div.Span1, div.Span2, div.Span3, div.Span4, div.Span5 { float: left; }
div.Span1 { width: 160px; }
div.Span2 { width: 320px; }
div.Span3 { width: 480px; }
div.Span4 { width: 640px; }
div.Span5 { width: 800px; }
div.SpanRight { float: right; }

div.Header ul, div.Footer ul, div.GreyContent ul,
div.References ul, div.HostingSlider ul.Types, ul.Slider { list-style: none; }

div.TextImageRight, div.TextImageLeft { background-repeat: no-repeat; }
div.TextImageRight { padding-right: 390px; background-position: right center; }
div.TextImageLeft { padding-left: 390px; background-position: left center; }
div.TextImageRight.Top, div.TextImageLeft.Top { background-position: left top; }

a.MoreInfos
{
    line-height: 30px;
    font-size: 12px;
    text-transform: uppercase;
    color: #424242;
    margin-left: 15px;
}

div.Header
{
    background-image: url(../images/header.png);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 98px;
    z-index: 50;
}

div.Header div.Logo { padding-top: 20px; }
div.Header div.Customer
{
    float: right;
    line-height: 26px;
    text-transform: uppercase;
    padding: 20px 0 10px 0;
}

div.Header span.Phone
{
    font-size: 18px;
    margin-left: 10px;
}

div.Header span.Support
{
    font-size: 11px;
    color: #6a6a6a;
}

div.Header div.Customer a.Button
{
    float: right;
    margin-left: 15px;
}

div.Header div.Wrapper
{
    position: relative;
}

div.Header ul { float: right; }
div.Header ul li { line-height: 20px; float: left; }
div.Header ul.Lang, div.Header ul.Currency { margin-top: -1px; }
div.Header ul.Lang li { margin-left: 10px; }

div.Header div.Separator { float: right; border-left: 1px solid #adadad; height: 11px; margin-left: 20px; padding-right: 20px; margin-top: 3px; }
div.Header ul.Currency li.Upper { text-transform: uppercase; font-size: 11px; width: 120px; text-align: center; }
div.Header ul.Currency li.Upper a { color: #919191; }
div.Header ul.Currency li ol li { text-align: left; }
div.Header ul.Currency li ol a { color: #D7D7D7 !important; text-transform: none; }
div.Header ul.Currency li div.Second
{
    display: none;
    position: absolute;
    padding-top: 18px;
    width: 160px;
    margin-left: -20px;
}

div.Header ul.Currency li div.Second div.Content
{
    padding: 0 20px 0 20px;
}

div.Header ul.Nav li { margin-left: 40px; }
div.Header ul.Nav li a { display: block; }
div.Header ul.Nav li div.Second
{
    display: none;
    position: absolute;
    width: 800px;
    right: 0;
    padding-top: 21px;
}

div.Header ul.Nav li ol li.Separator
{
    line-height: 1;
    font-size: 1px;
    padding: 3px 0
}

div.Header ul li div.Content
{
    /*background-image: url(../images/nav_background.png);*/
    background-color: black;
    border-top: 2px solid #d10000;
    font-size: 12px;
    display: block;
}

div.Header ul.Nav li div.Content div.Span1
{
    padding: 20px;
}

div.Header ul.Nav li div.Content h3
{
    padding-bottom: 5px;
    color: white;
    text-transform: uppercase;
    display: block;
}

div.Header ul li span.Tick
{
    display: none;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #d10000;
    border-width: 0 10px 10px;
    cursor: default;
    margin-left: 20px;
    margin-top: 13px;
    font-size: 0;
    height: 0;
    width: 0;
    position: absolute;
    line-height: 0;
    z-index: 1000;
}

div.Header ul.Currency li span.Tick
{
    margin-top: 10px;
    margin-left: 45px;
}

div.Header ul li div.Content ol { list-style: none; }
div.Header ul li div.Content ol li { float: none; display: block; margin: 0; padding: 7px 0 0 0; }
div.Header ul li div.Content ol li a { margin: 0; padding: 0; color: #d7d7d7; font-size: 12px; }
div.Header ul li:hover div.Second { display: block; }
div.Header ul li:hover span.Tick { display: block; }
div.Header ul.Nav a, div.Header ul.Lang a
{
    font-size: 12px;
    color: #919191;
}

div.Header ul.Nav a
{
    font-size: 16px;
    color: #4a4949;
}

div.Header ul.Lang a:hover, div.Header ul.Currency a:hover { color: #252525; }

div.Banner
{
    background-color: #d3d4d6;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
}

div.Banner.Big { height: 646px; }
div.Banner.Small { height: 323px; background-image: url(../images/banners/small_default.jpg); }
div.Banner.Medium { height: 465px; }
div.Banner.Google { height: 463px; z-index: 0; margin: 0 auto; }
div.Banner.Google div.gmnoprint { display: none }
div.Banner.Events { background-image: url(../images/banners/home_default.jpg); height: 425px }

div.Banner.Medium.Storage { background-image: url(../images/banners/online_storage.jpg) }
div.Banner.Medium.Space { background-image: url(../images/banners/housing_space.jpg) }
div.Banner.Medium.Unit { background-image: url(../images/banners/housing_unit.jpg) }
div.Banner.Medium.Physical { background-image: url(../images/banners/dedicated_physical.jpg) }
div.Banner.Medium.Xen { background-image: url(../images/banners/dedicated_xen.jpg) }
div.Banner.Medium.Hosting { background-image: url(../images/banners/hosting.jpg) }
div.Banner.Medium.Exchange { background-image: url(../images/banners/exchange.jpg) }
div.Banner.Medium.Drp { background-image: url(../images/banners/drp.jpg) }

div.Banner h1 { font-size: 36px; padding-top: 78px; color: white; }
div.Banner h2 { font-size: 24px; color: #b8b8b8; padding-top: 5px; }
div.Banner.Order h1 { padding-top: 48px; }

div.Banner h1,
div.Banner h2,
div.Banner p,
div.Banner div.Container div.Price
{
    text-shadow: 1px 1px 2px black;
    padding-bottom: 10px;
}

div.Banner.Home h1 { font-size: 40px; padding: 5px 0 15px 0; }
div.Banner.Home h2 { font-size: 26px; color: white; }
div.Banner p
{
    font-size: 16px;
    padding-bottom: 20px;
    color: white;
}

div.Banner.Medium h2 { font-size: 24px; }
div.Banner.Medium p
{
    padding-top: 5px;
    width: 522px;
    font-size: 14px;
}

div.Banner div.Container
{
    margin-top: 98px;
}

div.Banner div.Container div.Price { color: white; font-size: 16px; }
div.Banner div.Container div.Price span { font-size: 36px; }
div.Banner div.Container div.Price span sup { font-size: 18px; }

div.Banner.Home div.Container { padding-top: 170px; }

div.GreyContent
{
    background-color: #f8f8f8;
    overflow: hidden;
}

div.GreyContent h2
{
    font-size: 36px;
    font-style: italic;
}

div.GreyContent h2.Em
{
    display: block;
    text-align: center;
    padding: 60px 0;
}

div.GreyContent ul li
{
    float: left;
    margin-right: 8px;
    width: 108px;
    height: 103px;
    color: #555555;
    text-align: center;

    border: 2px solid #d9d9d9;
    background-color: #fafafa;

    font-size: 11px;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow: inset 1px 1px 1px 1px white, inset -1px -1px 1px 1px white;
}

div.GreyContent ul.Plus li div
{
    width: 34px;
    height: 34px;
    margin: 15px auto 5px auto;

    background-image: url(../images/plus.png);
}

div.GreyContent ul.Plus div.Datacenter { background-position: left center }
div.GreyContent ul.Plus div.Support { background-position: -34px center }
div.GreyContent ul.Plus div.Backup { background-position: -68px center }
div.GreyContent ul.Plus div.Push { background-position: -102px center }
div.GreyContent ul.Plus div.Evolutive { background-position: -136px center }
div.GreyContent ul.Plus div.Multidomain { background-position: -170px center }
div.GreyContent ul.Plus div.Experience { background-position: -204px center }
div.GreyContent ul.Plus div.Disbributed { background-position: right center }

div.GreyContent ul.Plus label
{
    padding: 10px 10px;
    display: block;
    line-height: 14px;
}

div.GreyContent ul.Plus li:last-child { margin-right: 0; }
div.GreyContent div.TextImageRight
{
    background-image: url(../images/graphics/datacenter_cloud_locked.png);
    margin-top: 50px;
    padding-top: 80px;
    padding-bottom: 80px;
    margin-bottom: 40px;
}

div.GreyContent h3,
div.References h3
{
    font-size: 26px;
    margin-bottom: 15px;
    line-height: 30px;
}

div.References { padding: 50px 0; }
div.References div.TextImageLeft
{
    padding-top: 30px;
    background-image: url(../images/graphics/datacenter_45.png);
}

div.References ul { padding: 20px 0; text-align: center; }
div.References ul li { display: inline-block; margin-right: 20px; margin-bottom: 20px; }
div.References ul li a { padding: 0; margin: 0; display: block; }

div.StepContainer
{
    margin-top: 40px;
    height: 40px;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../images/order_tracking.png)
}

div.StepContainer div.Step
{
    width: 216px;
    margin-right: 5px;
    line-height: 42px;
    padding-left: 20px;
    float: left;
}

div.StepContainer div.Step.Fourth { margin-right: 0; }
div.StepContainer.Second { background-position: left -40px; }
div.StepContainer.Third { background-position: left -80px; }
div.StepContainer.Fourth { background-position: left -120px; }
div.ConfAddress { padding: 10px 0 20px 0; line-height: 16px; font-size: 12px; }

div.StepContainer.First div.Step.First,
div.StepContainer.Second div.Step.Second,
div.StepContainer.Third div.Step.Third,
div.StepContainer.Fourth div.Step.Fourth
{
    color: #d10000;
}

ul.Sales { list-style: none; }
ul.Sales li { padding: 3px 0 5px 22px; background-repeat: no-repeat; background-position: left top; }
ul.Sales li p { font-size: 12px; color: #454546; }
ul.Sales li.Phone { background-image: url(../images/cta_phone.png) }
ul.Sales li.Email { background-image: url(../images/cta_email.png) }
ul.Sales li.Fax { background-image: url(../images/cta_fax.png) }
ul.Sales li span.Int { font-style: italic; color: #898989; }
ul.Sales li span.Up
{
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    padding-bottom: 5px;
    display: block;
}

div.HostingSlider
{
    min-height: 100px;
}

div.HostingSlider label
{
    float: right;
    font-size: 10px;
    text-transform: uppercase;
    color: #919191;
    line-height: 50px;
    padding-right: 10px;
}

div.HostingSlider ul.Types { float: right; }
div.HostingSlider ul.Types li
{
    float: left;
    padding: 13px 10px;
    border: 1px solid white;
    border-top: none;
    cursor: pointer;
}

div.HostingSlider ul.Types li.Selected
{
    background-color: #f8f8f8;
    border-color: #d6d6d6;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    box-shadow: inset 1px 1px 1px 1px white, inset -1px -1px 1px 1px white;
}

div.HostingSlider ul.Types div { width: 22px; height: 22px; background-image: url(../images/server_types.png) }
div.HostingSlider ul.Types div.Windows { background-position: left -22px }
div.HostingSlider ul.Types div.Linux { background-position: left 0 }
div.HostingSlider ul.Types li.Hover div.Windows, div.HostingSlider ul.Types li.Selected div.Windows { background-position: right -22px }
div.HostingSlider ul.Types li.Hover div.Linux, div.HostingSlider ul.Types li.Selected div.Linux { background-position: right 0 }

div.Slider { position: relative; margin: 20px auto; font-size: 12px; }

div.Slider a.showcase-arrow-next,
div.Slider a.showcase-arrow-previous
{
    position: absolute;
    width: 55px;
    height: 325px;
    background-image: url(../images/slider_arrows.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

div.Slider div.showcase-content { background-color: white; }
div.Slider a.showcase-arrow-previous { left: -65px; background-position: 15px center; }
div.Slider a.showcase-arrow-previous:hover { background-position: -40px center; }
div.Slider a.showcase-arrow-next { right: -65px; background-position: -95px center; }
div.Slider a.showcase-arrow-next:hover { background-position: -150px center; }

div.Slider div.showcase-content { padding: 20px 0; }
div.Slider div.showcase-button-wrapper { text-align: center; display: block; }
div.Slider div.showcase-button-wrapper span { padding: 2px 60px; font-size: 0; line-height: 0; background-color: #ececec; margin: 0 2px; cursor: pointer; }
div.Slider div.showcase-button-wrapper span:hover { background-color: #252525; }
div.Slider div.showcase-button-wrapper span.active { background-color: #d10000; }

div.Slider h2
{
    font-size: 28px;
    padding-bottom: 5px;
}

div.Slider div.Price,
div.PriceContent
{
    font-style: italic;
    color: #898989;
    font-size: 21px;
    padding-bottom: 15px;
}

div.Slider div.Price sup, div.PriceContent sup { font-size: 14px; font-style: italic; }
div.ContentLayout ul, div.ModalMiddle ul, div.Slider div.showcase-content ul { list-style-image: url(../images/list_arrow.png); margin-left: 10px; }
div.Slider div.showcase-content ul li { padding: 5px 0; float: left; width: 50%; }
div.Slider div.TextImageLeft { padding-left: 40%; height: 310px; }

div.Footer div.Top
{
    height: 214px;
    background-color: #161616;
    background-image: url(../images/footer.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

div.Footer div.Span1 { margin-top: 41px; }
div.Footer label
{
    text-transform: uppercase;
    color: white;
    font-size: 14px;
}

div.Footer ul { margin-top: 25px; }
div.Footer ul li { padding: 4px 0; font-size: 12px; }
div.Footer ul li a { color: #bbb; }
div.Footer div.Top div.SpanRight { padding-top: 54px; }

div.Footer div.Nativa,
div.Footer div.Support,
div.Footer div.Phone
{
    text-align: right;
}

div.Footer div.Nativa { padding-bottom: 25px; }
div.Footer div.Support
{
    padding-top: 50px;
    font-size: 11px;
    color: #bbb;
}

div.Footer div.Phone
{
    font-size: 32px;
    color: white;
}

div.Footer div.Bottom
{
    font-size: 11px;
    line-height: 45px;
}

div.Footer div.Bottom, div.Footer div.Bottom a { color: #515151; }
div.Footer div.Bottom span.Sep
{
    padding: 0 10px;
    color: #b6b7bb;
}

div.Footer a.Social
{
    background-repeat: no-repeat;
    background-position: left 2px;
    margin-left: 20px;
    padding-left: 25px;
    line-height: 45px;
    float: right;
}

div.Footer a.Social:hover { background-position: left -48px; }
div.Footer a.Social.Facebook { background-image: url(../images/foo_facebook.png); }
div.Footer a.Social.Twitter { background-image: url(../images/foo_twitter.png); }
div.Footer a.Social.Email { background-image: url(../images/foo_email.png); }

.Button
{
    font-size: 12px;

    background-color: #b50211;
    background-image: -moz-linear-gradient(top, #ce1413, #b50211);
    background-image: -o-linear-gradient(top, #ce1413, #b50211);
    background-image: -webkit-linear-gradient(top, #ce1413, #b50211);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ce1413', endColorstr = '#b50211', GradientType = 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce1413',endColorstr='#b50211')";

    padding: 6px 12px;
    display: block;
    float: left;
    color: white;
    cursor: pointer;

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.Button.Previous
{
    background-color: #b7b7b7;
    background-image: -moz-linear-gradient(top, #b7b7b7, #8a8a8a);
    background-image: -o-linear-gradient(top, #b7b7b7, #8a8a8a);
    background-image: -webkit-linear-gradient(top, #b7b7b7, #8a8a8a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b7b7b7', endColorstr = '#8a8a8a', GradientType = 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7b7b7',endColorstr='#8a8a8a')";
}

.Button:hover
{
    color: white;
    background-color: #ce1413;
    background-image: -moz-linear-gradient(top, #b50211, #ce1413);
    background-image: -o-linear-gradient(top, #b50211, #ce1413);
    background-image: -webkit-linear-gradient(top, #b50211, #ce1413);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b50211', endColorstr = '#ce1413', GradientType = 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#b50211',endColorstr='#ce1413')";
}

.Button.Previous:hover
{
    background-color: #8a8a8a;
    background-image: -moz-linear-gradient(top, #8a8a8a, #b7b7b7);
    background-image: -o-linear-gradient(top, #8a8a8a, #b7b7b7);
    background-image: -webkit-linear-gradient(top, #8a8a8a, #b7b7b7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#8a8a8a', endColorstr = '#b7b7b7', GradientType = 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a8a8a',endColorstr='#b7b7b7')";
}

.Button.NoRound
{
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.Button.Swiss span
{
    background-image: url(../images/swiss_small.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
    line-height: 14px;
    display: block;
}

.Button.Previous,
.Button.Next
{
    padding: 8px 12px;
    text-transform: uppercase;
}

.Button.Right
{
    float: right;
}

.Button.Next span
{
    padding-right: 10px;
    background-image: url(../images/btn_arrow_right.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.Button.Previous span
{
    padding-left: 10px;
    background-image: url(../images/btn_arrow_left.png);
    background-repeat: no-repeat;
    background-position: left center;
}

div.Banner.Home a.Button { padding-right: 30px; }
div.FormLayout.Order label,
div.FormLayout.Order label a
{
    font-size: 14px;
    color: #898989;
}

div.FormLayout.Order {
    min-height: 500px;
}

div.FormLayout.Order label a
{
    color: #252525;
}

div.FormLayout input[type=text],
div.FormLayout input[type=password]
{
    height: 36px;
}

div.FormLayout input[type=text],
div.FormLayout input[type=password],
div.FormLayout textarea
{
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 10px 0 10px;
    font-size: 12px;
    color: #6a6a6a;
    line-height: 16px;
    border: 1px solid #b5b5b5;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    background-color: #f8f9f9;

    -webkit-box-shadow: inset 2px 2px 2px 0 #e1e2e2;
    -moz-box-shadow: inset 2px 2px 2px 0 #e1e2e2;
    -o-box-shadow: inset 2px 2px 2px 0 #e1e2e2;
    -ms-box-shadow: inset 2px 2px 2px 0 #e1e2e2;
    box-shadow: inset 2px 2px 2px 0 #e1e2e2;

    outline: none;
}

div.FormLayout textarea
{
    padding: 10px;
}

div.FormLayout input[type=text]:focus,
div.FormLayout input[type=password]:focus,
div.FormLayout textarea:focus
{
    border-color: #252525;
}

div.FormLayout input[type=checkbox],
div.FormLayout input[type=radio]
{
    margin-right: 5px;
}

div.FormLayout table td.Label
{
    line-height: 43px;
    width: 200px;
}

div.FormLayout div.radio_list,
div.FormLayout div.checkbox_list
{
    padding: 10px 0;
}

div.FormLayout div.checkbox_list span,
div.FormLayout div.radio_list span
{
    padding-right: 20px;
}

div.FormLayout.Order div.checkbox_list span,
div.FormLayout.Order div.Content div.radio_list span
{
    display: block;
    padding-bottom: 10px;
}

.radio_list.Warp span,
.checkbox_list.Warp span
{
    display: block;
    margin-bottom: 20px;
}

div.FormLayout span.Error { font-style: italic; font-size: 12px; color: #b90511; }
div.FormLayout span.FieldError input,
div.FormLayout span.FieldError textarea,
div.FormLayout span.FieldError div.DropdownHead
{
    border-color: #b90511;
}

div.ContentLayout,
div.FormLayout.Order
{
    padding-left: 320px;
    margin: 60px 0;
    background-repeat: no-repeat;
    background-position: top left;
}

div.FormLayout.Order.Payment { background-image: url(../images/graphics/order_payments.png); }
div.FormLayout.Order.Success { background-image: url(../images/graphics/order_success.png); }
div.FormLayout.Order.Password { background-image: url(../images/graphics/order_password.png); }
div.FormLayout.Order h3 { font-size: 28px; padding-bottom: 30px; }
div.FormLayout.Order div.Row { padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; margin-bottom: 20px; }
div.FormLayout.Order div.Row input.Domain { width: 620px; margin-left: -57px }
div.FormLayout.Order div.Row div.NbChoice { margin-left: -57px; position: relative }
div.FormLayout.Order div.Row div.NbChoice input { width: 100px; float: left }

div.FormLayout.Order div.Row div.NbChoice .spin-btn
{
    position: absolute;
    margin: 5px 0 0 0 !important;
    padding: 0 !important;
    width: 20px;
    height: 18px;
    border: 1px solid #b5b5b5;
    border-left: none;
}

div.FormLayout.Order div.Row div.NbChoice .spin-btn.minus
{
    border-top: none;
    margin-top: 24px !important;
}

div.FormLayout.Order div.Row.Image { background-repeat: no-repeat; background-position: 3px left; padding-left: 57px; }
div.FormLayout.Order div.Row.Image div.Dropdown { margin-left: -57px; }
div.FormLayout.Order div.Row.Last { border-bottom: none; }
div.FormLayout.Order div.Label { padding-bottom: 10px; }
div.FormLayout.Order div.Label label { font-size: 18px !important; color: #4a4949 !important; }
div.FormLayout.Order p { color: #6a6a6a; font-size: 12px; line-height: 16px; }

div.FormLayout input[type=text],
div.FormLayout input[type=password],
div.FormLayout textarea,
div.FormLayout div.Dropdown
{
    margin: 5px 0 15px 0;
    display: block;
}

div.FormLayout table input[type=text],
div.FormLayout table input[type=password]
{
    margin-bottom: 5px;
}

select.Hidden { display: none }
div.FormLayout label { font-size: 14px; }
div.FormLayout.Contact div.Success { text-align: center; margin-top: -10px; }
div.FormLayout.Contact div.Success h1 { padding-bottom: 20px; }
div.FormLayout.Contact div.Success p { color: #454546; font-size: 21px; }

div.FormLayout div.Span2 ~ div.Span2 input,
div.FormLayout div.Span2 ~ div.Span2 label,
div.FormLayout div.Span2 ~ div.Span2 div.Dropdown
{
    margin-left: 9px;
}

div.FormLayout div.Span2 input[type=text], div.FormLayout input[type=password] { width: 289px; }
div.FormLayout div.Span2 select { width: 311px; }
div.FormLayout div.RowFluid div.Span4 textarea { width: 618px; height: 200px; resize: vertical; }
div.FormLayout div.Content
{
    padding-top: 20px;
}

div.FormLayout.Order div.Row.Image select,
div.FormLayout div.RowFluid.Full select
{
    width: 640px;
}

div.FormLayout table.OrderResumeDisplay
{
    width: 100%;
    margin-bottom: 30px;
}

div.FormLayout table.OrderResumeDisplay td
{
    padding: 5px 0;
    width: 50%;
}

div.FormLayout table.OrderResumeDisplay.Cols3 td
{
    width: 33%;
}

div.OrderResume
{
    position: absolute;
    top: 383px;
    width: 280px;
}

div.OrderResume div.Total
{
    background-image: url(../images/graphics/order_total.png);
    background-repeat: no-repeat;
    width: 248px;
    height: 248px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

div.OrderResume h3 { font-size: 22px; padding-bottom: 20px; }
div.OrderResume h4 { font-size: 18px; padding: 30px 0 10px 0; }
div.OrderResume h5 { font-size: 11px; text-transform: uppercase; padding-bottom: 2px; }
div.OrderResume div.Price { font-size: 16px; color: #4a4949; }
div.OrderResume div.Phone
{
    color: #b90511;
    font-size: 19px;
    background-image: url(../images/cta_phone.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 22px;
}

div.OrderResume ul { list-style: none; border-bottom: 1px solid #dcdcdc; background-color: white; }
div.OrderResume ul li { border-top: 1px solid #dcdcdc; padding: 7px; }
div.OrderResume ul li.dr { background-color: #f8f8f8; }
div.OrderResume ul li span { color: #6a6a6a; font-size: 11px; }
div.OrderResume ul li span div { padding-bottom: 2px; }


div.FormSlider { margin-bottom: 60px; }
div.FormLayout.Order div.FormSlider { margin-left: -57px; margin-bottom: 40px; }

div.FormSlider div.Left, div.FormSlider div.Right
{
    background-repeat: no-repeat;
    height: 30px;
}

div.FormSlider div.Left
{
    background-position: center left;
    background-image: url(../images/slider_left.png);
    padding-left: 45px;
}

div.FormSlider div.Right
{
    background-position: center right;
    background-image: url(../images/slider_right.png);
    padding-right: 45px;
}

div.FormSlider div.Middle
{
    background-image: url(../images/slider_bg.png);
    padding-top: 10px;
    height: 20px;
}
div.FormLayout ul.global_error { list-style: none; }
div.FormLayout ul.global_error li { line-height: 16px; }
div.FormLayout ul.global_error, div.Flash
{
    padding: 5px 12px;
    border-style: solid;
    line-height: 16px;

    border-width: 1px;
    color: #555;
    margin-bottom: 20px;
    font-weight: bold;

    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-image: none !important;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

div.FormLayout ul.global_error,
div.Flash.Error
{
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}

div.Flash.Success
{
    background-color: #d3fbcf;
    border-color: #77c66f;
}

div.ModalGrey, div.ModalTabs, div.ModalMiddle { padding: 0 50px; }
div.ModalGrey div.Connect
{
    width: 200px;
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: left 2px;
    height: 16px;
    line-height: 16px;
    padding-left: 25px;
    margin: 0 auto;
}
div.ModalMiddle { padding-bottom: 20px; padding-top: 30px; }
div.ModalGrey { background-color: #f8f8f8; padding-bottom: 30px; padding-top: 30px; }
div.ModalGrey input { background-color: white !important; }
div.ModalGrey a { color: #454546; font-size: 12px; }
div.ModalTabs h1 { float: left; padding-top: 30px; padding-bottom: 0; }
div.ModalTabs ul { list-style: none; float: left; }
div.ModalTabs ul li
{
    margin-right: 5px;
    float: left;
    border: 1px solid #d6d6d6;
    border-top: none;
    background-color: #f8f8f8;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    box-shadow: inset 1px 1px 1px 1px white, inset -1px -1px 1px 1px white;
    text-align: center;
    width: 80px;
    cursor: pointer;
    padding-bottom: 10px;
}

div.ModalTabs ul li.Selected
{
    background-color: #ce1413;
    background-image: -moz-linear-gradient(top, #ce1413, #b50211);
    background-image: -o-linear-gradient(top, #ce1413, #b50211);
    background-image: -webkit-linear-gradient(top, #ce1413, #b50211);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ce1413', endColorstr = '#b50211', GradientType = 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce1413',endColorstr='#b50211')";
    box-shadow: none;
    border: none;
    padding: 0 1px 11px 1px;
}

div.ModalTabs ul li { font-size: 11px; color: #555; }
div.ModalTabs ul li span
{
    display: block;
    width: 40px;
    height: 40px;
    background-position: center top;
    background-repeat: no-repeat;
    margin: 2px auto 0 auto;
}

div.ModalTabs ul li.Selected { color: white !important }
div.ModalTabs ul li.Selected span { background-position: center bottom; }

div.ModalTabs ul li#tab_console span { background-image: url(../images/sec_console.png) }
div.ModalTabs ul li#tab_webmail span { background-image: url(../images/sec_webmail.png) }
div.ModalTabs ul li#tab_payments span { background-image: url(../images/sec_payments.png) }

div.ModalTabs div.Close { float: right; line-height: 65px; }
div.ModalTabs div.Close a { color: #252525; text-transform: uppercase; font-size: 10px; }

ul.PasswordRules { padding-left: 25px; }
ul.PasswordRules li { line-height: 20px; font-size: 12px; }

div.ContentLayout h2 { padding-top: 10px; }
div.ContentLayout.Full { padding-left: 0; }

div.ContentLayout a.Pdf
{
    line-height: 16px;
    background-image: url(../images/pdf_link.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
}

div.ContentLayout ul, div.ModalMiddle ul { margin-left: 20px; margin-bottom: 10px; }
div.ContentLayout ul li, div.ModalMiddle ul li { line-height: 20px; }
div.ContentLayout div.Info { padding-bottom: 5px; }
div.ContentLayout div.Info b { color: #898989; width: 100px; display: inline-block; }
div.ContentLayout div.Note { padding-top: 20px; font-size: 12px; color: #898989; font-style: italic; float: left; line-height: 28px; width: 100% }
div.ContentLayout div.Note .Button { margin-right: 20px }
div.ContentLayout ul.Cols li { float: left; width: 310px; }
div.ContentLayout h2 { line-height: 23px; }
div.ContentLayout h1 { line-height: 34px; }

div.ContentLeft { float: left; width: 280px; margin-bottom: 60px; }
div.ContentLeft h2 { padding: 20px 0; }
div.ContentLeft div.Image { height: 270px; background-repeat: no-repeat; background-position: center bottom; overflow: hidden; }
div.ContentLeft div.Image a.Button { width: 120px; text-align: center; margin: 170px auto 0 auto; float: none; }

div.ContentLeft.Teamviewer div.Image { background-image: url(../images/graphics/support_teamviewer.png) }
div.ContentLeft.About div.Image, div.ContentLeft.Default div.Image { background-image: url(../images/graphics/left_logo.jpg) }
div.ContentLeft.Transfer div.Image { background-image: url(../images/graphics/transfer_domain.jpg) }
div.ContentLeft.Storage div.Image { background-image: url(../images/graphics/online_storage.png) }
div.ContentLeft.Unit div.Image { background-image: url(../images/graphics/housing_unit.png) }
div.ContentLeft.Space div.Image { background-image: url(../images/graphics/housing_space.png) }
div.ContentLeft.Xen div.Image { background-image: url(../images/graphics/dedicated_xen.png) }
div.ContentLeft.Physical div.Image { background-image: url(../images/graphics/dedicated_physical.png) }

div.ContentLayout div.Gallery a img, div.ContentLayout div.Gallery a { float: left; }
div.ContentLayout div.Gallery a { display: block; margin-right: 20px; }

div.Applications div.RowFluid { clear: right; padding-bottom: 10px; }
div.Applications a { font-size: 16px; }
div.Applications * { font-style: italic; }
div.Applications span { color: #898989; font-size: 11px; }
div.Applications span em { color: #252525; }

div.GreyContent.Content h2 { text-align: center; font-size: 28px; padding-bottom: 40px; }

div.ModalMiddle ul { padding-bottom: 20px }
div.ModalMiddle h2 span.Price { color: #d10000 }

table.Data { width: 100%; }
table.Data td { padding: 10px; background-color: white; text-transform: uppercase; font-size: 11px; position: relative; }
table.Data td span.NoMaj { text-transform: none }
table.Data tr:nth-of-type(even) td { background-color: #eaeaea; }
table.Data td .Help { float: right; margin: -2px 0 -6px 0 !important; display: block; height: 18px; width: 18px; }

table.Data.Compare tr.Head td { background: none; border-left: 0;  }
table.Data.Compare tr.Head td.Th
{
    width: 150px;
    border-left: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    box-shadow: inset 1px 1px 1px 1px white, inset -1px -1px 1px 1px white;
    background-color: #f8f8f8;

    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

table.Data.Compare tr.Head td { padding: 0 }
table.Data.Compare tr.Head td div.Content { height: 120px; padding-top: 5px; background-repeat: no-repeat; background-position: bottom center; }
table.Data.Compare tr.Head td.Th.Last { border-right: 1px solid #d3d3d3; }

table.Data.Compare tr.Head td.F div.Content { background-image: url(../images/graphics/hosting_compare_1.png) }
table.Data.Compare tr.Head td.S div.Content { background-image: url(../images/graphics/hosting_compare_2.png) }
table.Data.Compare tr.Head td.T div.Content { background-image: url(../images/graphics/hosting_compare_3.png) }
table.Data.Compare tr.Head td.Last div.Content { background-image: url(../images/graphics/hosting_compare_4.png) }

table.Data.Compare.Windows tr.Head td.F div.Content { background-image: url(../images/graphics/hosting_compare_w_1.png) }
table.Data.Compare.Windows tr.Head td.S div.Content { background-image: url(../images/graphics/hosting_compare_w_2.png) }
table.Data.Compare.Windows tr.Head td.Last div.Content { background-image: url(../images/graphics/hosting_compare_w_3.png) }

table.Data.Compare tr.Head td h3 { font-size: 16px; margin: 0; }
table.Data.Compare tr.Head td div.Price { font-size: 11px; color: #898989 }
table.Data.Compare tr.Head td div.Price span { font-size: 20px; }
table.Data.Compare tr.Head td div.Price span sup { font-size: 12px }
table.Data.Compare tr.Head td.Th.Selected
{
    background-image: url(../images/graphics/hosting_head_selected.png);
    box-shadow: none;
    color: white;
    background-position: top right;
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 1px 0 1px 1px;
}
table.Data.Compare tr.Head td.Th.Last.Selected { padding: 1px; }
table.Data.Compare tr.Head td.Th.Selected div.Price { color: white; }
table.Data.Compare tr.Head td.Th { cursor: pointer }
table.Data.Compare td { text-align: center; text-transform: inherit; border-left: 1px solid #d3d3d3;}
table.Data.Compare td.Selected { background-image: url(../images/highlight.png); }
table.Data.Compare td img { margin: -2px 0; }
table.Data.Compare td.First { text-align: left; text-transform: uppercase; border-left: none }
table.Data.Compare th
{
    padding: 10px;
    text-align: left;
    background-color: #c1c1c1;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    color: white;
    font-size: 16px;
}

table.Data.Compare td a.Button { display: inline-block; float: none }

ol.BasePrestations { padding-left: 22px; margin-bottom: 15px; margin-top: -20px; }
ol.BasePrestations li { font-size: 14px; padding-bottom: 5px; }
ol.BasePrestations li div, ol.BasePrestations li div sup { font-style: italic; }
ol.BasePrestations li div sup { font-size: 8px; }
ol.BasePrestations li div { color: #898989; }

.tooltip { cursor: help; }

div.InfoMessage
{
    position: absolute;
    width: 960px;
    left: 50%;
    margin-left: -480px;
    padding-top: 20px;
    top: 118px;
    background-color: white;
    z-index: 9999;
    height: 260px;
}

div.InfoMessage p
{
    margin: 0 20px;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 20px;
    text-shadow: none;
    color: #4A4949;
}


/* Added by TooPixel SARL */

.circularSlideshow {
    width: 850px;
    height: 330px;
    margin: 20px auto 0;
    padding: 0 0 30px 0;
    position: relative;
}
.circularSlideshow .circle {
    width: 250px;
    position: relative;
    left: -5px;
    top: -10px;
    float: left;
}
.circularSlideshow .Slider {
    width: 500px;
    height: 295px;
    float: left;
    padding: 10px 0 0 0;
    margin: 0 0 0 70px;
    overflow: hidden;
}
.circularSlideshow .Slider .showcase-slide {
    width: 500px;
    float: left;
    padding: 0 100px 50px 0;
    display: none;      /* Hidden by default */
}
.circularSlideshow .Slider .showcase-slide.current {
    display: block;
}

.circularSlideshow .Slider .showcase-slide ul {
    list-style-image: url(../images/list_arrow.png);
    margin-left: 10px;
}
.circularSlideshow .Slider .showcase-slide ul li {
    padding: 5px 0;
    float: left;
    width: 50%;
}

.circularSlideshow a.showcase-arrow-next,
.circularSlideshow a.showcase-arrow-previous
{
    position: absolute;
    width: 55px;
    height: 300px;
    background-image: url(../images/slider_arrows.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.circularSlideshow a.showcase-arrow-previous {
    left: -55px;
    background-position: 15px center;
}
.circularSlideshow a.showcase-arrow-previous:hover{
    background-position: -40px center;
}
.circularSlideshow a.showcase-arrow-next {
    right: -55px;
    background-position: -95px center;
}
.circularSlideshow a.showcase-arrow-next:hover {
    background-position: -150px center;
}
.circularSlideshow .showcase-button-wrapper {
    display: block;
    position: relative;
    top: 36px;
    text-align: center;
}
.circularSlideshow .showcase-button-wrapper a {
    display: inline-block;
    width: 120px;
    height: 4px;
    padding: 5px 0;
    margin: 0;
    position: relative;
}
.circularSlideshow .showcase-button-wrapper a span {
    width: 120px;
    height: 4px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ececec;
}
.circularSlideshow .showcase-button-wrapper a:hover span {
    background-color: #252525;
}
.circularSlideshow .showcase-button-wrapper a.active span {
    background-color: #d10000;
}

.clear {
    clear: both;
}

.circularSlideshow .showcase-button-wrapper a:focus, .circularSlideshow .showcase-button-wrapper a:active,
.circularSlideshow a.showcase-arrow-next:focus, .circularSlideshow a.showcase-arrow-next:active,
.circularSlideshow a.showcase-arrow-previous:focus, .circularSlideshow a.showcase-arrow-previous:active {
    outline: none !important;
}

.no-circle .rotateScroll {
    display: none;
}

.no-circle .Slider {
    margin-left: 0;
    width: 750px;
}

.no-circle .Slider .showcase-slide {
    width: 750px;
}

div.EventsContainer {
    padding-top: 98px;
}

div.EventsContainer #layerslider {
    margin: 0 auto;
    height: 327px;
    width: 960px;
    color: white;
    text-shadow: 1px 1px 2px black;
}

#layerslider .title, #layerslider .subtitle  {
    font-size: 26px;
    padding: 5px 10px;
}

#layerslider .exp {
    font-size: 22px;
    padding: 5px 10px;
}

#layerslider .desc {
    font-size: 16px;
    padding: 5px 10px;
    line-height: 22px;
}

#layerslider h2, #layerslider h1 {
    margin: 0;
    padding: 0;
}

#layerslider h1 {
    font-size: 40px;
}

#layerslider h2 {
    font-size: 26px;
    color: white;
}

.NoModal {
    padding: 150px 0 30px 0 !important;
}

.NoModal .Layout {
    width: 640px;
    margin: 0 auto;
}

.Cookies {
    z-index: 45;
    position: absolute;
    width: 100%;
    top: 98px;
    background-color: lightyellow;
    border-top: 1px solid red;
    border-bottom: 1px solid red;
}

.Cookies span {
    padding: 10px 0;
    display: block;
}

.ContentLayout.Domains {
    padding-bottom: 30px;
}

.Domains * {
    font-size: 16px;
}

.Domains h3 {
    font-size: 14px;
}

.Domains p {
    padding-bottom: 30px;
}

.Domains .Steps {
    margin-left: 20px;
}

.Domains .Steps li {
    padding-bottom: 20px;
    font-weight: bold;
}

.Domains .Steps li span {
    font-weight: normal;
    line-height: 20px;
}

.Domains textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    resize: vertical;
    width: 100%;
    padding: 20px !important;
    font-size: 16px !important;
    line-height: 25px !important;
}

.Domains .Button {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    text-align: center;
    padding: 10px 0;
}

.Domains .Error {
    padding-bottom: 20px;
    display: block;
    font-size: 14px !important;
    font-weight: bold;
}

.Domains .Placeholder {
    color: #bbb !important;
}

.Domains :-moz-placeholder {
    color: #bbb !important;
}

.Domains ::-webkit-input-placeholder {
    color: #bbb !important;
}

.Domains .Loading {
    width: 100%;
    padding-top: 200px;
    background: url(../images/global_loading.gif) no-repeat center 50px;
    text-align: center;
    font-size: 16px;
}

.Domains ul.Found,
.Domains ul.NotFound {
    padding: 20px 0 10px 0;
    list-style: none;
}

.Domains ul.Found li,
.Domains ul.NotFound li {
    padding-left: 30px;
}

.Domains ul.NotFound li {
    background: url(../images/wait.png) center left no-repeat;
}

.Domains ul.Found li {
    background: url(../images/valid.png) center left no-repeat;
}

.Domains .Flash.Error {
    padding: 5px 12px;
}

.Domains .Notification {
    padding-bottom: 20px;
}

.Domains .Notification label {
    padding-right: 10px;
}

.Domains .Notification input {
    width: 250px;
}

.checkbox_list.Big span label {
    font-size: 16px;
}

.FormContent.Confirmation select {
    width: 80px;
}

.FormContent.Confirmation .Dropdown {
    display: inline-block;
}

.FormContent.Confirmation select + .Dropdown + select {
    width: 150px;
}

.FormContent.Confirmation select + .Dropdown + select + .Dropdown + select {
    width: 80px;
}

.MessageQuick {
    position: absolute;
    text-align: center;
    width: 100%;
    background-color: white;
    padding: 5px 0;
    top: 105px;
}

.Button.SupportTV, .Button.SupportJava {
    display: inline-block;
    width: 128px;
    text-align: center;
    margin: 0 0 40px 0;
    padding-top: 10px;
    padding-bottom: 10px;
    float: none;
    line-height: 1.3em;
}

.Button.SupportTV:before, .Button.SupportJava:before {
    content: " ";
    display: block;
    height: 64px;
    width: 64px;
    margin: 0 auto;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center center;
}

.Button.SupportTV:before {
    background-image: url(../images/support/tv.png);
}

.Button.SupportJava:before {
    background-image: url(../images/support/rd.png);
}

.NewsContainer {
    background-color: #f8f8f8;
    padding-top: 30px;
}

.highlight .news {
    min-height: 100px;
}

.highlight .news .bs-row {
    margin-left: -10px;
    margin-right: -10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.highlight .news .bs-row:before, .highlight .news .bs-row:after {
    display: table;
    content: " ";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
}

.highlight .news .col-md-4 {
    width: 30%;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
}

.highlight .news .news-container {
    display: table;
    width: 100%;
    background-color: #fff;
    margin-bottom: 30px;
    text-align: left;
    border: 1px solid #ddd;
}

.highlight .news .news-container>.image,
.highlight .news .news-container>.title {
    display: table-cell;
    vertical-align: middle;
}

.highlight .news .news-container>.image {
    width: 125px;
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
}

.highlight .news .news-container>.title {
    height: 65px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
}

.highlight .news .news-container>.title>span {
    display: block;
    overflow: hidden;
    max-height: 55px;
}

.hidden {
    display: none;
}

.password-helper {
    border: 1px solid #ccc;
    border-top: none;
    background-color: #f5f8f9;
    padding: 5px;
    margin-bottom: 15px;
    margin-top: -15px;
    line-height: 1.2em;
}

.password-helper kbd {
    font-family: Consolas;
    background-color: #ccc;
    padding: 2px 5px;
}

div.ModalGrey input.password-invalid,
input.password-invalid {
    border-color: red !important;
    background-color: #FFAAAA !important;
    box-shadow: none;
}

.FormLayout.Order.Password .password-helper {
    width: 299px;
}

#map_canvas .leaflet-popup-content-wrapper {
    border-radius: .5rem;
}

.cookie-modal {
    position: fixed;
    display: none;
    flex-direction: column;
    gap: 20px;
    bottom: 40px;
    margin-left: calc(50% - 320px);
    width: 600px;
    background-color: white;
    z-index: 2000;
    padding: 20px;
    border-radius: 10px;
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
    border: 3px solid #d01926
}