@charset "UTF-8";
/* CSS Document */

/* **** Loopia test tiadFoycs9 **** */


/* **** GENERAL **** */
body{

    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    /*
    font-size: 100%;
    font-size: 105%\0/ !important;
    *font-size: 105% !important;
    */

    background: #dbdbdb;

    -webkit-text-size-adjust: none;
}

a{
    font-size: inherit;
    color: #ae8005 !important;
}

a.unformatted-link{
    text-decoration: none !important;
    font-weight: normal !important;
    /*color: #333 !important;*/
}

a.uncolored-link{
    color: #333 !important;
}

a.open-new-window {
    background: url('../images/icons/icon-open-new-window.png') no-repeat 0 4px;
    padding-left: 13px;
}

img, embed, object, video, iframe {
    max-width: 100%;
}

.img-next-to-text{
    vertical-align: sub;
}

.image-border{
    border: 1px dotted #999;
}

strong, b{
    font-weight: bold;
}

.hidden{
    display: none;
}

.strikethrough{
    text-decoration: line-through;
}

.red.strikethrough{
	color: #aaa !important; 
	font-size: 1.1em !important; 
}


.underline{
    text-decoration: underline;
}

.sketchy-underline, .sketchy-underline-bright{
    background: url('../images/decoration/underline.png') no-repeat 0em 1.1em;
    padding-bottom: 0.3em;
}

.sketchy-underline-bright{
    background: url('../images/decoration/underline_yellow.png') no-repeat 0em 1.1em;
}

.config-row strong{
    color: #333;
}

.figure_right, .figure_left, .figure_right_small, .figure_right_smaller{
    float: right;
    margin: 0 0 0.5em 2.189%;
    width: 36.494%; /* 200px / 548px */
    text-align: right;
}

.figure_right_small{
    width: 25%;
}
.figure_right_smaller{
    margin: 0 0 0.5em 1.8%;
    width: 10%;
}
.figure_right_big {
    float:right;
    width:50%;
}
.figure_left{
    float: left;
    margin: 0 2.189% 0.5em 0;
    text-align: left;
}

.figure_full, .figure_full_video {
    margin-bottom: 0.5em;
    width: 100%;
}

.figure_full img {
	width:100%;
}

.figure_full_video{
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}

.figure_full iframe{
    width: 100%;
}

.figure_full_video iframe,
.figure_full_video object,
.figure_full_video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.figure_right_start{
    /*width: 27.494%;*/
    width: 10em;
}

.campaign-box-start	.figure_right_start{
    width: 36.494%;
}

.textalign-right, .text-align-right{
    text-align: right !important;
}

.textalign-center, .text-align-center{
    text-align: center !important;
}

.vertical-align-top{
    vertical-align: top;
}

.no-wrap, .no-linebreak{
    white-space:nowrap;
}

.font-weight-normal{
    font-weight: normal !important;
}

.show-mobile{
    display: none;
}

.show-small-screen{
    display: none;
}

h1, h2, h3, h4{
    /*font-family: 'Oswald', Arial, Helvetica, sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
    color: #555;
    margin: 0 0 0.666em 0;
}

h1{
    /*font-size: 1.5em;*/ /* 24px / 16px (med antaggandet att 100% storlek är 16px i webbläsarna, och storleken på rubriken är 24px i mockup */
    font-size: 1.7em;
    line-height: 1.2em;
}

h2{
    font-size: 1.3em;
    line-height: 1.3em;
}

h3{
    font-size: 1em;
    line-height: 1.2em;
    font-weight: 500;
}

h4{
    font-size: 0.9em;
    line-height: 1.2em;
}

h1.main_headline{
    margin-bottom: 0.1em;
}

.caption{
    font-size: 11px;
    font-style: oblique;
    color: #777;
}

.figure_right h3, .figure_left h3{
    font-weight: bold;
}

p{
    margin: 0.6666em 0 1.5em 0;
    font: 0.75em/1.5em Arial, Helvetica, sans-serif; /* size: 12px/16px  */
    -webkit-text-size-adjust: none;
}

.small-text{
    font-size: 0.7em;
    line-height: 1.4em;
}

ol.general_list, ul.general_list{
    font-size: 0.78em;
    line-height: 1.4em;
    list-style-image:url('../images/icons/list-bullet-arrow.png');
    list-style-position: outside;
    padding: 0 1.5em;
}

ol.general_list{
    list-style-image: none;
    list-style:decimal;
}

ol.general_list li, ul.general_list li{
    margin-bottom: 0.5em;
}

ol.general_list li.subli, ul.general_list li.subli{
    margin-left: 1.2em;
}

ol.general_list p, ul.general_list p{
    font-size: 1em;
    margin: 0 0 1.2em 0;
}

p.quote{
    margin: 1.5em 0;
    display: block;
    font-size: 1em;
    color: #888;
    font-style: italic;
}

dl{
    font-size: 0.8em;
    line-height: 1.3em;
}

dl dt {
    margin: 0;
    padding: 0.1em 0 0 1em;
    background: url(../images/icons/list-bullet-arrow.png) no-repeat;
    background-position: top left;
    font-weight: bold;
    color: #769A4C;
}

dl dd {
    padding: 0.2em 0 1em 1em;
}


em, i{ 
    font-style:italic;
}

tt{
    font-family: "Courier New", Courier, mono;
    background-color: #e9e9e9;
}

label {
    margin-right: 0.3em;
    margin-bottom: 0.3em;
}

.hr{
    border-bottom: 1px dotted #bbb;
    margin: 1em 0;
}
.hr-grey{
    display: block; 
    height: 1px;
    border: 0; 
    border-top: 1px solid #ddd;
    margin: 1em 0; 
    padding: 0;
}
.sub-label{
    font-weight: bold;
}

input{
    border: 1px solid #888;
    padding: 0.4em 0.5em;
    /*font-size: 0.8em;*/
    font-size: 12px;
}

input[type="radio"], input[type="checkbox"]{
    border: 0;
}

input[type=text], input[type=url], input[type=number], input[type=tel], input[type=email], input[type=date], textarea{
    color: #555;
    width: 95%;
}

input[type="submit"]{
    -webkit-appearance: none;
}

textarea{
    height: 8em;
}

select{
    font-size: 15px;
}

pre, .code {
    font: 1em "Courier New", Courier, monospace;
    border: 1px #AAB677 solid;
    background: #e4f0b3;
    padding: 0.5em;
    margin: 0.6em 0 0.6em 0;
}

.green{
    color: #00AC41 !important;
}

.red {
    color: #cc0000 !important;
}

.yellow{
    color: #FFCC00 !important;
}

.grey{
    color: #999;
}

.no-border{
    border: 0 !important;
}

.border-top{
    border-top: 1px solid #ccc;
}

.label-icon{
    width: 20px;
    margin-right: 0.3em;
    vertical-align:bottom;
}

.get-started-box .label-icon{
    margin: 0 0.1em 0 1em;
}

.checkbox-label {
    cursor: pointer;
    color: #777;
    height: 32px;
    width: 32px;
    display: block;
    background: url(../images/other/checkbox_empty.png) no-repeat;
}

.checkbox-label-checked {
    background: url(../images/other/checkbox_full.png) no-repeat;
}

.c_disabled{
    opacity: 0.3;
    filter:alpha(opacity=30);
}

.radiobtn-label{
    cursor: pointer;
    color: #777;
    height: 32px;
    width: 32px;
    display: block;
    background: url(../images/other/radio_empty.png) no-repeat 0 -3px;
    float: left;
}

.radiobtn-label-checked{
    background: url(../images/other/radio_full.png) no-repeat 0 -3px;
}


.btn, .btnHref, .btnDelete, .ctaBtn, .btnDeleteRow, .dnsedit-subdomain-delete a{
    -webkit-appearance: none;

    cursor:pointer;
    display: inline-block;
    font-size: 0.9rem;
    font-size: 13px;
    line-height: 13px;
    text-decoration: none;

    -webkit-border-radius: 4em;
    -moz-border-radius: 4em;
    border-radius: 4em;

    padding: 0.5em 1em;
    margin: 0 0.5em 0.5em 0;

    /*  GRAY
            color: #000 !important;
            border: 1px solid #888;
            background: #e2e2e2;
            background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2));
            background: -webkit-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
            background: -o-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
            background: -ms-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
            background: linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );
    */

    background: #1d9acb;
    color: #fff !important;
    border: 1px solid #777;
    font-weight: normal !important;


    /*  OLD BLUE
            background: -moz-linear-gradient(top, #3Eb1dC 92%, #0E81aC 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(92%,#3Eb1dC), color-stop(100%,#0E81aC));
            background: -webkit-linear-gradient(top, #3Eb1dC 92%,#0E81aC 100%);
            background: -o-linear-gradient(top, #3Eb1dC 92%,#0E81aC 100%);
            background: -ms-linear-gradient(top, #3Eb1dC 92%,#0E81aC 100%);
            background: linear-gradient(top, #3Eb1dC 92%,#0E81aC 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3Eb1dC', endColorstr='#0E81aC',GradientType=0 );
    */

    /*
    background: -moz-linear-gradient(top, #1d9acb 92%, #0E81aC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(92%,#1d9acb), color-stop(100%,#0E81aC));
    background: -webkit-linear-gradient(top, #1d9acb 92%,#0E81aC 100%);
    background: -o-linear-gradient(top, #1d9acb 92%,#0E81aC 100%);
    background: -ms-linear-gradient(top, #1d9acb 92%,#0E81aC 100%);
    background: linear-gradient(top, #1d9acb 92%,#0E81aC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d9acb', endColorstr='#0E81aC',GradientType=0 );
    */

}


.logout .btnHref{
    font-size: 12px;
}

.ctaBtn{
    /*color: #fff !important;
    font-weight: bold;
    background: #dd0000;
    background: -moz-linear-gradient(top, #dd0000 0%, #900009 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd0000), color-stop(100%,#900009));
    background: -webkit-linear-gradient(top, #dd0000 0%,#900009 100%);
    background: -o-linear-gradient(top, #dd0000 0%,#900009 100%);
    background: -ms-linear-gradient(top, #dd0000 0%,#900009 100%);
    background: linear-gradient(to bottom, #dd0000 0%,#900009 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd0000', endColorstr='#900009',GradientType=0 );
    border-color: #600;*/

}




a.big-button, a.big-button:hover, a.big-button-alt, a.big-button-alt:hover, input.big-button, input.big-button-alt{
    color: #fff !important;
    font-weight: normal !important;
    font-size: 1em;
    text-decoration: none;
    -webkit-border-radius: 0.6em;
    -moz-border-radius: 0.6em;
    padding: 0.5em 1em;
    margin: 0 0.5em 0.5em 0;

    display: inline-block;
    text-align: center;

    border: 3px solid #fff;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    /*
        border-radius: 0.6em;
            background: #67bd00;
            background: -moz-linear-gradient(top,  #3f8e11 1%, #66b815 12%, #67bd00 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3f8e11), color-stop(12%,#66b815), color-stop(100%,#67bd00));
            background: -webkit-linear-gradient(top,  #3f8e11 1%,#66b815 12%,#67bd00 100%);
            background: -o-linear-gradient(top,  #3f8e11 1%,#66b815 12%,#67bd00 100%);
            background: -ms-linear-gradient(top,  #3f8e11 1%,#66b815 12%,#67bd00 100%);
            background: linear-gradient(top,  #3f8e11 1%,#66b815 12%,#67bd00 100%);
    */

    background: #67bd00;
    border-radius: 1.4em;

}

a.big-button-alt, a.big-button-alt:hover, input.big-button-alt{
    /*
    background: #e0e0e0;
    background: -moz-linear-gradient(top,  #6f6f6f  1%, #bebebe 12%, #bebebe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#6f6f6f ), color-stop(12%,#bebebe), color-stop(100%,#bebebe));
    background: -webkit-linear-gradient(top,  #6f6f6f  1%,#bebebe 12%,#bebebe 100%);
    background: -o-linear-gradient(top,  #6f6f6f  1%,#bebebe 12%,#bebebe 100%);
    background: -ms-linear-gradient(top,  #6f6f6f  1%,#bebebe 12%,#bebebe 100%);
    background: linear-gradient(to bottom,  #6f6f6f  1%,#bebebe 12%,#bebebe 100%);
    */

    background: #1d9acb;

}

.start-box a.big-button, .start-box a.big-button-alt{
    font-size: 1.1em;
}

.start-box h2{
    font-size: 21px;
}

.extra a.big-button{
    width: 92.8%;
    font-size: 1em;
    padding: 0.7em 3%;
    margin: 0;
}

.big-button-larger{
    /*background: #b00; */
    padding: 0.6em 1.4em !important;
    border-radius: 4em !important;
    /* font-weight: bold !important; */
    font-size: 1.1em !important;
}

.btnDelete:hover, .btnDelete, .btnDeleteRow, .dnsedit-subdomain-delete a{
    background: #cf0404;
    /*
    background: -moz-linear-gradient(top, #cf0404 92%, #8f0404 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(92%,#cf0404), color-stop(100%,#8f0404));
    background: -webkit-linear-gradient(top, #cf0404 92%,#8f0404 100%);
    background: -o-linear-gradient(top, #cf0404 92%,#8f0404 100%);
    background: -ms-linear-gradient(top, #cf0404 92%,#8f0404 100%);
    background: linear-gradient(top, #cf0404 92%,#8f0404 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#8f0404',GradientType=0 );
    */
    color: #fff !important;

}

.disabled, .loopia-dnsedit-subdomain-delete.disabled {
    color: #bbb !important; 
    background: #ddd !important;
    border: 1px solid #ccc !important;
}

.btn-inactive, .btn:disabled {
    display: inline-block;
    color: #cdcdcd !important;
    font-size: 13px;
    /*font-weight: bold;*/
    text-decoration: none;
    border: 1px solid #ddd;

    -webkit-border-radius: 4em;
    -moz-border-radius: 4em;
    border-radius: 4em;

    padding: 0.5em 1em;
    margin: 0 0.5em 0.5em 0;

    background: #e2e2e2; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e2e2e2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e2e2e2 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%,#e2e2e2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
}

#loopia_domain_bulk_edit_submit.btn{
    padding: .2em .7em;
    font-size: 11px;
}

.btnBack{
    color: #777 !important;
    text-decoration: none;
    font-weight: normal !important;
    float: right;
    padding: 0.5em 0 0 1em;
    background: url('../images/icons/green-arrow-left-small.gif') no-repeat left 0.9em;
}



#top-buttons{
    width: 100%;
    margin-bottom: 1.5em;
}

#top-buttons a, .closeBtn, .backBtnPopup{
    display: inline-block;
    font-size: 0.8em;
    font-weight: normal !important;
    text-decoration: none;
    color: #999 !important;
    margin-right: 1em;
    padding: 0.5em 0.5em 0.5em 2.2em;
    border: 1px solid #999 !important;
    /*
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    background: url(../images/other/home.png) no-repeat 0.4em 0.4em;
    */

    -webkit-border-radius: 4em;
    -moz-border-radius: 4em;
    border-radius: 4em;
    background: url(../images/other/home.png) no-repeat 0.5em 0.35em;
}

#top-buttons a{
    margin-right: 0.5em;
}

#top-buttons a.back-btn{
    background-image: url(../images/other/back.png);
}


.general-form-box, .cz-search-box{
    display: inline-block;
    font: 0.9em/1.4em Arial,Helvetica,sans-serif;
    margin: 0em 2% 3% 0%;
    border: 1px solid #999;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    background: #f1f1f1;
    padding: 3%;
    width: 93.5%;
}

.search-form-box{
    background: #d0ebfb;
    padding: 10px;
    width: calc(100% - 20px);
}

.search-form-box .search_frame{
    border-radius: 0;
    padding: 5px;
    width: calc(100% - 10px);
}

.search-form-box .search_frame input[type="text"]{
    font-size: 1.1em;
    /*width: calc(100% - 70px) !important;*/
}

.search-form-box .search_frame input[type="submit"]{
    background-position: 100% 37%;
    /*background-image: none;
    border: 3px solid #fff;
    background: #1d9acb !important;
    color: #fff;
    border-radius: 1.4em;
    width: 70px !important;*/
}	

.general-form-box-rs3090-campaign {
    display: inline-block;
    font: 0.9em/1.4em Arial,Helvetica,sans-serif;
    margin: 0em 2% 3% 0%;
    padding: 50% 3% 2% 3%;
    border: 1px solid #999;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    width: 93.5%;
    height:auto;
    background: url(../images/campaigns/rs-3090-hosting-campaign.jpg) no-repeat 0 100%;
    background-size:cover;
}
.general-form-box-rs2979-campaign {
    display: inline-block;
    font: 0.9em/1.4em Arial,Helvetica,sans-serif;
    margin: 0em 2% 3% 0%;
    padding: 55% 3% 2% 3%;
    border: 1px solid #999;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    width: 93.5%;
    height:auto;
    background: url(../images/campaigns/rs-2979-campaign-female-ad.jpg) no-repeat 0 100%;
    background-size:cover;
}
.rs-campaign-terms{
    width: 95%;
    font-size: 11px;
    margin-top: 0.3rem;
    font-style: oblique;
    line-height:1.2em;
}

.rs-campaign-terms span{
    margin-left: 3%;
    color: #555;
}
.search-form-box-start{
    padding: 3% 3% 1% 3%;
}

.terms-form-box{
    font-size: 0.8em;
}

.general-form-box input[type=text], .more-config-settings-box input[type=text], .get-started-box input[type=text], .get-started-box input[type=email], .general-form-box textarea, .more-config-settings-box textarea, .get-started-box textarea, .general-form-box input[type=number], .more-config-settings-box input[type=number], .get-started-box input[type=number], .general-form-box input[type=tel], .more-config-settings-box input[type=tel], .get-started-box input[type=tel], .general-form-box input[type=email], .general-form-box input[type=url], .more-config-settings-box input[type=url], .get-started-box input[type=url], .more-config-settings-box input[type=email] {
    width: 60%;
    margin: 0 0 0.4em 0;
}

.general-form-box textarea, .more-config-settings-box textarea, .get-started-box textarea{
    float: left;
}

.general-form-box h3, .more-config-settings-box h3{
    font-size: 1.3em;
}

.general-form-box h4{
    font-size: 1em;
    font-weight: bold;
}

.general-form-box h1{
    font-size: 1.5em;
}

.general-form-box p, .more-config-settings-box p{
    font-size: 13px;
    /*color: #333;*/
}

.general-form-box table{
    font-size: 0.8em;
}

.general-form-box input, .general-form-box textarea{
    font-size: 14px;
}

.backBtnPopup {
    background-image: url(../images/other/back.png);
    background-position: 0.5em 0.4em;
    float: right;
    margin-right: 0.8em;
}

.closeBtn{
    float: right;
    background-image: url(../images/other/close.png);
    background-position: 0.5em 0.4em;
    margin-right: 0;
}

.switch-object .closeBtn, #login_form_box .closeBtn, #logout_form_box .closeBtn, .loopia-search-choice-box .closeBtn {
    padding: 0;
    margin: -0.8em -0.8em 0 0;
    width: 27px;
    height: 26px;
}

.switch-object h3, #login_form_box h3, #logout_form_box h3{
    padding: 0.4em 0 0 0;
}

/* BankID specific styles */
#bankid{
   
    display: inline-block;
	width: 100%;

    /*margin-top: 0.5em;
	border-top: 1px dotted #bbb;
    padding-top: 0.5em;*/
    
	margin-bottom: 0.5em;
	border-top: 1px dotted #bbb;
	border-bottom: 1px dotted #bbb;
    padding: 0.5em 0;

}

#bankid .btnHref{
    font-size: 0.7em;
    max-width: 55px;
    text-align: center;
    padding-bottom: 0.2em;
    padding-top: 0.4em;
    line-height: 1.1em;
}

#bankid .btnHref span{
    display: inline-block;
    font-size: 0.8em;
}

#bankid img{
    width: 33px;
    float: right;
    margin-left: 0.3em;
}	

#bankid .login_form_link{
    float: left;
    margin-top: 0;
    width: 60%;
    padding-top: 0.3em;
    line-height: 1.25em;
}

.general-form-box .bankid-img{
    height: 27px;
}
.content .main.bankid {
    width:98%;
}
#bankidButton {
    display:none;
}
.bankid .figure_right_big {
    visibility:hidden;
}
.bankid .config-box .providers {
    list-style:none;
}
.bankid .config-box .providers a{
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
    border-radius: 4em;
    padding: 0.5em 1em;
    margin: 0px 0.5em 0.5em 0px;
    background: none repeat scroll 0% 0% #1D9ACB;
    color: #FFF !important;
    border: 1px solid #777;
    font-weight: normal !important;
    margin-top:10px;
}
.bankid-sign-buttons input, .bankid-sign-buttons form {
    float:left
} 
/* BankID specific styles for mobile devices */
.content .main.bankid input.mobile-bankid{
    font-family:Arial,Helvetica,sans-serif;
    width:100%;
    box-sizing: border-box;
}
.content .main.bankid input[type="text"].mobile-bankid {
    width:calc(100% - 0.5em);
    padding-right:0 !important;
}
.content .main.bankid a.mobile-bankid {
    display:block;
    text-align:center;
    width:100%;
    padding: 0.7em 0;
    font-size:0.925rem;
}
#bankidalternate, #bankidalternate2 {
    display:none;
}
#bankidalternate3 {
    display:block;
}
/* End BankID specific styles for mobile devices */
/* End BankID specific styles */
/* Get a Newsletter styles */
#gan-cta-addon {
    margin-bottom: -0.7em;
}
.main-image#gan {background-image:url(../images/extra_services/gan-main-image.jpg);background-repeat:no-repeat;background-size:cover;background-position:100% 0%;overflow:hidden;padding:1em;}
.main-image#gan .main-image-left {width:65% !important;padding:0 !important;}
.main-image#gan h1 {font-weight: normal; line-height: 1.2em; font-size: 2.2em;margin-top:0 !important;letter-spacing:-0.1px;}
.main-image#gan p {width:85%;text-shadow: 3px 3px 4px #ffffff}
@media screen and (max-width: 1024px) {
.main-image#gan h1 {font-size:1.4em;}
}
@media screen and (max-width: 828px) {
.main-image#gan {background-position:0% 0%;}
.main-image#gan .main-image-left {width:100% !important;}
}
@media screen and (max-width:600px) {
.main-image#gan h1 {width:88%;}	
}
@media screen and (max-width:380px) {
.main-image#gan h1, .main-image#gan p {width:100%;}	
}
/* End Get a newsletter styles */

#logout_form_box ul li{
    border-bottom: 1px solid #CCC;
    padding: 0.3em 0;
    font-size: 0.75em;
    line-height: 1.4em;
    color: #333;
}

#logout_form_box ul li a{
    text-decoration: none;
}

#logout_form_box .extra-fwd-link{
    display: block;
    margin-top: 0.7em;
}

#logout_form_box .btnHref{
    font-size: 0.8em;
    margin: 1em 0 0 0;
    float: right;
}

.content .extra .btn{
    font-size: 0.7em;
}

.clear{
    clear: both;
}

.clear-left-margin{
    margin-left: 0 !important;
}

.clear-bottom-margin{
    margin-bottom: 0 !important;
}

.clear-top-margin{
    margin-top: 0 !important;
}	

.clear-bottom-padding{
    padding-bottom: 0 !important;
}

.small-bottom-margin{
    margin: 0 0 0.3em 0 !important;
}

.clear-margins, .no-margins, .no-margin{
    margin: 0 !important;
}

.no-padding{
    padding: 0 !important;
}

.top-bottom-padding{
    padding: 0.5em 0 !important;
}

.top-bottom-margin{
    margin: 0.5em 0 !important;
}

.auto-width{
    width: auto !important;
}

.hide-overflow{
    overflow: hidden;
}

.word-break{
    word-break: break-all;
}

.divider, .divider-dotted{
    clear: both;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #aaa;
    margin: 1em 0;
}

.divider-dotted{
    border-bottom: 1px dotted #aaa;
}

.example{
    color: #888;
}


.list-icon{
    width: 2em;
    margin: 0 0.5em 0.5em 0;
    vertical-align: top;
}

.list-tag, .list-tag-alt {
    background: none repeat scroll 0 0 #CC0000 !important;
    border-radius: 1.2em 0.3em 0.3em 1.2em !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
    color: #FFFFFF !important;
    font-size: 11px;
    margin-left: 0.5em;
    padding: 0.2em 0.6em 0.2em 1.2em !important;
    text-transform: uppercase;
    white-space:nowrap;
    vertical-align: bottom;
    display: inline !important;
    border: 0 !important;
}

.list-tag-alt {
    background: #67bd00 !important;
}



/*** GET STARTED BOX AND MORE***/
.get-started-box{
    font: 0.9em/1.4em Arial,Helvetica,sans-serif;
    margin: 0.5em 0% 1.5em 0%;

    /*
    border: 1px solid #dad794;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    background: #fffdd7;
    padding: 3%;
    width: 94%;
    */
    width: 100%;
    display: inline-block;
}

.start-box, #loopia_home_nps_box{
    font: 0.9em/1.4em Arial,Helvetica,sans-serif;
    margin: 0em 0% 1.5em 0%;
    border: 1px solid #dad794;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    background: #fffdd7;
    padding: 3%;
    width: 94%;
    display: inline-block;
}

ul.step-by-step li{
    margin: 0 -0.8em 0em 0;
    padding: 0em 0 0.65em 0;
    *padding: 0 0 0.3em 0;
    list-style-type: none;
    background: url(../images/cz_objects/add_small.png) no-repeat;

    background-position: 0 0.3em;
    *background-position: 1em 0.3em;
}

ul.step-by-step li.goto{
    background-image: url(../images/cz_objects/goto_small.png);
}

ul.step-by-step li a{
    color: #fff !important;
    font-weight: normal !important;
    text-decoration: none;
    padding: 0em 1em 0em 41px;
    display: block;
    font-size: 18px;
}

ul.step-by-step li a span{
    /*background: #4ec1ec;*/
    background: #1d9acB;
    display: block;
    padding: 0.6em 1em;
    /*border-radius: 0.3em;*/
    /*border-radius: 4em;*/
    border-radius: 1.1em;
}

ul.step-by-step li a span.example {
    color: #e5e5e5;
    font-size: 13px;
    padding: 0;
}


.get-started-image, .get-started-image-large, .get-started-image-small{
    float: right;
    width: 35%;
    margin: auto 0 auto 0.5em;
}

.get-started-image-large{
    width: 45%;
}

.get-started-image-small{
    width: 27%;
}

.get-started-box p, .start-box p{
    font-size: 13px;
}


p.preamble{
    color: #333;
    font-size: 1.1em;
    line-height: 1.4em;
    font-style: normal;
    margin: 0 0 0.7em 0;
}


/* Start of NPS */

#loopia_home_nps_box h2{
    font-size: 1.4em;
}


#loopia_home_nps_box label{
    display: block;
}

.nps-table {
    display: inline-block;
    margin-top: 5px;
    width: 100%;
}

.nps-table label {
    float: left;
    margin-top: 5px;
    white-space: nowrap;
}

.nps-table label input {
    margin: 0 5px 5px 0;
}

.nps-grade00, .nps-grade01, .nps-grade02, .nps-grade03, .nps-grade04, .nps-grade05, .nps-grade06, .nps-grade07, .nps-grade08, .nps-grade09, .nps-grade10{
    float: left;
    width: 7%;
    padding: 1%;
}


.nps-grade00 { background: #d10019;  }
.nps-grade01 { background: #e7211c;  }
.nps-grade02 { background: #ef4d1e;  }
.nps-grade03 { background: #f16420;  }
.nps-grade04 { background: #f07b22;  }
.nps-grade05 { background: #f19023;  }
.nps-grade06 { background: #f1d628;  }
.nps-grade07 { background: #f5e429;  }
.nps-grade08 { background: #fbf41c;  }
.nps-grade09 { background: #8eea30;  }
.nps-grade10 { background: #11b832;  }

/* End of NPS */



/* *** MESSAGE BOXES *** */

.account-info-box, .error-box, .success-box, .warning-box, .confirm-box, .info-box, .help-box{
    background: #ffe7e7 ;
    /*padding: 3.8%;
    margin: 0.5em 0.6em 1.3em 0;*/

    margin: 0.5em 0 1.3em 0;
    padding: 3.5%;
    width: 92.9%;

    -webkit-border-radius: 0.4em !important;
    -moz-border-radius: 0.4em !important;
    border-radius: 0.4em !important;
    clear: both !important;
    border: 1px solid #999 !important;
    display: inline-block;
}

.messagebox-compact{
    padding: 1.5% !important;
    width: 96%;
}

.messagebox-sub{
    background-color:  #fff;
    border: 1px dotted #ccc;
    display: block;
    clear: both;
    margin-left: 0 !important;
    padding: 1em;
    margin: 0.5em 0;
    -webkit-border-radius: 0.4em !important;
    -moz-border-radius: 0.4em !important;
    border-radius: 0.4em !important;
}

.messagebox-sub table{
    width: auto;
    margin: 0;
    font-size: 12px;
}

.messagebox-sub table td{
    height: 1.7em;
    padding: 0 1.5em 0 0;
}

.account-info-box p, .error-box p, .success-box p, .warning-box p, .confirm-box p, .form-box p, .info-box p, .help-box p{
    font-size: 0.8em;
    margin-bottom: 0.5em;
}

.account-info-box h2, .error-box h2, .success-box h2, .warning-box h2, .confirm-box h2, .form-box h2, .info-box h2, .help-box h2{
    font-weight: 400;
    font-size: 1.4em;

}

.account-info-box h2, .error-box h2, .success-box h2, .warning-box h2, .confirm-box h2, .form-box h2, .info-box h2, .help-box h2,
.account-info-box h3, .error-box h3, .success-box h3, .warning-box h3, .confirm-box h3, .form-box h3, .info-box h3, .help-box h3,
.account-info-box h4, .error-box h4, .success-box h4, .warning-box h4, .confirm-box h4, .form-box h4, .info-box h4, .help-box h4{
    color: #000;
}

.account-info-box a{
    color: #e00 !important;
}

.account-info-box li, .confirm-box li, .error-box li, .success-box li, .warning-box li, .info-box li, .help-box li{
    margin: 0 0 0em 0em;
    padding: 0.6em 0 0.6em 3em !important;
    font-size: 0.9em;
    font-size: 0.9rem;
    line-height: 1.3em;
    background: url(../images/other/info-tiny.png) no-repeat 0 50%;
    color: #000 !important;
}

.account-info-box li li, .confirm-box li li, .error-box li li, .success-box li li, .warning-box li li, .info-box li li, .help-box li li{
    background: none !important;
    padding: 0 !important;
    list-style: disc;
    margin-left: 1.6em;
}

.account-info-box{
    border: 1px solid #F66;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(230, 0, 0, 0.7);
    -moz-box-shadow: 0px 0px 5px 1px rgba(230, 0, 0, 0.7);
    box-shadow: 0px 0px 5px 1px rgba(230, 0, 0, 0.7);
}

.error-box{
    background: #B70000  !important;
}

.success-box{
    background: #269820  !important;
}

.warning-box, .info-box{
    background: #FFDC50  !important;
}

.confirm-box{
    background: #FFDC50  !important;
}

.help-box{
    background: #e8f8ff !important;
    border: 1px solid #308bb1 !important;
    margin-right: 0;
}

.form-box{
    background: #fff;
    border: 1px dotted #ccc;
    padding: 2.5%;
    margin: 0.5em 0.6em 1.3em 0;
    -webkit-border-radius: 0.4em !important;
    -moz-border-radius: 0.4em !important;
    border-radius: 0.4em !important;
    clear: both !important;
}

.account-info-box li{
    background: url(../images/other/warning-tiny.png) no-repeat 0% 50% !important;
}

.confirm-box li{
    background: url(../images/other/info-tiny.png) no-repeat 0% 50% !important;
}

.error-box li{
    background: url(../images/other/error-tiny.png) no-repeat 0% 50% !important;
}

.success-box li{
    background: url(../images/other/success-tiny.png) no-repeat 0% 50% !important;
}

.help-box li{
    background: url(../images/other/help-tiny.png) no-repeat 0% 50% !important;
}

.error-box li ul li, .info-box li ul li, .success-box li ul li, .confirm-box li ul li{
    background: none;
    padding: 0;
}

.error-box li, .success-box li, .error-box h2, .success-box h2, .error-box, .success-box, .error-box li a, .success-box li a, .error-box h2 a, .success-box h2 a, .error-box a, .success-box a{
    color: #fff !important;
}

.error-box li, .success-box li, .warning-box li, .confirm-box li, .info-box li{
    padding-left: 3.5em;
}

.error-box div, .success-box div,  .warning-box div,  .confirm-box div, .info-box div{
    margin-left: 3.2em;
}

#confirm_object_closing{
    z-index: 2000;
    position: absolute;
    left: 50%;
    top: 35%;
    width: 85%;
    max-width: 600px;
}

#confirm_object_closing .confirm-box{
    position: relative;
    left: -50%;
    -webkit-box-shadow: 0 4px 15px 5px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 4px 15px 5px rgba(0,0,0,0.4);
    box-shadow: 0 4px 15px 5px rgba(0,0,0,0.4);
}


.form-box label{
    display: block;
}

table.opening_hours{
    width: auto;
    margin: 1.5em 0 0 0;
}

table.opening_hours td{
    font-size: 11px;
    padding: 0.1em 0.4em 0.1em 0em;
}


.texterror{
    background: #ffdede;
    border: 1px solid #f66;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(230, 0, 0, 0.7);
    -moz-box-shadow: 0px 0px 5px 1px rgba(230, 0, 0, 0.7);
    box-shadow: 0px 0px 5px 1px rgba(230, 0, 0, 0.7);
}

.error-label{
    color: #C00;
    margin-bottom: 0.3em;
}

.error-label-right{
    color: #C00;
    padding-left: 0.5em;
    white-space: nowrap;
    font-size: 11px;
}

.error-label-down{
    color: #C00;
    padding: 0.3em 0 0 0.5em;
    font-size: 11px;
}


.help-box a{
    color: #308bb1 !important;
}



.campaign-box{
    background: #b71f00 url(../images/banners/banner-bg.jpg);
    color: #fff;
    padding: 0.5em 0.5em 0.5em 1em;
    margin: 0.5em 0em 0.3em 0;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    clear: both;
    border: 1px solid #500;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.2em;
}

.disclaimer{
    font-size: 0.65em;
    line-height: 1.1em;
    color: #999;
    margin: 0em 0 1em 0;
    font-style: oblique;
}

.campaign-box .yellow{
    color: rgb(255, 210, 24);
}

.campaign-box .figure_right{
    margin-top: -1.1em;
    margin-bottom: -0.45em;
    margin-left: 0.3em;
    width: 4.5em;
}


.product-wrapper{
    padding: 2.5%;
    width: 94%;
    background: #F4F4F4;
    border: 1px #DDD solid;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    margin: 0em 0 1em 0;
}

.product-wrapper-alt{
    background: #fffdd7;
    border: 1px #dad794 solid;
}

.product-wrapper .figure_left, .product-wrapper .figure_right{
    width: 5.5em;
    margin-left: 1.5em;
}

.product-wrapper .figure_left{
    width: 5.5em;
    margin: 0 1.5em 0 0;
}


.product-wrapper .product-specs-col{
    width: 30%;
    float: left;
    margin-right: 1.9%;
}
.product-wrapper-half-left {
    width:43.4%;
    margin: 0em 2% 3% 0%;
    float:left;
}
.product-wrapper-half-right {
    width:43.4%;
    margin: 0em 0em 3% 0;
    vertical-align: top;
    float: left;
}
.product-wrapper-third {
    width:28.5%;
    margin: 0 2% 3% 0;
    vertical-align: top;
    padding:1.5%;
    float:left;
}
.product-wrapper-third-last {
    width:28.5%;
    margin: 0em 0em 3% 0%;
    vertical-align: top;
    padding:1.5%;
    float:left;
}
.product-wrapper-order {
    padding-top: 0.5em;
}
.product-wrapper-image {
    width:85%;
    margin:0 auto;
    clear:both;
}

.product-wrapper-half-left h3, .product-wrapper-half-right h3, .product-wrapper-third h3, .product-wrapper-third-last h3 {
    display:block;
    min-height:40px;
    font-size: 1.3em;
    overflow:hidden;
    text-overflow:ellipsis;
    letter-spacing:-0.01em;
}
.product-wrapper-third h3, .product-wrapper-third-last h3 {
    font-size:1.1em !important;
}
.product-wrapper-half-left h2, .product-wrapper-half-right h2, .product-wrapper-third h2, .product-wrapper-third-last h2 {
    font-style: oblique;
    font-size:1em;
    color: #aaa;
    margin-bottom:0.2em;
}


/* **** TABLES **** */

table{
    width: 100%;
    font-size: 0.75em;
    line-height: 1.3em;
    margin: 2em 0;
}

td{
    height: 1.8em;
    margin: 0;
    padding: 0.7em 0.4em 0.2em 0.4em;
}

/*.table_top, .table_bottom{
        background: #e4f0b3;
        font-weight: bold;
        }

.table-sub-title{
        color: #333;
        font-style: italic;
        }


.tinted{
        background: #f5fcdc;
        }

.notint, tinted, .table_top, .table_bottom{
        border-bottom: #AAB677 1px solid;
        border-top: #AAB677 1px solid;
        }

.tinted a, .notint a{
        color: #333 !important;
        text-decoration: none;
        font-weight: normal !important;
        }*/

.table-specs tr:nth-child(even) {background: #fff;}
.table-specs tr:nth-child(odd) {background: #f5fcdc;}
.table-specs tr:first-child, td.table_bottom{background: #e4f0b3; font-weight: bold;}
.table-specs tr{border-bottom: #AAB677 1px solid; border-top: #AAB677 1px solid;}	
.table-specs td a{font-weight: normal; text-decoration: none; color: #333 !important;}
.table-specs td a.btnHref{color: #fff !important;}

.no-border{
    border: 0 !important;
}


.line-through{
    text-decoration: line-through !important;
}

.red{
    color: #DA1000 !important;
}

.to_pay {
    font-size: 1.6em;
    font-weight: bold;
}


.share-box{
    width: 100%;
}

.share-box-icons{
    float: left;
    margin-right: 0.8em;
}

.share-box-text{
    font-style: oblique;
    font-size: 0.9em;
    line-height: 1.2em;
    color: #333;
    padding: 0.3em 0;
}


.credit-card-logos, .credit-card-logos-rs{
    background: url(../images/order/credit_cards.png) no-repeat;
    margin-top: 0.5em;
    width: 170px;
    height: 27px;
}

.credit-card-logos-rs{
    background: url(../images/order/credit_cards_rs.png) no-repeat;
}


/* *** OBJECT LISTS TABLE VERSION *** */


table.object-list .object-list-view-header td{
    font-style: oblique;
    padding-bottom: 0.2em;
    height: auto;
}

table.object-list tr{
    border-bottom: 1px solid #ccc;
    color: #555;
}

table.object-list td{
    padding: 0.3em 0.2em;
    vertical-align: middle;
}

table.object-list .object-icon{
    width: 28px;
}

table.object-list .object-icon img{
    width: 22px;
}

table.object-list .btnHref{
    font-size: 11px;
    float: right;
    padding: .04em .7em;
    margin: 0 0 0 .2em;
}	

table.object-list .account-note{
    font-size: 9px;
    line-height: 11px;
    color:#C00;
    float: right;
    clear: both;
    margin-bottom: -0.5em;
}

table.object-list .pending{
    color: #bbb;
    cursor: default !important;
}	

table.object-list .pending img{
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}




/* **** COLS **** */

.col{float: left;}
.col1of3{width: 36%;}
.col2of3, .col3of3{width: 32%;}

.col1of2{width: 59%; float: left;}
.col2of2{width: 38%; float: left; margin-left: 2%;}

.icon-col{ width: 1.5em; }
.date-col{ width: 6.5em; }


/* **** Percentage **** */
.perc100{ width:100% !important; clear: both; display: inline-block;}
.perc80{ width: 78% !important; float: left !important; margin-right: 1.9%;}
.perc75{ width: 73% !important; float: left !important; margin-right: 1.9%;}
.perc70{ width: 68% !important; float: left !important; margin-right: 1.9%;}
.perc66{ width: 64% !important; float: left !important; margin-right: 1.9%;}
.perc55{ width: 53% !important; float: left !important; margin-right: 1.9%; }
.perc50{ width: 48% !important; float: left !important; margin-right: 1.9%; }
.perc45{ width: 43% !important; float: left !important; margin-right: 1.9%; }
.perc40{ width: 38% !important; float: left !important; margin-right: 1.9%; }
.perc35{ width: 33.3% !important; float: left !important;  margin-right: 1.9%; }
.perc33{ width: 31.3% !important; float: left !important;  margin-right: 1.9%; }
.perc33.textalign-right, .perc33.text-align-right{ width: 33% !important; float: left !important;  margin-right: 0%; }
.perc32{ width: 29.3% !important; float: left !important;  margin-right: 1.9%; }
.perc32.textalign-right, .perc32.text-align-right{ width: 32% !important; float: left !important;  margin-right: 0%; }
.perc30{ width: 28% !important; float: left !important; margin-right: 1.9%; }
.perc25{ width: 23% !important; float: left !important;  margin-right: 1.9%;}
.perc20{ width: 18% !important; float: left !important;  margin-right: 1.9%; }
.perc20.textalign-right, .perc20.text-align-right{ width: 20% !important; margin-right: 0 !important;}
.perc15{ width: 13% !important; float: left !important;  margin-right: 1.9%; }
.perc15.textalign-right, .perc15.text-align-right{ width: 15% !important; margin-right: 0 !important;}
.perc10{ width: 8% !important; float: left !important;  margin-right: 1.9%; }
.perc10.textalign-right, .perc10.text-align-right{ width: 10% !important; float: left !important;  margin-right: 0%; }
.perc5{ width: 3% !important; float: left !important;  margin-right: 1.9%; }
.no-perc{; float: left !important;  margin-right: 1.9%;}

/* **** Float **** */
.float_right{float: right; margin-left: 0 0 0.5em 0; }
.float_left{float: left; margin-right: 0.5em;}

#page {
    margin: 0 auto;
    width: 90%; /* 960px på skiss */
    min-width: 310px;

    /* IE7 NON-RESPONSIVE
    *max-width: 960px !important;
    *min-width: 960px !important;
    *width: 960px !important;
    */

    display: table;
    padding-bottom: 1em;
    margin-bottom: 1em;

}




/* **** HEADER **** */

#header{
    width: 100%;
    min-height: 80px;

    display: inline-block;

    margin: 0.7em 0 0.3em 0;
    border-bottom: 1px solid #888888;

    /* fallback gradient */
    background: #881905;

    /* gradient for different browsers */
    /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#88160d), to(#4e1411));
    background: -webkit-linear-gradient(top, #4e1411, #88160d);
    background: -moz-linear-gradient(top, #4e1411, #88160d);
    background: -ms-linear-gradient(top, #4e1411, #88160d);
    background: -o-linear-gradient(top, #4e1411, #88160d);
    background: linear-gradient(top, #4e1411, #88160d);*/
    /*	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e1411', endColorstr='#88160d',GradientType=0 );*/ /* IE6-9 */

    /* gradient since IE9 does not manage rounded corners and gradient in a good way*/
    background-image: url(../images/header/header_bg.png);

    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;

    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);

}

#logo{
    margin: 21px 0 0 1.5em;
    *margin: 1.2em 0 0 1em;
    *float: left;
    width: 180px;
    /* PRIDE */
    /*margin-top: 15px;
    width: 195px;*/
    /* /END PRIDE */

}

#login_box{
    float: right;
    margin: 5px 1em 5px 0;
    text-align: right;
    min-width: 180px;
    *width: 200px;
}


#login-btn-general{
    display: none;
}



#login-btn-general, #logged-in-user{
    display: none;
    border: 0;
    padding-left: 13px;
    background: url(../images/icons/lock-closed.png) no-repeat 0 0;
    -webkit-background-size: 10px;
    -o-background-size: 10px;
    -moz-background-size: 10px;
    background-size: 10px;

}

a#logged-in-user, a#logged-in-user:hover{
    background: url(../images/icons/lock-semiopen.png) no-repeat 0 0;
    -webkit-background-size: 10px;
    -o-background-size: 10px;
    -moz-background-size: 10px;
    background-size: 10px;
    color: #FC0 !important;
    display: inline-block;
    text-decoration: none;
    font-size: 0.8em;
}

a.headerbtn{
    border-left: 1px solid #a55;
    padding: 0 0.4em 0 0.7em;
    text-decoration: none;
    color: #fff !important;
    font-size: 0.7em;
    text-decoration: none;
    margin: 0;
}

a.flagbtn{
    margin-left: 2px;
}

.flagbtn img{
    vertical-align: bottom;
}

#search_box{
    margin: 16px 0em 0 0;
}

#search_form_box{
    clear: both;
    color: #fff;
    font-size: 0.9em;
}
/*
#search_form_box #search_domain, .search{
        background: #fff url(../images/header/magnifier_small.png) no-repeat 95% 45%;
        padding-right: 2.3em;
        -webkit-border-radius: 0.6em;
        -moz-border-radius: 0.6em;
        border-radius: 0.6em;
}

#search_domain{
        width: 80%;
}

#search_form_box .btn, .search_btn{
        display: none;
}
*/

.search_frame{
    background: #fff;
    border: 1px solid #888;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    display: inline-block;
    width: 100%;
    text-align: left;
}

.get-started-box .search_frame_order input[type="text"]{
    font-size: 1em;
}

.search_frame input[type="text"], .search_frame input[type="url"], .loopia-search-choice-box input[type="text"]{
    border: 0;
    background: none;
    padding: inherit 2%;
    width: 79% !important;
    margin-bottom: 0 !important;
}

.search_frame input[type="submit"], .loopia-search-choice-box input[type="submit"]{
    background: url(../images/header/magnifier_small.png) no-repeat 100% 47%;
    border: 0;
    cursor: pointer;
    width: 11%;
}


.main .search_frame input[type="text"],.main .search_frame input[type="url"]{
    width: 90% !important;
    margin-bottom: 0;
}

.main .search_frame input[type="submit"]{
    width: 5%;
}

.main .searched input[type="text"]{
    width: 81.5% !important;
}

.main .searched input[type="submit"]{
    width: 13%;
    background: #888;
    border-radius: 1em;
    color: #fff;
    text-transform: uppercase;
    font-size: 9px;
    margin: 0 0 0.6em 0;
    padding: 0.4em 0.3em;
    white-space:nowrap;
}

.main .search_frame_order{
    padding:0.3em 0.2em;
    width: 95%;
    width: calc(100% - 1.2em);
}

.main .search-form-box-start .search_frame_order{
    width: 97%;
    width: calc(100% - 0.5em);
}	


.main .search_frame_order input[type="text"], .main .search_frame_order input[type="url"]{
    width: 78% !important;
    width: calc(100% - 8.3em) !important;
    font-size: 16px;
}	

.main .search-form-box-start .search_frame_order input[type="text"], .main .search-form-box-start .search_frame_order input[type="url"]{
    width: 78% !important;
    width: calc(100% - 7.3em) !important;
}

.main .search_frame_order input[type="submit"]{
    width: 6em !important;
    margin: -0.2em -0.9em 0.1em 0.5em !important;
    border: 3px solid #fff;
    background: #1d9acb !important;
    background: #67bd00 !important;

}

.domain-info-campaign span, .campaign-price{
	background-color: #c00;
    padding: 0.2em 0.6em 0.1em 0.6em;
	color: #ffdf00 !important;
	border-bottom: 2px solid #900;
	border-radius: 1em;
    margin-left: -0.3em;
}

.campaign-price{
	margin: 0;
	border-radius: 0;
	}

.domain_price_examples{
    width: 95%;
    font-size: 11px;
    margin-top: 0.3rem;
    font-style: oblique;
    line-height: 16px;
}

.domain_price_examples span{
    margin-right: 0.6rem;
    white-space: nowrap;
    color: #555;
    text-shadow: 0 0 3px #FFFFFF;
}

.domain_price_examples .campaign{
    color: #c00;
    font-weight: bold;
    font-size: 13px;
}

.domain_price_examples.news{
    background: #999;
    padding: 0.2em 0.8em;
    border-radius: 0.3em;
    width: 97%;
    width: calc(100% - 1.6em);
    background: #1d9acb;
}	

.domain_price_examples.news span{
    text-shadow: none;
    color: #fff;
}

.domain_price_examples.news .campaign{
    font-size: 1em;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: underline;
}


.regular-price{
    font-size: 0.9em;
    color: #999;
    font-style: italic;
    text-decoration: line-through;
}	

.main_image{
    width: 100%;
    height: 359px;
    background-size: 631px;
    background-repeat: no-repeat;
    background-position: right top;
    margin-bottom: 1.3em;
}

.main_image_start{
    height: 339px;
}

.main_image_cta{
    padding: 0.7rem 1rem;
    /*background: url(../images/landing/white_85perc_transp.png);*/
    /*opacity: 0.85;*/
    position: relative;
    bottom: -270px;

}

.main_image_start .main_image_cta{
    bottom: -260px;
}

.main_image_cta h3{
    margin-bottom: 0.2em !important;

}	

/* TEST (migrate with main_image_start) */	
.main_image_start_embed{
    background-size: 800px;
    height: 259px;
    background-position: right -5px;
}

.main_image_start_embed h1.main_headline{
    padding: 15px 15px 15px 22px;
    color: #333;
}

.main_image_start_embed h4{
    padding: 0px 15px 0 22px;
    max-width: 204px;
    width: 30%;
    line-height: 1.5em;
    color: #333;
    font-size: 0.95em;
    text-shadow: 0 0 3px #FFFFFF;
}

.main_image_start_embed .main_image_cta{
    position: static;
}


/* /END TEST */


.carousel .narrower{
    width: 90% !important; /* remove this if solved so that carousel is loaded quicker and search box not gets to wide on load */
}

.search_frame .loading{
    background: url(../images/other/ajax-loader_18x18.gif) no-repeat 80% 59% !important;
}

.search_frame .dirty{
    background: url(../images/header/clear_search_small.png) no-repeat 80% 50% !important;
}

.submit-loader {
    background: url(../images/other/ajax-loader_30x30.gif) no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 30px;
    margin: 0 0 0.5em 0.2em;
    vertical-align: middle;
    width: 30px;
}

.switch-object .search_frame input[type="text"], .switch-object .search_frame input[type="url"], .loopia-search-choice-box input[type="text"]{
    width: 72% !important;
}

#login_form_box, .switch-object, #logout_form_box{
    display: none;
    position: absolute;
    z-index: 1000;
    background: #fff;
    border: 1px solid #333;
    /*left: 20px;*/
    top:  1em ;
    margin: 1.2em 1em 0 1em;
    *margin-left: -10.5em;
    padding: 1em;
    width: 130px;

    -webkit-box-shadow: 0px 3px 9px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0px 3px 9px rgba(0,0,0,0.5);

    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;

    text-align:left;

}

#login_form_box h3, #logout_form_box h3{
    float: left;
}

a#login_form_box{
    display: block;
    font-size: 0.7em;
    margin: 0 5px 0 90px;
}

#login_form_box .btn{
    font-size: 0.7em;
    float: left;
}

#login_form_box label{
    color: #333;
    font-size: 0.7em;
    clear: both;
    display: block;
}


a.login_form_link{
    font-size: 0.7em;
    float: right;
    margin-top: 1.3em;
}


#top-banner{
    width: 100%;
    margin-top: 0.5em;
    *margin-top: 0em;
    clear: both;
    display: inline-block;
}

.content-banner{
    background: #1d9acB;
    width: 95%;
    color: #fff;
    padding: 2.5%;
    -moz-border-radius: 0.4em;
    -webkit-border-radius: 0.4em;
    border-radius: 0.4em;
    margin-bottom: 1em;
    border: solid 1px #8aabb8;
    font-size: 1.3em;
    line-height: 1.2em;
    text-align: center;
}

.content-banner h2{
    color: #fff;
    margin-bottom: 0.3em;
}

.content-banner p{
    font-size: 0.55em;
}

#login_form_box #username, #login_form_box #password{
    width: 90%;
    margin-bottom: 0.5em;
}




/* **** MENU **** */


#main_menu{
    width: 100%;

    margin: 0em 0.5em 2.7em 0.5em;
    clear: right;
}


#main_menu ul{
    margin: 0;
    padding: 0;
    float: left;
    width: auto;
    display: block;
}

#main_menu ul li{
    display: inline;
}

#main_menu ul li a{
    float: left;
    padding: 0.5em;
    margin: 0.5em 0.5em 0em 0.5em ;
    text-decoration: none;
    color: #333 !important;
    font-size: 0.75em;
    border-bottom: 2px solid white;

    /* ALTERNATIVE BUTTON VERSION OF MENU */
    /*padding: 0.6em;
    margin: 0.7em 0.5em;
    background: #ececec;
    border-radius: 0.3em;
    color: #888;
    border: 0 !important;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);*/
}

#main_menu ul li a.active{
    border-bottom-color: #e3e3e3;
}


#main_menu_right_button{
    display: none;
    position: absolute;
    right: 0px;
    top: 71px;
    width: 38px;
    height: 42px;
    float: right;
    background: url(../images/header/menu_right_button.png) 2px 1px no-repeat;
    margin-right: 0px;
    z-index: 100;
}

#main_menu_left_button{
    display: none;
    position: absolute;
    left: 0;
    top: 71px;
    width: 38px;
    height: 42px;
    float: left;
    background: url(../images/header/menu_left_button.png) 0 1px no-repeat;
    margin-left: 0px;
    z-index: 100;
}



/* **** FOOTER **** */

#footer{
    width: 100%;
}

#footer .col1of2{
    width: 70%;

}

#footer .col2of2{
    width: 29%;
    margin-left: 0;
}

#footer p{
    margin-bottom: 0.8em;
}

#footer .creditcard-logos
{
    width: 96.23% /* 281px/292px */
}

.rs-payment-brand{
    text-align: center;
    padding-bottom: 0 !important;
}

.rs-payment-brand-content{
    padding: 0.5em 0.5em 0 0.5em;
    display:inline-block;
}

.rs-payment-brand-content div{
    float: left;
    margin-right: 0.4em;
}

.rs-payment-brand-content  .rs-payment-brand-section{
    margin: 0 0.5em;
}

.rs-payment-brand div img{
    height: 30px;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
}

.rs-payment-brand .rs-payment-brand-item img{
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
}

.rs-payment-brand .rs-payment-brand-item{
    width: 60px;
}

#footer .perc100{
    text-align: center;
    display: inline-block;
    padding-top:  0.6em;
    margin-top: 0.3em;
    border-top: 1px solid #999;
}
#footer .perc50footer {
    width: 48%;
}
#footer .right {
    float: right;
    text-align: right;
    padding: 0 0.1% 0 0;
}
#footer .left {
    float:left;
    text-align: left !important;
}
#footer .left img{
    max-width:200px;
}

#footer a{
    text-decoration: none;
    color: #666 !important;
}

#footer .flagbtn{
    font-size: 0.8em;
    margin: 0.5em;
    display: inline-block;
}

.flagbtn img{
    width: 1.8em;
}




/* **** CONTENT **** */

.content {
    background: #fff;
    display: inline-table;

    margin-bottom: 1em;
    padding-bottom: 1.5em;

    width: 100%;

    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;

    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
}

.content .main {
    float: left;
    width: 69.2222222%; /* 650px / 900px (-2% för margin) */
    width: 70%;
    margin-top: 1em;
    margin-right: 4%;
    min-height: 300px;
}



.main_col1of3, .main_col2of3, .main_col3of3{
    width: 30.4%;
    float: left;
    margin-right: 4%;
}

.main_col3of3{
    margin-right: 0;
}

.main_col1of2{
    margin-right: 2%;
}

.main_col2of2{
    margin-left: 2%;
}


.main_col1of2, .main_col2of2{
    width: 47.6%;
    float: left;
}

.main_col1of2{
    margin-right: 2%;
}

.main_col2of2{
    margin-left: 2%;
}

.main_col1of2 h2, .main_col2of2 h2{
    /*font-size: 1em;
    margin-top: 1em;
    background-repeat: no-repeat;
    border: 0px solid #333;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    background-color: #eee;
    padding: 0.5em;
    background-position: 98% -0.3em;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    */

    font-size: 1.25em;
    margin: 1em 0 0.3em 0;
    border-bottom: 1px solid #ddd;
    padding: 0;


}

.main_col1of2 div, .main_col2of2 div{
    font-size: 0.8em;
    line-height: 1.3em;
    margin-bottom: 0.4em;
}

.main a{
    font-weight: bold;
}


.main_nocol{
    width: 99%;
    display: inline-block;
}


/* **** LINKS **** */

.PDF-link{
    padding: 4px 10px 4px 24px;
    background: url(../images/icons/icon-pdf.gif) 0 2px no-repeat;
}


/* ***** SCAPS ***** */

.scap-icon{	float: right; font-family: 'WebFont'; color: #acacac; } /* IF USING ICON FONT */
/*
h2.scap-test{background: url(../images/scaps/icon-test.png) no-repeat right;	}
h2.scap-adwords{background: url(../images/scaps/adwords.png) no-repeat right;	}
h2.scap-internethandboken{background: url(../images/scaps/internethandboken.png) no-repeat right;	}
h2.scap-support{background: url(../images/scaps/support.png) no-repeat right;	}
h2.scap-infinity{background: url(../images/scaps/infinity.png) no-repeat right;	}
h2.scap-reseller{background: url(../images/scaps/reseller.png) no-repeat right;	}
h2.scap-easy{background: url(../images/scaps/easy.png) no-repeat right;	}
h2.scap-timemachine{background: url(../images/scaps/timemachine.png) no-repeat right;	}
*/


/* **** EXTRA **** */
.extra-col{
    float: left;
    display: block;
    width: 23.777777%; /* 250px / 900px (-4% för padding) */
    _width: 22%;
}

.content .extra {
    float: left;
    width: 92%;
    background: #ececec;
    color: #333;
    padding: 8%;
    /*border: 1px dotted #333;*/
    *border: 1px solid #aaa;
    margin-top: 0.75em;

    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;

    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
}

.content .extra ul li a, .content .extra ol li, .content .extra ul li, .main_col2of2 li a, .main_col1of2 li a{
    text-decoration: none;
    font-size: 0.75em;
    line-height: 1.4em;
    color: #333 !important;
    font-weight:normal !important;
}

.content .extra ul li, .content .extra ol li, .main_col2of2 li, .main_col1of2 li, .switch-object ul li{
    border-bottom: 1px solid #ccc;
    padding: 0.3em 0;

}

.content .extra ul li a{
    font-size: 1em;
}

.content .extra ol{
    list-style: inside;
    list-style-type: decimal;
}

.content .extra h2{
    font-size: 1.2em;
    line-height: 1.1em;
}

.inside-content{
    padding: 0 1.5% 0 2.5%;
}

.perc20 .figure_full{
    margin: 0;
}

.extra .fb-sidebar, .extra .fb-sidebar-large{
    border: 1px #888888 solid;
    overflow:hidden;
    width:99%;
    height:66px;
    background: #fff;
    margin-bottom: 5px;
}

.extra .fb-sidebar-large{
    height:210px;
    border: 0 ;
    border-bottom: 1px #888888 solid !important;
}

.pluginBoxContainer{
    border: 0 !important;
}

.extra .date, .main_col2of2 li .date, .main_col1of2 li .date{
    font-size: 0.85em;
    font-style: italic;
    color: #888;
    margin: 0.4em 0;
}

.extra-fwd-link{
    font-size: 0.75em;
    padding: 0 0 0 1em;
    background: url(../images/icons/green-arrow-right-small.gif) no-repeat 0 0.2em;
    text-decoration: none !important;
    color: #333 !important;
    margin-top: 0.5em;
}


/* BOXES ON START PAGE */

.package-start-box{
    font: 0.75em/1.4em Arial,Helvetica,sans-serif;
    float: left;
    padding: 1.9%;
    margin: 0em 2% 3% 0%;
    width: 27.7%;
    _width: 26.5%;
    border: 1px solid #dad794;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    background: #fffdd7;
    min-height: 240px;
}

.package-start-box-1of2, .package-start-box-2of2{
    width: 44.8%;
    _width: 43.6%;
}

.package-start-box-3, .package-start-box-2of2{
    margin-right: 0;
}

.package-start-image, .package-start-image-single-box{
    float: right;
    width: 40%;
    margin-left: 5px;
    text-align: right;
}

.package-start-image-single-box{
    width: 29%;
}

.package-start-info{
    color: #666666;
    font-style:oblique;
    padding: 0.5em 0;
}

.package-start-price{
    display: block;
    margin-top: 0.7em;
    /*font-family: 'Oswald', Arial, Helvetica, sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
    padding-left:  0.1em;
    color: #333;
}


.package-start-box .strikethrough{
    font-size: 0.8em;
    color: #999;
}

.package-start-price-campaign{
    color: #cc0000;
    margin-top: 0.2em;
    font-weight: bold;
}


.package-start-price span{
    font-size: 1.7em;

}

.package-start-box ul li{
    padding-left: 1.3em;
}

.package-start-box ul{
    margin-top: 0px;
}

.package-start-order{
    padding-top: 1em;
}

.package-start-moreinfo{
    float: right;
    padding-top: 0.95em;
    *position:relative;
    *top: -34px;
}

.package-start-order-btn{
    *padding: 0 .25em;
    *overflow:visible;
    *width: 0;
    *float:left;
}

.package-start-box h2{
    margin-bottom: 0em;
    font-size: 1.4em;
}

#home-package-expand-btn, #business-package-expand-btn, #plus-package-expand-btn{
    display: none;
}


.tinyspace{
    font-size: 0.0em;
}


ul.packages li{
    margin: 0;
    padding: 0 0 0.3em 1.5em;
    *padding: 0 0 0.3em 2.1em;
    list-style-type: none;
    background: url(../images/icons/about-gif.gif) no-repeat;
    background-position: 0 0.3em;
    *background-position: 1em 0.3em;
}

.order-form-packages ul.packages li, .product-box ul.packages li{
    padding: 0 0 0 1.5em;
}

.product-box{
    /*max-width: 40em;*/
}

.product-box img{
    max-width: 80%;
}

.product-box .config-label{
    max-width: 12em;
}

.product-box h2{
    font-size: 1.5em;
}

.order-form-packages h2{
    display: inline-block;
}

ul.packages ul li{
    background: none;
    padding: 0 !important;
    font-style: italic;
}

.order-form-packages ul.packages, .product-box ul.packages{
    float: left;
    width: 45%;
}

.order-form-packages{
    margin-bottom: 1.3em;
}

.orderform-service-header{
    margin-bottom: 0.5em;
}

.orderform-service-header h2 span, .product-box .config-setting h2 span{
    font-size: 0.85em !important;
    color: #999;
    font-weight: 300;
    margin-left: 0.4em;
}

.orderform-service-header h2 span.strikethrough, .product-box .config-setting h2 span.strikethrough{
    font-size: 0.7em !important;
}

.orderform-service-header h2 span span, .product-box .config-setting h2 span span{
    font-size: 1em !important;
    margin-left: 0em;
}

.highlighted-box{
    padding: 1.5%;
    width: 97%;
    border: 1px solid #d8f07b;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    background: #f0faae;
    margin-bottom: 1.5em;
}

.highlighted-box-row, .highlighted-box-row-alt{
    padding: 1.5%;
}

.highlighted-box-row-alt{
    background: #fff;
}


/* TOOLTIP INFO/HELP */

.info-btn, .get-started-box .info-btn{
    background: #48c0ef;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#63c9f1),to(#28a0cf));
    background-image: -webkit-linear-gradient(#63c9f1,#28a0cf);
    background-image: -moz-linear-gradient(#63c9f1,#28a0cf);
    background-image: -ms-linear-gradient(#63c9f1,#28a0cf);
    background-image: -o-linear-gradient(#63c9f1,#28a0cf);
    background-image: linear-gradient(#63c9f1,#28a0cf);

    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);

    -webkit-border-radius: 0.9em;
    -moz-border-radius: 0.9em;
    border-radius: 0.9em;

    color: #fff !important;
    text-decoration: none;
    padding: 0.1em 0.5em;
    border: 1px solid #888;
    font-size: 1.1em;
    margin-left: 0.6em;
    display: inline-block;
    /*margin-bottom: 0.5em;*/
}


/* info bubbles */

#search_bubble{
    position: absolute;
    margin-top: -10em;
    margin-left: 30%;
    /*display: none;*/
}

.info_bubble_content{

    border: 1px solid #555;
    background: #bb0000;
    color: #fff;
    /*
    border: 1px solid #dad794;
    background: #fffdd7;
    */

    padding: 1.2em;
    font-size: 1em;
    -webkit-border-radius: 1.8em;
    -moz-border-radius: 1.8em;
    border-radius: 1.8em;
    width: 13.2em;
    line-height: 1.3em;
    -webkit-box-shadow: 0 3px 10px 1px rgba(0,0,0,0.7);
    box-shadow: 0 3px 10px 1px rgba(0,0,0,0.7);


}
.info_bubble_content h3{
    font-size: 1.2em;
    margin-bottom: 0.4em;
    color: #fff;
}

.info_bubble_content p{
    margin: 0 0 0.4em 0;
}

.info_bubble_arrow{
    width: 100%;
    text-align: center;
    margin-top: -1px;
}

.info_bubble_content .closePopUpBtnSmall{
    opacity:0.5;
    filter:alpha(opacity=50);
}

#find_your_services_arrow{
    position: absolute;
    margin-top: -3em;
    margin-left: 11em;
    width: 9em;
    display: none;
}



.remove-btn{
    background: #bbb;

    /*
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    border: 1px solid #888;
    */
    -webkit-border-radius: 0.9em;
    -moz-border-radius: 0.9em;
    border-radius: 0.9em;

    color: #fff !important;
    text-decoration: none;
    padding: 0.1em 0.4em;
    font-size: 1.1em;
    margin-left: 0.6em;
    cursor: pointer;
}

#tooltip
{
    text-align: center;
    /*color: #333;*/
    color: #fff;
    position: absolute;
    z-index: 2000;
    padding: 15px;

    font: 0.75em/1.4em Arial,Helvetica,sans-serif;

    /*border: 1px solid #dad794;*/
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    /*background: #fffdd7;*/
    background: #000;
    padding: 2%;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.35);

}

#tooltip:after /* triangle decoration */
{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    /*border-top: 10px solid #fffdd7;*/
    border-top: 10px solid #000;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;

}

#tooltip.top:after
{
    border-top-color: transparent;
    /*border-bottom: 10px solid #fffdd7;*/
    border-top: 10px solid #000;
    top: -20px;
    bottom: auto;
}

#tooltip.left:after
{
    left: 10px;
    margin: 0;
}

#tooltip.right:after
{
    right: 10px;
    left: auto;
    margin: 0;
}




/* INVOICE PREVIEW */
.invoice-preview{
    color: #333;
    border: 1px solid #DAD794;
    padding: 0.7em 3%;
    margin: 0.7em 0;
    background: #fffdd7;
    display: inline-block;
    font-size: 15px; /*0.9rem*/
    width: 93.5%;
}

.invoice-preview table{
    margin: 0;
}

.tr-divider{
    border-bottom: 1px solid #ddd;
    width: 100%;
}

.tr-divider-top{
    border-top: 1px solid #ddd;
    width: 100%;
}

tr.top-row, tr.bottom-row{
    font-weight: bold;
}

.config-setting-row-additional .invoice-preview{
    width: 94%;
}


/* Info step box */
.info-step-box, .info-step-box-nobullets{
    margin: 0 0 0.5em 1em;
    border: #b9ad84 1px solid;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    padding: 1em;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.35);
    text-align: left;

    background: #fff1ba;
    background: -moz-linear-gradient(top,  #fff1ba 0%, #fffcee 42%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff1ba), color-stop(42%,#fffcee));
    background: -webkit-linear-gradient(top,  #fff1ba 0%,#fffcee 42%);
    background: -o-linear-gradient(top,  #fff1ba 0%,#fffcee 42%);
    background: -ms-linear-gradient(top,  #fff1ba 0%,#fffcee 42%);
    background: linear-gradient(top,  #fff1ba 0%,#fffcee 42%);
}

.info-step-item{
    font-size: 0.85em;
    line-height: 1.3em;
    margin-bottom: 1.3em;
    text-indent: -2.2em;
}

.info-step-item span{
    padding: 0.3em 0.6em;
    border: #a22200 1px solid;
    color: #fff;
    font-weight: bold;
    margin-right: 0.3em;

    -webkit-border-radius: 1.4em;
    -moz-border-radius: 1.4em;
    border-radius: 1.4em;

    background: #bd2300;
    background: -moz-linear-gradient(top,  #cd5535 0%, #a22200 40%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd5535), color-stop(40%,#a22200));
    background: -webkit-linear-gradient(top,  #cd5535 0%,#a22200 40%);
    background: -o-linear-gradient(top,  #cd5535 0%,#a22200 40%);
    background: -ms-linear-gradient(top,  #cd5535 0%,#a22200 40%);
    background: linear-gradient(top,  #cd5535 0%,#a22200 40%);

    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.35);

}

.info-step-box-nobullets{
    margin-left: 0;
}


/* FORMS, CONFIG-SETTING*/

.config-row{
    border-top: 1px solid #ddd;
    padding: 0.7em 0 0.7em 0;
}

.config-row.toc{
    clear: both;
    padding-bottom: 1.2em;
}

.config-label, .config-setting{
    font-size: 0.9em;
    display: inline-block;
}

.config-label{
    color: #333;
    /*width: 20%;*/
    width: 30%;
    float: left;
    margin-right: 1.9%;
    font-weight: bold;
    clear: left;
    line-height: 1.3em;
    /*word-break: break-all;*/
}

.config-setting{
    /*width: 75%;*/
    width: 65%;
}

#settings .config-setting{
    /*width: 98%;*/
    /*width: 100%;*/
}

#settings .more-config-settings-box .config-setting, #settings .product-box .config-setting{
    /*width: 75%;*/
    width: 65%;
}

.config-setting select{
    /*width: 70%;*/
    width: 60%;
}

.config-setting .select-row-sub select{
    width:  98%;
    font-size: 1.4em;
}

.config-setting-row, .config-setting-row-additional{
    margin-bottom: 0.4em;
}

.config-setting-row-additional{
    /*margin-left: 21.9%;
    width: 78%;*/
    /*margin-left: 31.9%;
    width: 68%;*/
}

.config-setting .select-row{
    border-bottom: 1px dotted #bbb;
    display: block;
    clear: right;
    /*margin-left: 21.9%;*/
    /*margin-left: 31.9%;*/
    margin-bottom: 0.5em;
}

.get-started-box .config-setting .select-row{
    margin-left: 0;
}

.config-setting-table-row{
    padding: 0.5em 0 0.1em 0;
    border-bottom: 1px solid #bbb;
    display: inline-table;
    width: 100%;
    font-size: 13px;
    color: #333;
}


.config-setting-table-row a{
    /*color: #333 !important;*/
    text-decoration: none;
}

.config-setting-table-row .btnDelete{
    padding: 0.4em 0.7em 0.4em 0.6em;
    margin: 0em 0 0.3em;
}


.config-setting-table-row .btnDeleteRow, .config-setting-table-row .btnRow{
    padding: 0em 0.7em !important;
    margin: 0.1em 0 0em !important;
    font-size: 11px !important;
    white-space:nowrap;
}


.list-with-btn .btnDeleteRow, .list-with-btn .btnRow{
    padding: 0.3em 0.7em !important;
    margin: 0.19em 0 !important;
}



.config-setting-table-row .info-btn{
    color: #fff !important;
}

.config-setting-table-row.top-row:hover{
    background: none !important;
}


ol.sup{
    list-style-type: decimal;
    padding-left: 1.4em;
    margin-bottom: 1em;
}


.sup li, .supdiv{
    font-size: 0.7em;
    line-height: 1.3em;
    margin-bottom: 0.5em;
    color: #999;
}

sup{
    vertical-align: super;
    font-size: smaller;
}

.tinted sup a, .notint sup a, .table_top sup a, .table-specs sup a{
    color: #ae8005 !important;
    text-decoration: underline;
}

.qoute, .quote{
    color: #555;
    font-size: 1.2em;
    font-style: italic;
}

.qoute img, .quote img{
    float: left;
    width: 4.5em;
    margin: -0.3em 1em 0.5em 0;
}

.quote img {
	border-radius:50%;
}

.quote_signature{
    font-size: 0.8em;
    font-style: normal;
}

.quote_signature a{
    /*color: #555 !important;
    text-decoration: none;
    font-weight: normal;*/
}

.quote_link{
    float: right;
}

#dnssec_info_init, #dnssec_info_working, #dnssec_info_not_working{
    padding-left: 50px;
    background: url(../images/other/ajax-loader_30x30.gif) no-repeat 0.9em 50%;
}

#dnssec_info_working{
    background: url(../images/other/success.png) no-repeat 0 50%;
}

#dnssec_info_not_working{
    background: url(../images/other/warning.png) no-repeat 0 50%;
}


/*** SUPPORT ICONS ***/

a.support-icon,a:hover.support-icon {
    width: 20%;
    float: left;
    margin: 0.5em 2%;
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border: 0;
    font-size: 0.7em;
    text-decoration: none;
    border: 0;
}

.support-icon span{
    width: 100%;
    height: 1em;
    padding: 0.6em !important;
    background: #bcbcba;
    display: block;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 3px 0;
    border: 0;
    color: #fff;
    overflow: hidden;
}


.more-box{
    display: inline-block;
    font: 1em/1.4em Arial,Helvetica,sans-serif;
    margin: 0.5em 0 1em 0;
    border: 1px dotted #999;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    background: #f1f1f1;
    padding: 2% 3% 2% 3%;
    width: 94%;
}

.more-box .list-item{
    text-decoration: none;
    font-size: 0.75em;
    color: #333 !important;
    font-weight: normal !important;
    border-top: 1px solid #CCC;
    padding: 0.5em 0;
    width: 100%;
    clear: right;
    display: block;
    line-height: 1.4em;
}

.more-box .sub-wrapper{
    background: #fff !important;
    padding: 0.5em;
    margin-bottom: 0.5em;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    background: #f1f1f1;
}

.more-box .answer{
    padding-left: 70px;
    background-repeat: no-repeat !important;
    background-image: url(../images/icons/support_icons/answer.png) !important;
    background-position: 1em center !important;
}

.contact-table{
    font-size: 1rem;
    margin: 0;
    color: #333;
}

.contact-table a{
    text-decoration: none;
    color: #333 !important;
    font-weight: normal;
}

.contact-table .waitingtime{
    float: none;
    display: inline;
    white-space: nowrap;
}

.contact-table tr{
    border-bottom: 1px solid #ddd;
}

.contact-table tr:first-child{
    border-top: 1px solid #ddd;
}

.contact-table td{
    vertical-align: middle;
}	

.contact-table .red, .contact-table .green{
    margin-right: 0.5em;
    font-weight: bold;
}

.contact-table .icon{
    width: 35px !important;
}

.contact-table .middle{
    width: 40%;
}

.contact-table img{
    width: 30px !important;
}

#domain_group .status .search, #domain_group .status .active, #domain_group .status .inactive, #domain_group .status .ferror{
    width: 18px;
    height: 18px;
    background-position: center left;
}

#domain_group .status .search {
    background: url(../images/other/ajax-loader_18x18.gif) no-repeat;
}

#domain_group .status .active {
    background: url(../images/icons/tick-gif.gif) no-repeat;
}

#domain_group .status .inactive {
    background: url(../images/icons/cross-gif.gif) no-repeat;
}

#domain_group .status .ferror {
    background: url(../images/icons/ferror-gif.gif) no-repeat;
}

#domain_group .search {
    color: #999999;
}

#domain_group td{
    padding: 0.5em 0 0.2em 0;
    margin-bottom: 0.4em;
}

#domain_group input[type="checkbox"].inactive, #domain_group input[type="checkbox"].search{
    display: none;
}

#domain_group{
    margin: 0;
}


/* CAROUSEL */

.carousel {
    margin: 0 0 1em 0;
    font-family: sans-serif;
    position: relative;
}
.carousel-item img, .campaign-box-start img {
    width: 100%;
    height: auto;
    display: block;
}
.carousel-nav {
    position: absolute;
    bottom: 0;
    z-index: 4;
    width: 100%;
    text-align: left;

}

.carousel-item, .campaign-box-start{
    width: 91.8% !important;
    background: #b71f00 url(../images/banners/banner-bg.jpg);
    padding: 1em 4% 2.8em 4% !important;
    color: #fff;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    border: 1px solid #500;
}

.special-banner-bg{
    background: #b71f00 url(../images/banners/cartoon-banner-bg.jpg);
}

.campaign-box-start{
    padding-bottom: 1em !important;
    margin-bottom: 1.5em;
}

.carousel-item h1, .campaign-box-start h1{
    color: #fff;
    font-weight: bold;
}

.carousel-item p, .campaign-box-start p{
    font-size: 1em;
}


.carousel-item strong, .campaign-box-start strong{
    color: #ffcc00 !important;
}

.carousel-nav a {
    text-decoration: none;
    font-size: .8em;
    background: url(../images/tab-inactive.png);
    color: #333;
    padding: .5em;
    position: absolute;
    bottom: 0;
    font-weight: bold;
}
.carousel-nav a.prev {
    left: 0;
    display: none;
}
.carousel-nav a.next {
    right: 0;
    display: none;
}
.carousel-nav-paginated .carousel-active-page a {
    background: url(../images/tab-active.png);
    color: #333;

}

.carousel-nav-paginated ol{
    margin: 0 !important;
}
.carousel-nav-paginated li{
    width: 33.333333%;
    *width: 33.23%;
    *float: left;
}

.carousel-nav-paginated li a{
    font-size: 1em;
    font-weight: normal;
    width: 93.4%;
    padding: 0.5em 3%;
    margin: 0.3em 0.2% 0em 0.2%;
    text-align: center;
    -webkit-border-radius: 0 0 0.4em 0.4em;
    border-radius: 0 0 0.4em 0.4em;
    color: #fff !important;
}

/* EYESCAN VIEW */
#eyescan-view{
    background: url(../images/icons/close-window.png) no-repeat top right #fff;
    background: rgb(255,255,255);
    z-index: 1500;
    position:fixed;
    padding: 0.5em 0.5em 1.5em 0.5em;
    display: none;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    -webkit-box-shadow:  0px 0.5em 3em 1em rgba(0, 0, 0, 0.4);
    box-shadow:  0px 2px 30px 5px rgba(, , 0, 0.4);
    left: 40%;
    top: 0;
    margin-top: 2em !important;
}

#eyescan-view p {
    font-size:0.7em;
    line-height:1em;
    color:#333;
    margin: 1em 0 1em 0;
}
#eyescan-view h2 {
    margin: 0;
}
.eyescan-view-closeBtn{
    float: right;
}

.btneyescan {
    background: #3Eb1dC;
    display: inline-block;
    border: 1px solid #777;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    padding: 0.5 1em;
    margin: 0 0 0.5em 0;
    background: -moz-linear-gradient(top, #1d9acb 92%, #0E81aC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(92%,#1d9acb), color-stop(100%,#0E81aC));
    background: -webkit-linear-gradient(top, #1d9acb 92%,#0E81aC 100%);
    background: -o-linear-gradient(top, #1d9acb 92%,#0E81aC 100%);
    background: -ms-linear-gradient(top, #1d9acb 92%,#0E81aC 100%);
    background: linear-gradient(top, #1d9acb 92%,#0E81aC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d9acb', endColorstr='#0E81aC',GradientType=0 );
}
.btneyescan img{
    /*max-width:25px;
    height:auto;*/
    height: 14px;
    margin: 1px;
}
a.btneyescan {
    line-height:1em;
    padding: 3px 10px 2px 10px;
}
#eyescan {
    font-size:0.7em;
    color:#333;
}
#eyescanarrow{
    float:right;
}
.eyescannew {
    color:#cc0000;
    font-weight: bold;
}
.eyescan-view-content {
    width:300px;
}
/* END EYESCAN VIEW */

/* VIDEO VIEW */
#video-view, #sitebuilder-view, #sitebuilder-demo-modal{
    background: url(../images/icons/close-window.png) no-repeat top right #fff;

    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 94%, rgba(226,226,226,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(94%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 94%,rgba(226,226,226,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 94%,rgba(226,226,226,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 94%,rgba(226,226,226,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 94%,rgba(226,226,226,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );
    z-index: 1500;
    position:fixed;
    padding: 1em 1.5em 2.5em 1.5em;
    display: none;
    top: 50%;
    left: 50%;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    -webkit-box-shadow:  0px 0.5em 3em 1em rgba(0, 0, 0, 0.4);
    box-shadow:  0px 2px 30px 5px rgba(, , 0, 0.4);
}

.video-view-closeBtn{
    float: right;
}
#sitebuilder-view{
	width:550px;
	height:455px;
}

 #sitebuilder-demo-modal {
	width:550px;
}

#hideBackground{
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter:alpha(opacity=60); /* F�r IE */
    -moz-opacity:0.6; /* Standard CSS - FF, Opera, Safari */
    -khtml-opacity: 0.6; /* Gammal Mozilla, ex Netscape */
    opacity: 0.6; /* Gammal Safari */
    display: none;
    z-index: 1000;
}



.ytsm-description .ytsm-description-text {
    height: auto;  /* Can be any value depending on how much you want to show */
    overflow: visible;
}



.supexpand{
    clear: both;
}

/* Reco widget */
#recoWidget{
    width: 100% !important;
}

#recoRate img{
    width: 19px !important;
}

#recoWidgetFooter img{
    /*width: 80%;*/
}

#recoWidget p{
    font-size: 0.85em;
    text-shadow: none;
}


/* OVERRIDE VENDOR CSS */

/* QTIP */

.ui-icon-close{
    color: #fff !important;
    background: rgba(0, 0, 0, 1) !important;

}

.qtip-close{
    background: none !important;
}

.qtip-default .qtip-icon{
    border: 0 !important;
}

.qtip-icon .ui-icon, .qtip-icon{
    height: 18px !important;
    border-radius: 20px !important;
}

.qtip-tipsy .qtip-icon{
    border-color: rgba(0, 0, 0, 1) !important;
}

.qtip-titlebar .ui-icon, .qtip-icon .ui-icon{
    padding: 5px 2px 0 !important;
}


/**** Support slider ****/
#support-slider{
    position: fixed;
    width: 365px;
    height: auto;
    z-index: 999;
    min-height: 291px;
    /*top: 140px;*/
    /*margin-left: -253px;*/

    bottom: 20px;
    right: -5px;
}

#support-slider-main{
    width: 240px;
    padding: 15px;
    background: #f1f1f1;
    float: left;
    min-height: 210px;
    /*
    -webkit-box-shadow:  2px 4px 15px 0px rgba(0, 0, 0, 0.5);
box-shadow:  2px 4px 15px 0px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 0px 2px 7px 0px;
    border-radius: 0px 2px 7px 0px;
    */
    -webkit-box-shadow:  2px 4px 15px 0px rgba(0, 0, 0, 0.5);
    box-shadow:  2px 4px 15px 0px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 0px 2px 7px 0px;
    border-radius: 2px 0px 0px 7px;
}

#support-slider-main textarea{
    height: 6em;
}	

#support-slider-main h3{
    font-size: 1.1em;
    font-weight: bold;
}

#support-slider-tab, #support-slider-tab img{
    width: 90px;
    height: 200px;
}

#support-slider-tab{
    float: left;
}



.support-slider-type{
    font-size: 0.9em;
    border-bottom: dotted #999 1px;
    margin: 0.3em 0;
    padding: 0.2em 0 0.4em 0;
    color: #333;
}

.support-slider-type a{
    text-decoration: none;
    color: #333 !important;
}

.support-slider-type img{
    width: 27px;
    margin-right: 0.8em;
    vertical-align: middle;
}

.closePopUpBtnSmall{
    float: right;
    width: 18px;
    margin: -8px -8px 0 3px;
}

.chat-status-open #chat_status, .chat-status-closed #chat_status, .callme-status-open #callme_status, .callme-status-closed #callme_status, .email-status-open #email_status{
    width: 20px;
    height: 20px;
    background: #0b0;
    display: inline-block;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    margin-left: 0.5em;
    vertical-align: middle;
}

.chat-status-closed #chat_status, .callme-status-closed #callme_status{
    background: #b00;
}

.chat-status-closed img, .chat-status-closed span, .callme-status-closed img, .callme-status-closed span{
    opacity:0.3;
    filter:alpha(opacity=30);
}

.chat-status-closed #chat_status, .chat-status-closed .waitingtime, .callme-status-closed #callme_status, .callme-status-closed .waitingtime{
    opacity:1.0;
    filter:alpha(opacity=100);
}



.waitingtime{
    font-size: 11px;
    color: #555;
    display: block;
    float: right;
    clear: none !important;
    font-style: italic;
    text-align: right;
    padding-top: 3px;
}

#support-slider-main label{
    font-size: 0.75em;
    color: #333;
    clear: both;
    display: block;
}

#support-slider-main input[type=text], #support-slider-main select, #support-slider-main textarea{
    margin-bottom: 0.7em;
    font-size: 0.8em;
    width: 90%;
}

#support-slider-main textarea{
    padding: 3%;
}

/* Styles for webbhotell page from new order flow */
.of-general-form-box {
    display: inline-block;
    margin: 0 0 0 0;
    background: none;
    width: 100%;
    font-size:1em !important;
    position:relative;
}
.of-recommended .orderbtn, .of-recommended-off .orderbtn {
    float:left;
}
.of-recommended {
    background-color: rgba(201, 31, 36, 1);
    border-radius:1em;
    /*transition: background 0.5s linear 0s;*/
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.of-recommended:hover {
    /*background-color: rgba(201, 31, 36, 0.8);*/
}
.of-recommended span.cellh1{
    display:block;
    color:#fff;
    font-size:0.9em;
    text-transform:uppercase;
    letter-spacing:-0.03em;
    text-align:center;
    margin-bottom: 0.3em;
    text-align:center;
    line-height:1.2em;
    margin: 0px 0px 0.3em;
    vertical-align:baseline;
}
.of-recommended-off{
    background:none;
    border: none;
    border-radius:none;
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.of-recommended-off span.cellh1 {
    display:none;
}
.of-half {
    width: 49.6%;
    margin-right:0%;
    padding: 0.4em;
    box-sizing:border-box;
}
.of-third {
    width: 32.8%;
    padding: 0.4em;
    box-sizing:border-box;
}
.of-third ul {
    list-style:none;
    font-size:0.825em;
}
.of-third li {
    border-bottom: 1px solid #ccc;
    line-height:1.4em;
    margin-bottom: 0.5em;
}
.of-product-wrapper {
    padding: 6%;
    background: none repeat scroll 0% 0% #f1f1f1;
    border: 1px solid #999;
    /*background: none repeat scroll 0% 0% #fffdd7;
    border: 1px solid #dad794;*/
    border-radius: 8px;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.of-recommended .of-product-wrapper{
    border-color: rgba(201, 31, 36, 1);
}


.of-product-box {
    margin:0;
    vertical-align:top;
    clear:both;
}
.of-product-box span.cellh2 {
    display: block;
    font-size: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.02em;
    line-height: 1.2em;
    font-weight: 500;
    color: #555;
    margin: 0px 0px 0.6em;
}
.of-product-box span.cellh3 {
    font-style: oblique;
    font-size: 0.75em;
    letter-spacing:-0.02em;
    margin-bottom: 0.4em;
    color: #555;
    margin: 0px 0px 0.6em;
    line-height:0.6em;
}
.of-product-box span.cellh4 {
    font-size:1.3em;
    letter-spacing:-0.01em;
    font-weight: bold;
    padding-top:0.5em;
    margin-right:0.2em;
    color: #555;
    line-height:1.2em;
    display:block;
    margin: 0px 0px 0.6em;
}
.of-product-box span.cellh4 span.price_period{
    font-size: 0.7em;
    font-weight: normal;
}

.campaign-on .of-fee-notax .cart-row-currency, .campaign-on .of-fee-tax .cart-row-currency {
    display:none;
}
.campaign-on .of-fee-notax, .campaign-on .of-fee-tax {
    text-decoration: line-through;
    font-size:80% !important;
}
.cart-row-currency {
}
.campaign-on .of-fee-notax .cart-row-currency, .campaign-on .of-fee-tax .cart-row-currency {
    display:none;
}	
.of-fee-tax {
    display:inline-block;
}	
.campaign-on .of-fee-campaign-tax {
    display:inline-block;
    color:#d30019;
    font-weight:bold;
}
.campaign-on .of-fee-campaign-notax{
    color:#d30019;
    font-weight:bold;
}
.campaign-sign, .of-fee-notax, .of-fee-campaign-notax, .of-fee-campaign-tax, .campaign-on .of-fee-campaign-notax {
    display:none;
}
.of-inactive.campaign-on .of-fee-campaign-tax, .of-inactive.campaign-on .of-fee-campaign-notax {
    color:#ccc !important;	
}		
.add-to-cart {
    border:1px solid #888;
    border-radius: 4em;
    padding: 0.3em 0.7em;
    color: #FFF !important;
    text-decoration: none;
    font-weight: bold !important;
    background: none repeat scroll 0% 0% #1D9ACB;
    cursor:pointer;
    line-height:1em;
    text-align:center;
    white-space: nowrap;
    float:right;
    display:block;
    width:auto;
}
.of-half .add-to-cart, .of-third .add-to-cart {
    float:left;
    font-size:0.75em;
    margin-top:1em;
    padding: 0.5em 0.8em;
}
.of-active .add-to-cart { /*add to cart button if domain is available */
    cursor:pointer;
}
.of-active .add-to-cart-inactive, .of-inactive .add-to-cart {
    display:none;
}
.add-to-cart-inactive { /*add to cart button if domain is unavailable */
    border:none;
    float:right;
    color: #bcbdc0 !important;
    font-size: 0.9125em !important;
    background: none;
    white-space: nowrap;
    cursor:initial;
    margin-right:0.4em;
}
.add-to-cart.of-disabled {
    cursor:initial;
    color: #bbb;
    background:#ddd;
    border:1px solid #ccc;
}
.hiderow {
    display:none;
}
ul.of-hosting-specs {
    margin-top:1em;
}
.bluebutton {
    border:1px solid #888;
    border-radius: 4em;
    padding: 0.3em 0.7em;
    margin: 0.6em auto 0 auto;
    color: #FFF !important;
    text-decoration: none;
    font-size: 0.8125em;
    font-weight: normal;
    background: none repeat scroll 0% 0% #1D9ACB;
    cursor:pointer;
    display:block;
    width:60%;
    line-height:1em;
    text-align:center;
}
.cookie-info {
    text-align:center;
    position:fixed;
    bottom:0;
    width:100%;
    opacity: 0.9;
    border-top: 1px solid #C0C0C0;
    background: -webkit-linear-gradient(#FAFAFA, #F0F0F0);
    background: -o-linear-gradient(#FAFAFA, #F0F0F0);
    background: -moz-linear-gradient(#FAFAFA, #F0F0F0);
    background: linear-gradient(#FAFAFA, #F0F0F0);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35);
}
.cookie-info p {
    margin:0.5em auto;
}
/* Dibs page */
.main-image#dibs {
	background-image:url(../images/extra_services/dibs-main-image.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:100% 100%;
	overflow:hidden;
	padding:1em;
}
.main-image#dibs .main-image-left {
	width:65% !important;
	padding:0 !important;
}
.main-image#dibs h1 {
	font-weight: normal; 
	line-height: 1.2em; 
	font-size: 2.2em;
	color:#fff;
	margin-top:0 !important;
	letter-spacing:-0.1px;
}
.main-image#dibs ul {
	margin-bottom:1em;
	list-style-type:disc;
	margin-left:1em;
}
.main-image#dibs ul li {
	padding-left:0;
	line-height:1.5em;
	margin-bottom:0.2em;
	color:#fff;
	background:none;
}
.main-image#dibs img {
	max-width:80%;
}
.main_col1of3.dibspage h3, .main_col2of3.dibspage h3, .main_col3of3.dibspage h3 {
	margin-top:0.666em;
	font-weight:600;
}
.main_col1of3.dibspage, .main_col2of3.dibspage, .main_col3of3.dibspage {
	text-align:center;
}
.main_col1of3.dibspage img, .main_col2of3.dibspage img, .main_col3of3.dibspage img {
	border-radius:50%; 
	max-width:70%;
}
table.dibspage td {
	vertical-align:middle !important;
}
/* End Dibs page */

/* Move to Loopia page */
.main-image#move-to-loopia {background-image:url(../images/move_to_loopia/move-to-loopia-main-image.jpg);background-repeat:no-repeat;background-size:cover;background-position:100% 0%;overflow:hidden;padding:1em;}
.main-image#move-to-loopia .main-image-left {width:65% !important;padding:0 !important;}
.main-image#move-to-loopia h1 {font-weight: normal; line-height: 1.2em; font-size: 2.2em;margin-top:0 !important;letter-spacing:-0.1px;margin-bottom:0.4em;}
.main-image#move-to-loopia ul li {padding-left:1.5em;line-height:1.5em;background:url(../images/cz_objects/yes.svg) 0 50% no-repeat;background-size:16px 16px;margin-bottom:0.2em;text-shadow: 3px 3px 4px #ffffff}
.main-image#move-to-loopia ul {margin-bottom:1em;}
.main-image#move-to-loopia h2 {margin-bottom:0em;font-size:1.1em;text-shadow: 3px 3px 4px #ffffff;}
.main-image#move-to-loopia p {width:85%;text-shadow: 3px 3px 4px #ffffff}
.main-image#move-to-loopia img {max-width:80%;}
.col1of2.move-to-loopia {width:18%;float:left;box-sizing:border-box;}
.col1of2.move-to-loopia img {max-width:80%;width:80%;}
.col1of2.move-to-loopia h2 {display:none;}
.col2of2.move-to-loopia {width:80%;float:left;box-sizing:border-box;}
.move-to-loopia-smallscreen {display:none;}
@media screen and (max-width: 1024px) {
.main-image#move-to-loopia h1 {font-size:1.4em;}
.main-image#move-to-loopia {background-position:90% 100%;}
}
@media screen and (max-width: 828px) {
.main-image#move-to-loopia .main-image-left {width:80% !important;}
.main-image#move-to-loopia {background-position:0 100%;}
}
@media screen and (max-width:710px) {
.col1of2.move-to-loopia {background:#1d9acb;padding:0.5em;}
.col1of2.move-to-loopia img {}
.move-to-loopia-smallscreen {display:inline-block;}
.move-to-loopia-bigscreen {display:none;}
.col1of2.move-to-loopia div {display:table;}
.col1of2.move-to-loopia div {width:18%;float:left;height:75px;}
.col1of2.move-to-loopia div:last-child {width:80%;float:left;}
.col1of2.move-to-loopia h2 {color:#fff;font-size:1.3em;vertical-align:top;margin-left:0.3em;margin-bottom:0;display:table-cell;vertical-align: middle;}
.col2of2.move-to-loopia h2 {display:none;}
.col1of2.move-to-loopia div span {display:table-cell;vertical-align:middle;}
}
@media screen and (max-width: 380px) {
.main-image#move-to-loopia .main-image-left {width:100% !important;}
.main-image#move-to-loopia p {width:100%;}
.col1of2.move-to-loopia h2 {font-size:1.1em;line-height:1em;}
.col1of2.move-to-loopia div {height:50px;}
}
/* End Move to Loopia page */

/* Office365 page */
.main-image#office365 {background-image:url(../images/office365/office365-main-image.jpg);background-repeat:no-repeat;background-size:cover;background-position:100% 0%;overflow:hidden;padding:1em;}
.main-image#office365 .main-image-left {width:65% !important;padding:0 !important;}
.main-image#office365 h1 {font-weight: normal; line-height: 1.2em; font-size: 1.8em;margin-top:0 !important;letter-spacing:-0.1px;}
.main-image#office365 p {width:85%;text-shadow: 3px 3px 4px #ffffff}
.main-image#office365 ul {margin-bottom:1em;list-style-type:none}
.main-image#office365 ul li {line-height:1.5em;margin-bottom:0.2em;text-shadow:2px 2px 3px #fff;}
.product-wrapper.office365 {width:100%;margin-right:0;box-sizing:border-box;border-radius:0;padding:7%;margin:0;display:inline-block;vertical-align:text-bottom;}
.product-wrapper.office365 .package-start-price span {font-size:1.4em}
.office365.popular-on, .office365.popular-off {display:inline-block;box-sizing:border-box;}
.office365.popular-on {width:36%;background:#67bd00;padding:0.4em;}
.office365.popular-off {width:32%;background:transparent;}
.office365.popular-on h2, .office365.popular-off h2 {color:#fff;line-height:1.2em;text-align:center;text-transform:uppercase;letter-spacing:-0.01em;margin-bottom:0.3em;font-size:0.9em;}
.office365.popular-off h2 {display:none;}
.office365.popular-off h3 {font-size:1.2em;}
.office365.popular-on h3 {font-size:1.2em;font-weight:bold;}
.product-wrapper.office365 ul {font-size:0.8125em;line-height:normal;margin:1em 0;display:inline-block;width:100%;box-sizing:border-box;}
.product-wrapper.office365 ul li {padding:0.5em 0 0.35em 20px;border-bottom:1px solid #ddd;background:url(../images/cz_objects/yes.svg) 0 0.7em no-repeat;background-size:13px;}
 .main_col1of2.office365 ul, .main_col2of2.office365 ul {font-size:0.8125em;line-height:normal;margin:0 0 0.5em 0;display:inline-block;}
.main_col1of2.office365 ul li, .main_col2of2.office365 ul li {padding:0.5em 0 0.35em 20px;background:url(../images/cz_objects/yes.svg) 0 0.5em
 no-repeat;border-bottom:none;background-size:15px;}
.product-wrapper.office365 a.btnHref.ctaBtn {margin:0 auto;display:block;width:73%;text-align:center;}
.office365.order {text-align:center;margin-top:2em;}
@media screen and (max-width: 1024px) {
.main-image#office365 h1 {font-size:1.4em;}
}
@media screen and (max-width: 828px) {
.main-image#office365 {background-position:0% 0%;}
.main-image#office365 .main-image-left {width:100% !important;}
.wrapper.office365 {width:99%;}
.office365.popular-on, .office365.popular-off {width:100%;margin-bottom:1em;}
.product-wrapper.office365 .equalize-third {height:auto !important;}
}
@media screen and (max-width:600px) {
.main-image#office365 h1 {width:88%;}	
}
@media screen and (max-width:380px) {
.main-image#office365 h1 {width:100%;}	
}
/* End Office365 page */

/* Sitebuilder page */
.main-image#sitebuilder {background-image:url(../images/sitebuilder/sitebuilder-main-image.jpg);background-repeat:no-repeat;background-size:cover;background-position:100% 0%;overflow:hidden;padding:1em;max-width:100%;}
.main-image#sitebuilder .main-image-left {width:65% !important;padding:0 !important;}
.main-image#sitebuilder h1 {font-weight: normal; line-height: 1.2em; font-size: 2em;margin-top:0 !important;letter-spacing:-0.1px;}
.main-image#sitebuilder p {width:85%;text-shadow: 3px 3px 4px #ffffff}
.main-image#sitebuilder ul {margin-bottom:1em;}
.main-image#sitebuilder ul li {line-height:1.5em;margin-bottom:0.2em;text-shadow:2px 2px 3px #fff;}
.content-banner.sitebuilder {margin-bottom:0.3em;}
.product-wrapper.sitebuilder {width:100%;margin-right:0;box-sizing:border-box;border-radius:0;padding:7%;margin:0;display:inline-block;vertical-align:text-bottom;}
.product-wrapper.sitebuilder .package-start-price span {font-size:1.4em}
.sitebuilder.popular-on, .sitebuilder.popular-off {display:inline-block;box-sizing:border-box;}
.sitebuilder.popular-on {width:28%;background:#67bd00;padding:0.4em;}
.sitebuilder.popular-off {width:24%;background:transparent;}
.sitebuilder.popular-off:first-child .product-wrapper {border-right:none;}
.sitebuilder.popular-on h2, .sitebuilder.popular-off h2 {color:#fff;line-height:1.2em;text-align:center;text-transform:uppercase;letter-spacing:-0.01em;margin-bottom:0.3em;font-size:0.9em;}
.sitebuilder.popular-off h2 {display:none;}
.sitebuilder.popular-off h3 {font-size:1.2em;}
.sitebuilder.popular-on h3 {font-size:1.2em;font-weight:bold;}
.product-wrapper.sitebuilder ul {font-size:0.8125em;line-height:normal;margin:1em 0;display:inline-block;width:100%;box-sizing:border-box;}
.main_col1of2.sitebuilder, .main_col2of2.sitebuilder {max-width:100%;}
.product-wrapper.sitebuilder ul li {padding:0.5em 0 0.35em 20px;border-bottom:1px solid #ddd;background:url(../images/cz_objects/yes.svg) 0 0.7em no-repeat;background-size:13px;}
 .main_col1of2.sitebuilder ul, .main_col2of2.sitebuilder ul {font-size:0.8125em;line-height:normal;margin:0 0 0.5em 0;display:inline-block;}
.main_col1of2.sitebuilder ul li, .main_col2of2.sitebuilder ul li {padding:0.5em 0 0.35em 20px;background:url(../images/cz_objects/yes.svg) 0 0.5em
 no-repeat;border-bottom:none;background-size:15px;}
.product-wrapper.sitebuilder a.btnHref.ctaBtn {margin:0 auto;display:block;width:70%;text-align:center;}
.main_col1of3.sitebuilder, .main_col2of3.sitebuilder, .main_col3of3.sitebuilder {max-width:100%;}
.main_col1of3.sitebuilder img, .main_col2of3.sitebuilder img, .main_col3of3.sitebuilder img {border-radius:0.3em;max-width:100%;width:100%}
.main_col1of3.sitebuilder img:hover, .main_col2of3.sitebuilder img:hover, .main_col3of3.sitebuilder img:hover {opacity:0.6;}
.sitebuilder.order {text-align:center;margin-top:2em;}
.sitebuilder-package-info {display:none;transition:opacity 1s;opacity:0;}
.sitebuilder-package-info img {width:12px;height:12px;}
.sitebuilder-package-info td:first-child {text-align:left}
.sitebuilder-package-info td {text-align:center;}
.table-specs.sitebuilder-package-info tr:nth-child(2n-1) {border:none;}
.table-specs.sitebuilder-package-info tr:nth-child(4n), .table-specs.sitebuilder-package-info tr:nth-child(4n-1) {background: #fff;}
.table-specs.sitebuilder-package-info tr:nth-child(4n-2), .table-specs.sitebuilder-package-info tr:nth-child(4n-3) {background: #f5fcdc;}
.table-specs.sitebuilder-package-info tr {border:none;}
.table-specs.sitebuilder-package-info tr:first-child, td.table_bottom{background: #e4f0b3; font-weight: bold;border-top: #AAB677 1px solid;}
.table-specs.sitebuilder-package-info tr:nth-child(2) {background: #e4f0b3;}
.table-specs.sitebuilder-package-info tr:nth-child(2n) {border-bottom: #AAB677 1px solid; }	
.sitebuilder-info-widelabel {display:none;}
.sitebuilder-info-widelabel.separator, .sb-separator {background: #ececec;border-bottom:#AAB677 1px solid;}
.sb-separator h1 {margin-bottom:0.2em;}
@media screen and (max-width: 1024px) {
.main-image#sitebuilder h1 {font-size:1.4em;}
}
@media screen and (max-width: 828px) {
.main-image#sitebuilder {background-position:0% 0%;}
.main-image#sitebuilder .main-image-left {width:100% !important;}
.wrapper.sitebuilder {width:99%;}
.sitebuilder.popular-on, .sitebuilder.popular-off {width:100%;margin-bottom:1em;}
.product-wrapper.sitebuilder .equalize-third {height:auto !important;}
}
@media screen and (max-width:600px) {
.main-image#sitebuilder h1 {width:88%;}
.sitebuilder-package-info td:first-child {text-align:center}	
.sitebuilder-info-widelabel {display:table-cell;padding-bottom:0;height:1em;}
}
@media screen and (max-width:380px) {
.main-image#sitebuilder h1 {width:100%;}	
}
/* End sitebuilder page */

/* Webhotell 2015-09 AB test page */
.main-image#webbhotell {background-image:url(../images/banners/webbhotell-main-image.jpg);background-repeat:no-repeat;background-size:cover;background-position:100% 0%;overflow:hidden;padding:1em;margin-bottom:1.5em;}
.main-image#webbhotell .main-image-left {width:65% !important;padding:0 !important;}
.main-image#webbhotell h1 {font-weight: normal; line-height: 1.2em; font-size: 2.3em;margin-top:0 !important;letter-spacing:-0.1px;}
.main-image#webbhotell p {width:85%;text-shadow: 3px 3px 4px #ffffff}
.main-image#webbhotell ul {margin-bottom:1em;}
.product-wrapper.product3cols {width:100%;margin-right:0;box-sizing:border-box;border-radius:0;padding:7%;margin:0;display:inline-block;vertical-align:text-bottom;}
.product-wrapper.product3cols .package-start-price span {font-size:1.4em}
.product3cols.popular-on, .product3cols.popular-off {display:inline-block;box-sizing:border-box;}
.product3cols.popular-on {width:36%;background:#67bd00;padding:0.4em;}
.product3cols.popular-off {width:32%;background:transparent;}
.product3cols.popular-on h2, .product3cols.popular-off h2 {color:#fff;line-height:1.2em;text-align:center;text-transform:uppercase;letter-spacing:-0.01em;margin-bottom:0.3em;font-size:0.9em;}
.product3cols.popular-off h2 {display:none;}
.product3cols.popular-off h3 {font-size:1.2em;}
.product3cols.popular-on h3 {font-size:1.2em;font-weight:bold;}
.product-wrapper.product3cols ul {font-size:0.8125em;line-height:normal;margin:1em 0;display:inline-block;width:100%;box-sizing:border-box;}
.product-wrapper.product3cols ul li {padding:0.5em 0 0.35em 20px;border-bottom:1px solid #ddd;background:url(../images/cz_objects/yes.png) 0 0.7em no-repeat;background-size:13px;}
 .main_col1of3.product3cols ul, .main_col2of3.product3cols ul, .main_col3of3.product3cols ul {font-size:0.8125em;line-height:normal;margin:0 0 0.5em 0;display:inline-block;}
.main_col1of3.product3cols ul li, .main_col2of3.product3cols ul li, .main_col3of3.product3cols ul li {padding:0.5em 0 0.35em 20px;background:url(../images/cz_objects/yes.png) 0 0.5em
 no-repeat;border-bottom:none;background-size:15px;}
.product-wrapper.product3cols a.btnHref.ctaBtn {margin:0 auto;display:block;width:65%;text-align:center;}
.product3cols.order {text-align:center;margin-top:2em;}
.quote-block {overflow:hidden;font-size:0.75rem;line-height:150%;}
.quote-block span.quote {font-style:italic;color:#333;}
.quote-block span.quote-signature {display:block;padding-top:0.5em;color:#333;}
.quote-block img {float:left;margin-right:1em;border-radius:50%;width:8em;}
.super-support-full-width.webbhotell {background-position:90% 0%;}
@media screen and (max-width: 1024px) {
.main-image#webbhotell h1 {font-size:1.4em;}
.product3cols.popular-on h3, .product3cols.popular-off h3 {font-size:1em;}
.super-support-full-width.webbhotell {background-position:40% 0%;}
.super-support-full-width.webbhotell p.white-text {width:70%;}
}
@media screen and (max-width: 828px) {
.main-image#webbhotell {background-position:0% 0%;}
.product3cols.popular-on, .product3cols.popular-off {width:100%;margin-bottom:1em;}
.wrapper.product3cols {width:99%;}
}
@media screen and (max-width: 710px) {
.main-image#webbhotell .main-image-left {width:100% !important;}
.super-support-full-width.webbhotell {background-position:0% 0%;}
.super-support-full-width.webbhotell p.white-text {width:100%;}
.super-support-full-width.webbhotell img {max-width:40%}
.super-support-full-width.webbhotell {text-align:center;}
}
/* End Webhotell 2015-09AB test page */

/* WordPress page */
.main-image#wordpress {background-image:url(../images/product_pages/oci/wordpress-main-image-yogansa.jpg);background-repeat:no-repeat;background-size:cover;background-position:100% 0%;overflow:hidden;padding:1em;max-width:100%;}
.main-image#wordpress .main-image-left {width:65% !important;padding:0 !important;}
.main-image#wordpress .main-image-right {width:35% !important;position:relative;text-align:right;}
.main-image#wordpress .main-image-right img.video-link {position:absolute;top:6em;left:40%;border-radius:60%;opacity:0.6;}
.main-image#wordpress .main-image-right img.video-link:hover {opacity:0.9;}
.main-image#wordpress h1 {font-weight: normal; line-height: 1.2em; font-size: 2em;margin-top:0 !important;letter-spacing:-0.1px;color:#fff;}
.main-image#wordpress p {width:85%;}
.main-image#wordpress ul {margin-bottom:1em;}
.main-image#wordpress ul li {line-height:1.5em;margin-bottom:0.2em;color:#fff;background: url(../images/cz_objects/yes.svg) 0 50% no-repeat;background-size: 16px 16px;}
.content-banner.wordpress {margin-bottom:0.3em;font-size:1.5em;}
.wordpress-info img {width:12px;height:12px;padding-right:2em;}
.table-specs.wordpress-info tr:first-child {background:#F5FCDC;font-weight:normal;}
 .main_col1of2.wordpress ul, .main_col2of2.wordpress ul {font-size:0.8125em;line-height:normal;margin:0 0 0.5em 0;display:inline-block;}
.main_col1of2.wordpress, .main_col2of2.wordpress {max-width:100%;}
.main_col1of2.wordpress h2, .main_col2of2.wordpress h2 {font-size: 1em;}
.main_col1of2.wordpress ul li, .main_col2of2.wordpress ul li {padding:0.5em 0 0.35em 20px;background:url(../images/cz_objects/yes.svg) 0 0.5em no-repeat;border-bottom:none;background-size:15px;}
@media screen and (max-width: 828px) {
.main-image#wordpress {background-position:40% 0%;}
.main-image#wordpress .main-image-left, .main-image#wordpress .main-image-right {width:100% !important;}
.main-image#wordpress .main-image-right {margin-left:0;text-align:center;}
.main-image#wordpress h1 {font-size:1.5em;}
}
/* End WordPress Page */
/* Opencart page */
.main-image#opencart {background-image:url(../images/product_pages/oci/opencart-main-image-house-of-soko.jpg);background-repeat:no-repeat;background-size:cover;background-position:100% 0%;overflow:hidden;padding:1em;max-width:100%;}
.main-image#opencart .main-image-left {width:65% !important;padding:0 !important;}
.main-image#opencart .main-image-right {width:35% !important;position:relative;text-align:right;}
.main-image#opencart .main-image-right img.video-link {position:absolute;top:6em;left:40%;border-radius:60%;opacity:0.6;}
.main-image#opencart .main-image-right img.video-link:hover {opacity:0.9;}
.main-image#opencart h1 {font-weight: normal; line-height: 1.2em; font-size: 2em;margin-top:0 !important;letter-spacing:-0.1px;color:#fff;}
.main-image#opencart p {width:85%;}
.main-image#opencart ul {margin-bottom:1em;}
.main-image#opencart ul li {line-height:1.5em;margin-bottom:0.2em;color:#fff;background: url(../images/cz_objects/yes.svg) 0 50% no-repeat;background-size: 16px 16px;}
.content-banner.opencart {margin-bottom:0.3em;font-size:1.5em;}
.opencart-info img {width:12px;height:12px;padding-right:2em;}
.table-specs.opencart-info tr:first-child {background:#F5FCDC;font-weight:normal;}
 .main_col1of2.opencart ul, .main_col2of2.opencart ul {font-size:0.8125em;line-height:normal;margin:0 0 0.5em 0;display:inline-block;}
.main_col1of2.opencart, .main_col2of2.opencart {max-width:100%;}
.main_col1of2.opencart h2, .main_col2of2.opencart h2 {font-size: 1.25em;}
.main_col1of2.opencart ul li, .main_col2of2.opencart ul li {padding:0.5em 0 0.35em 20px;background:url(../images/cz_objects/yes.svg) 0 0.5em no-repeat;border-bottom:none;background-size:15px;}
@media screen and (max-width: 828px) {
.main-image#opencart {background-position:0% 0%;}
.main-image#opencart .main-image-left, .main-image#opencart .main-image-right {width:100% !important;}
.main-image#opencart .main-image-right {margin-left:0;text-align:center;}
.main-image#opencart h1 {font-size:1.5em;}
}
/* End Opencart Page */

/* Homepage A/B/C test style additions */
section {overflow:hidden;}
.main.home-wide {width:100%;margin-right:0 !important;margin-bottom:1em !important;padding: 0px 3%;float:left;box-sizing:border-box;}
aside .main.home-wide {margin-bottom:0 !important;}
.main.home-wide {font-size:1rem;}
.main.home-wide p {font-size:0.875rem;}
.general-form-box.home-wide {background:#c0edfb;border:none;border-radius:0;width:100%;padding:1em 3%;}
.search_frame.home-wide {width:72%;margin:0;border-radius:0;display:block;box-sizing:border-box;vertical-align:top;float:left;margin-right:2.5%;}
.domain-info.home-wide {width:11%;display:block;box-sizing:border-box;float:left;margin-top:0.2em;}
.search_frame.home-wide input[type="submit"] {background:#1D9ACB;border: 0;cursor: pointer;width: 6em;border:1px solid #888;margin-top:0.5em;}
.search_frame.home-wide input[type="text"] {width:84% !important;}
.main-image h1 {font-weight: normal; line-height: 1.2em; font-size: 2.2em;margin-top:0.8em;}
.main-image ul li {padding-left:1.5em;line-height:1.5em;background:url(../images/cz_objects/yes.svg) 0 50% no-repeat;background-size:16px 16px;margin-bottom:0.2em;}
.main-image .main-image-left, .main-image .main-image-right {margin-right:0 !important;box-sizing:border-box;vertical-align:top;position:relative;padding-left:3%;float:left;}
.main-image .main-image-left {width:45% !important;}
.main-image .main-image-right {width:55% !important;}
.main-image {background-repeat:no-repeat;background-size:contain;background-position:100% 100%;overflow:hidden;}
.main-image a.big-button-alt {margin-top:1em;margin-bottom:2em;}
.main-image-sticker {position:absolute;top:10px;right:-10px;max-width:100px;}
.main-image#home {background-image:url(../images/ab-tests/homepage/home-main-image.jpg);border-bottom:1px solid #ddd;padding-right:0 !important;}
.main-image#home .alternative-image {display:none;box-sizing:border-box;}
.main-image #webbhotell {}
.main-image .main-image-left .cta-arrow {margin-bottom:-3em;margin-left:16.5em;}
.main.home-wide {min-height:inherit;}
.main.home-wide .column1of2, .main.home-wide .column2of2 {display:block;float:left;overflow:hidden;width:49.9%;margin:0;box-sizing:border-box;font-size:1em;}
.main.home-wide .column1of2 div.product-info, .main.home-wide .column2of2 div.product-info {min-height:100px;}
.main.home-wide .column1of2 {padding:2% 2% 2% 0;border-right:1px solid #ddd;}
.main.home-wide .column2of2 {padding:2% 0 2% 2%;border-left:1px solid #ddd;margin-left:-1px;}
.main.home-wide .column1of2 h3, .main.home-wide .column2of2 h3 {font-size:1.2em; font-weight:bold;}
.main.home-wide .column1of2 p, .main.home-wide .column2of2 p {font-size:0.875rem; line-height:150%;margin-bottom:0.1em;}
.main.home-wide .column1of2 .quote-block, .main.home-wide .column2of2 .quote-block {margin-top:2em;overflow:hidden;font-size:0.75rem;line-height:150%;}
.main.home-wide .column1of2 span.red, .main.home-wide .column2of2 span.red {font-size:1.5em;margin:0;}
.main.home-wide span.red .without_tax, .main.home-wide span.red .with_tax {margin:0;font-weight:600;}
.main.home-wide .column1of2 .quote-block img, .main.home-wide .column2of2 .quote-block img {float:left;margin-right:1em;border-radius:50%;width:8em;}
.main.home-wide .column1of2 .quote-block span.quote, .main.home-wide .column2of2 .quote-block span.quote {font-style:italic;color:#777;}
.main.home-wide .column1of2 .quote-block span.quote-signature, .main.home-wide .column2of2 .quote-block span.quote-signature {display:block;padding-top:0.5em;color:#777;}
.main.home-wide .column1of2 a.ctaBtn-inverse, .main.home-wide .column2of2 a.ctaBtn-inverse {background:none;color:#1D9ACB !important;padding:0.5em 1em;font-weight:bold;text-decoration:none;border:2px solid #1D9ACB;border-radius:4em;display:inline-block;margin-top:1em;}
.super-support-full-width {background:url(../images/ab-tests/homepage/super-support.jpg) 100% 100% no-repeat;background-size:cover;min-height:200px;padding-bottom:5%;margin-bottom:2%;}
.super-support-full-width p.white-text, .super-support-full-width a {color:#fff !important;font-size:1.1rem;}
.super-support-full-width p.white-text {display:block;width:50%;text-shadow: 0 0 60px #005EBA;}
.super-support-full-width img {max-width:27%;}
#reasons-to-choose-loopia h2 {text-align:center;display:block;font-weight:bold;margin-bottom:1em;}
#reasons-to-choose-loopia .main.home-wide {margin-bottom:0 !important;}
.reasons-to-choose-loopia-cta {background:#ececec;text-align:center;padding:1em 0 0.5em 0;}
.main.home-wide .column1of3 img, .main.home-wide .column2of3 img, .main.home-wide .column3of3 img {border-radius:50%;max-width:40%;}
.main.home-wide .column1of3, .main.home-wide .column2of3, .main.home-wide .column3of3 {display:block;float:left;overflow:hidden;width:33.3%;margin:0;box-sizing:border-box;text-align:center;}
.main.home-wide .column1of3 {padding:0 2% 0 0;}
.main.home-wide .column2of3 {padding:0 1%;}
.main.home-wide .column3of3 {padding:0 0 0 2%;}
.main.home-wide .column1of3 p, .main.home-wide .column2of3 p, .main.home-wide .column3of3 p {padding:0 2em;}
.main.home-wide .column1of3 h3, .main.home-wide .column2of3 h3, .main.home-wide .column3of3 h3 {margin-top:0.6666em;font-weight:600;}
.main.home-wide .extra {display:block;overflow:hidden;background:none;border:none;border-radius:0;box-shadow:none;width:25%;border-top:1px dotted #ddd;box-sizing:border-box;}
.main.home-wide .extra {padding:3% 1%}
.main.home-wide .extra:first-child {padding-left:0;}
.main.home-wide .extra:last-child {padding-right:0;margin-bottom:0 !important;padding-bottom:0 !important;}
.main.home-wide .extra ul li {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;}
.main.home-wide .extra .date {display:none;}
.additional-column {position:fixed;top:300px;left:50%;margin-left:480px;max-width:200px;}
@media \0screen {
.general-form-box.home-wide {width:94%}
.main-image#home {background-image:url(../images/ab-tests/homepage/main-image-ie8.jpg);}
.super-support-full-width {background:url(../images/ab-tests/homepage/super-support-ie8.jpg);}
.main-image#home .alternative-image img {width:100%;}
.search_frame.home-wide input[type="text"] {width:80% !important;}
.search_frame.home-wide {width:75%;}
}
@media screen and (max-width: 1280px) {
.additional-column {display:none;}
}
@media screen and (max-width: 1024px) {
.search_frame.home-wide {width:92%;margin:0;}
.domain-info.home-wide {width:17%;}
.main-image .main-image-left {width:55% !important;}
.main-image .main-image-right {width:45% !important;}
.main-image h1 {line-height: 1.2em; font-size: 1.6em;margin-top:0.4em !important;}
.main-image ul li {font-size:1rem;margin-bottom:0 !important;}
.main-image a.big-button-alt  {margin-top:0;}
.general-form-box.home-wide {padding-bottom:0.5em !important;}
.main-image .main-image-left .cta-arrow {margin-bottom:-2em !important;}
}
@media screen and (max-width: 828px) {
.main.home-wide {width:100% !important;}
.domain-info.home-wide {width:24%;}
.search_frame.home-wide input[type="text"] {width:77.5% !important;}
.main-image#home {background-image:none}
.main-image#home .alternative-image {display:block;position:relative;}
.main-image#home .alternative-image img {vertical-align:bottom;width:100%;}
.main-image-sticker {display:none;}
.main-image .main-image-left {width:100% !important;}
.main-image .main-image-right {width:100% !important;}
.main-image .main-image-left .cta-arrow {display:none;}
.main-image a.big-button-alt {margin-bottom:1em;margin-top:1em;}
.main-image h1 {margin-top:0.7em;}
.main.home-wide .extra {width:50%;}
.main.home-wide .extra:nth-child(3) {clear:left;padding-left:0;}
.main.home-wide .extra ul li {white-space:normal;}
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 600px) {
}
@media screen and (max-width: 540px) {
.domain-info.home-wide {font-size:0.75em;}
.search_frame.home-wide input[type="text"] {width:66.5% !important;}
.main.home-wide .column1of2, .main.home-wide .column2of2 {width:100%;float:left;padding:5% 0;border-bottom:1px solid #ddd;border-left:none;border-right:none;}
.main.home-wide .extra {width:100%;}
.main.home-wide .column1of3, .main.home-wide .column2of3, .main.home-wide .column3of3 {width:100%;padding:2% 0;}
.super-support-full-width {background:#1D9ACB;padding-top:3%;min-height:160px;margin-bottom:1em;text-align:center;}
.super-support-full-width p.white-text {display:block;width:100%;text-shadow: none;margin-bottom:0.3em;}
.super-support-full-width img {max-width:40%;height:auto;}
}
@media screen and (max-width: 380px) {
.search_frame.home-wide input[type="text"] {width:60.5% !important;}
.domain-info.home-wide {width:23.5%;font-size:0.7125rem;}
.main-image h1 {line-height: 1.2em; font-size: 1.4em;}
.main-image ul li {font-size:0.875rem;}
}
/* End homepage A/B/C test style additions */

/* Dreamhack specific */
.content.dreamhack {background: url(../images/landing/dreamhack/dreamhack-sky.png) 50% 10%;padding-bottom:0;border-radius:0.3em;}
.dreamhack-bottom {background: url(../images/landing/dreamhack/dreamhack-bottom.png) 50% 100% no-repeat;border-bottom-right-radius:0.3em;border-bottom-left-radius:0.3em;padding-bottom:11em;}
.dreamhack-cheatcode {background: url(../images/landing/dreamhack/dreamhack-bubble.png) 30% 0 no-repeat;height:115px;padding:22px 0 0 26.6%;box-sizing:border-box;}
.dreamhack-cheatcode p {margin:0;font-family: 'Press Start 2P', cursive;font-size:16px;line-height:5px;}
.dreamhack-cheatcode input {width:150px;margin:0;background:#f5f5f5;}
.dreamhack-flappy {width:80%;margin:0 auto;}
.dreamhack-flappy img {max-width:25%;}
.main-image#dreamhack {background-image:url(../images/landing/dreamhack/dreamhack-title.png);background-position:50% 0;background-size:80%;font-family: 'Press Start 2P', cursive;padding:16% 10% 0 10%;}
.main-image#dreamhack p {font-family: 'Press Start 2P', cursive;font-size:12px;}
.general-form-box.home-wide.dreamhack {box-sizing:border-box;text-align:center;background:none;padding:0}
.general-form-box.home-wide.dreamhack .search_frame.home-wide {width:80%;margin:1em auto;float:none;display:inherit;}
.general-form-box.home-wide.dreamhack .search_frame.home-wide input[type="text"] {box-sizing:border-box;}
.general-form-box.home-wide.dreamhack p.disclaimer {font-size:12px;text-align:left;padding:0 10%;}
.inside-content.dreamhack{box-sizing:border-box;}
.dreamhack-invalid .dreamhack_cheat_code:required:invalid {border:1px solid #f66;box-shadow:0px 0px 5px 1px rgba(230, 0, 0, 0.7);background:url(../images/landing/dreamhack/dreamhack-code-warning.png) 0 100% no-repeat;padding-bottom:30px;}
.dreamhack-invalid .search:required:invalid {background:#fff url(../images/landing/dreamhack/dreamhack-domain-warning.png) 0 100% no-repeat; border:1px solid #f66;box-shadow:0px 0px 5px 1px rgba(230, 0, 0, 0.7);padding-bottom:30px;}
@media screen and (max-width: 1024px) {
.dreamhack-bottom {background: url(../images/landing/dreamhack/dreamhack-bottom-narrow.png) 50% 100% no-repeat;padding-bottom:9em;}
.dreamhack-cheatcode {padding-left:24%}
}
@media screen and (max-width: 828px) {
.dreamhack-cheatcode {padding-left:22%;}
}
@media screen and (max-width: 710px) {
.dreamhack-cheatcode {padding-left:21%}
.main-image#dreamhack {background-image:url(../images/landing/dreamhack/dreamhack-title-narrow.png);padding-top:27%}
}
@media screen and (max-width: 600px) {
.dreamhack-cheatcode {padding-left:35%;background-position:50% 100%;}
.content.dreamhack .inside-content {margin-top:0;}
.dreamhack-invalid .search:required:invalid {background:#fff url(../images/landing/dreamhack/dreamhack-domain-warning-smallscreen.png) 0 100% no-repeat}
}
@media screen and (max-width: 380px) {
.dreamhack-cheatcode {padding-left:25%}
}
/* End Dreamhack specific */

/* Testing media queries. ID needed in JS code. Do not change or remove. */
#loopia_media_query {
    display: none;
}







/* Very large screen */

@media screen and (min-width: 2300px) {

    /* Testing media queries. ID needed in JS code. Do not change or remove. */
    #loopia_media_query {
        min-width: 2300px;
    }

    body{
        background: #f1f1f1 url(../images/other/big-screen_en.png) top right no-repeat;
        background: -moz-linear-gradient(top, #f1f1f1 20%, #dbdbdb 99%) url(../images/other/big-screen_en.png) top right no-repeat;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#f1f1f1), color-stop(99%,#dbdbdb)) url(../images/other/big-screen_en.png) top right no-repeat;
        background: -webkit-linear-gradient(top, #f1f1f1 20%,#dbdbdb 99%) url(../images/other/big-screen_en.png) top right no-repeat;
        background: -o-linear-gradient(top, #f1f1f1 20%,#dbdbdb 99%) url(../images/other/big-screen_en.png) top right no-repeat;
        background: -ms-linear-gradient(top, #f1f1f1 20%,#dbdbdb 99%) url../images/other/big-screen_en.png) top right no-repeat;
        background: linear-gradient(top, #f1f1f1 20%,#dbdbdb 99%) url(../images/other/big-screen_en.png) top right no-repeat;
    }

} /*/mediaquery*/





/* Widescreen specific CSS */

@media screen and (min-width: 1024px) {

    /* Testing media queries. ID needed in JS code. Do not change or remove. */
    #loopia_media_query {
        min-width: 1024px;
    }

    #page {
        width: 960px;
    }

    .inside-content{
        padding: 0 3%;
    }

    #search_bubble{
        margin-left: 25em;
    }

	.hide-big-screen {
		display:none;
	}

} /*/mediaquery*/

@media screen and (max-width: 1024px) {
    .of-half {
        width:49.4%;
    }
    .of-third {
        width:32.6%;
    }

    .main_image_start_embed h4 {
        line-height: 1.45em;
        font-size: 0.85em;
    }
	.main-image#dibs h1 {
	font-size:1.4em;
	}
	#sitebuilder-view img {
		height:auto;
	}
	#sitebuilder-view {
		margin: 2em auto 0 auto !important;
		left: 0;
		right: 0;
		top: 0;
		height:auto;
	}

} /*/mediaquery*/


/* Small screen, mobile and tablet specific CSS */
@media screen and (min-width: 828px)  {
	table.dibspage .show-mobile {
		display:none;
	}
	.hide-big-screen {
		display:none;
	}
} /*/mediaquery*/

@media screen and (max-width: 828px)  {

    /* Testing media queries. ID needed in JS code. Do not change or remove. */
    #loopia_media_query {
        max-width: 828px;
    }


    .search-form-box .search_frame input[type="text"]{
        font-size: 0.9em;
    }

    .config-label, .config-setting{
        font-size: 13px !important;
    }

    .config-setting .packages li{
        line-height: 1.5em;
        margin-bottom: 0.3em;
    }

    .package-start-image{
        float: none;
        width: 80%;
        margin-left: 15%;
    }

    .package-start-moreinfo {
        float: left;
        width: auto;
    }


    .package-start-order .btnHref{
        float: left;
        margin-right: 1em;
    }

    .package-start-box-1of2, .package-start-box-2of2{
        width: 44.6%;
        _width: 43.6%;
    }

    .package-start-box-1of2 .package-start-image, .package-start-box-2of2 .package-start-image{
        margin-left: 0;
    }


    #footer .col1of2, #footer .col2of2 {
        width: 100%;
    }

    #footer .textalign-right{
        text-align: left;
    }

    #footer .creditcard-logos{
        width: 50%;
    }

    .main_col1of2, .main_col2of2{
        width: 100%;
        float: none;
        margin: 0;
        display: inline;
    }

    .extra .fb-sidebar{
        height:72px;
    }

    a.support-icon,a:hover.support-icon {
        width: 29%;
        font-size: 0.6em;
    }

    .support-icon span{
        height: 2em;
    }

    .main .search_frame input[type="text"],.main .search_frame input[type="url"]{
        width: 87% !important;
    }

    .main .searched input[type="text"]{
        width: 69% !important;
    }

    .main .searched input[type="submit"]{
        font-size: 8px;
        width:20%;
        display: block;
        margin: 0.8em;
        float: right;
    }

    .main .search_frame_order input[type="text"], .main .search_frame_order input[type="url"]{
        width: 78% !important;
        width: calc(100% - 8.3em) !important;
        font-size: 14px;
    }

    .main .search_frame_order input[type="submit"]{
        font-size: 15px;
        padding: 0.4em;
    }

    #search_bubble {
        margin-left: 4%;
    }


    .nps-grade00, .nps-grade01, .nps-grade02, .nps-grade03, .nps-grade04, .nps-grade05, .nps-grade06, .nps-grade07, .nps-grade08, .nps-grade09, .nps-grade10{
        float: left;
        width: 14%;
        padding: 1%;
    }

    .main_image{
        height: 285px;
        background-size: 500px;
    }

    .main_image_start{
        height: 269px;
    }

    .main_image_cta{
        bottom: -202px;
    }

    .main_image_start .main_image_cta{
        bottom: -200px;
    }

    .main_image_start_embed{
        background-size: 600px;
        height: 195px;
        background-position: right -5px;
    }

    .main_image_start_embed h1.main_headline{
        font-size: 1.25em;
        padding-bottom: 0.5em;
    }	

    .main_image_start_embed h4 {
        line-height: 1.4em;
        font-size: 0.7em;
        width: 32%;
        margin-bottom: 0.5em;
    }

    .big-button-larger, .big-button, .big-button-alt {
        font-size: 15px !important;
        padding: 0.5em 1.2em !important;
    }

    .extra a.big-button {
        padding: 0.7em 3% !important;
    }

    .of-half {
        /*width:97%;*/
        width: 100%;
    }
    .of-third {
        /*width:97%;*/
        width: 100%;
    }
    .of-product-wrapper {
        width:87.5%;
    }
	.main-image#dibs {
		background-position:0 100%;
	}
	.main-image#dibs .main-image-left {
		width:100% !important;
	}
	.main-image#dibs img {
		max-width:100%;
	}
	table.dibspage .show-mobile {
		display:block;
	}
	table.dibspage .hide-mobile {
		display:none;
	}
	table.dibspage td {
		text-align:center;
	}
	.hide-medium-screen {
		display:none !important;
	}

} /*/mediaquery*/


@media screen and (min-width: 710px) {

    /* Testing media queries. ID needed in JS code. Do not change or remove. */
    #loopia_media_query {
        min-width: 710px;
    }

    .ytsm-wrapper .ytsm-description-text {
        height: auto;
    }

}

/* Small screen specific CSS */
@media screen and (max-width: 710px)  {

    /* Testing media queries. ID needed in JS code. Do not change or remove. */
    #loopia_media_query {
        max-width: 710px;
    }

    #support-slider{
        display: none;
    }

    .ytsm-wrapper .ytsm-description-text {
        height: 50px;
    }

    .content .main {
        width: 60%;
        _width: 59%;
    }

    .package-start-box, .package-start-box-3{
        padding: 3.9%;
        margin: 0em 0 1em 0%;
        width: 92%;
        min-height: 0;
    }

    .package-start-image{
        float: right;
        width: 40%;
        margin-left: 5%;
    }

    .extra-col{
        width: 30%;
        _width: 29%;
        padding-left: 3%;
    }

    .content-banner{
        font-size: 1em;
    }

    .config-setting .error-box, .config-setting .success-box, .config-setting .warning-box, .config-setting .confirm-box, config-setting .info-box{
        margin-left: 0%;
    }



    .figure_right{
        width: 43%;
    }


    .figure_right_start, .campaign-box-start	.figure_right_start{
        width: 7.5em;
        margin-bottom: 0;
    }

    .info-step-box{
        font-size: 0.9em;
    }

    .main .col1of2, .main .col2of2{
        width: 100%;
        margin: 0 0 0.2em 0;
    }

    .config-label, .config-setting {
        width:  97% !important;
        min-height: 0;
        margin: 0.2em 0;
    }

    .product-box .config-label.config-label-image {
        float: right;
        clear: none;
        width: 30% !important;
    }

    .product-box .config-setting {
        float: left;
        width: 65% !important;
    }

    .more-config-settings-box input[type=text], .get-started-box input[type=text], .more-config-settings-box input[type=url], .get-started-box input[type=url]{
        width: 79%;
    }
    .more-config-settings-box .extra-user input[type=text]{
        width: 74%;
    }

    .config-setting select{
        width: 85%;
    }

    .config-setting-row-additional{
        margin-left: 0;
        width: 100%;
    }

    .general-form-box input[type=text], .more-config-settings-box input[type=text], .get-started-box input[type=text], .general-form-box textarea, .more-config-settings-box textarea, .get-started-box textarea, .general-form-box input[type=number], .more-config-settings-box input[type=number], .get-started-box input[type=number], .general-form-box input[type=tel], .more-config-settings-box input[type=tel], .get-started-box input[type=tel], .general-form-box input[type=email], .general-form-box input[type=url], .more-config-settings-box input[type=url], .get-started-box input[type=url] {
        width: 75%;
        margin: 0 0 0.7em 0;
    }


    a.support-icon,a:hover.support-icon {
        width: 25%;
        margin: 0.5em 4%;
    }


    .order-form-packages .config-label{
        width:30% !important;
        margin-right: 2%;
    }

    .order-form-packages .config-setting{
        width: 67% !important;
    }


    .order-form-packages ul.packages, .product-box ul.packages{
        width: auto;
        float: none;
    }


    .config-setting.perc100 {
        width: 100% !important;
    }

    .carousel-item p, .campaign-box-start p, .carousel-nav-paginated li a{
        font-size: 0.75em !important;
    }

    .carousel-item .big-button, .carousel-item .big-button-alt, .campaign-box-start .big-button, .campaign-box-start .big-button-alt{
        font-size: 0.9em !important;
    }


    .invoice-preview{
        font-size: 14px;
    }

    .table-specs-small-screen td, .invoice-preview td{
        font-size: 0.9em;
        line-height: 1.3em;
        /*word-break: break-all;*/
        word-break: hyphenate;
    }

    .table-specs-small-screen td{
        text-align: center;
    }


    #domain_group td{
        font-size: 0.95em;
        line-height: 1.2em
    }

    #domain_group td input{
        font-size: 1.5em;
    }

    .show-small-screen{
        display: block !important;
    }

    .hide-small-screen{
        display: none !important;
    }

    .ytsm-description .ytsm-description-text {
        height: 8em;  /* Can be any value depending on how much you want to show */
        overflow: hidden;
    }


    .rs-payment-brand-content  .rs-payment-brand-section{
        clear: both;
        margin-bottom: 0 0 0.5em 0;
        width: 100%;
    }

    .campaign-box{
        font-size: 1.1em;
    }
    .product-wrapper-half-left, .product-wrapper-half-right {
        width:94%;
        margin-right:0 !important;
    }
    .product-wrapper-third, .product-wrapper-third-last {
        width:96%;
        margin-right:0 !important;
    }
    .cookie-info p {
        font-size:0.75rem !important;
    }

    .main_image_start_embed .main_image_cta {
        bottom: -130px;
        position: relative;
    }


} /*/mediaquery*/ /* Code that respond.js needs (media queries hack that makes older browsers IE8, FF2 etc compatible with min- and max-width)  */



/* Tablet specific CSS */
@media screen and (max-device-width: 1024px)  {

    body{
        font-size:120%;
    }
} /*/mediaquery*/



/* Mobile specific CSS */
@media screen and (max-width: 600px) {

    /* Testing media queries. ID needed in JS code. Do not change or remove. */
    #loopia_media_query {
        max-width: 600px;
    }

    h1{
        font-size: 1.4em;
        line-height: 1.3em;
    }

    h1.main_headline{
        font-size: 1.25em;
    }	

    .get-started-box h1, .start-box h1{
        font-size: 1.4em;
    }
    .get-started-box {
        width: 96%;
    }

    h2{
        font-size: 1.1em;
    }

    .general-form-box h4{
        font-size: 0.9em;
    }

    .carousel-item h1, .campaign-box-start h1{
        font-size: 1.2em;
        line-height: 1.2em;
    }

    .main_col1of2 h2, .main_col2of2 h2{
        font-size: 1.15em;
    }


    #header{
        min-height: 65px;
        margin:0;
    }

    #logo{
        margin: 17px 0 0 0.8em;
        width: 135px;
    }

    #top-banner{
        display: none;
    }

    #login_box{
        min-width: 135px;
        width: 135px;
        margin-right: 0.5em;
    }

    #login_form_box, #logout_form_box{
        top: 0.3em;
        margin-left:  -2em;
    }

    #login-btn-general, #logged-in-user{
        display: inline-block;
    }

    #login-btn-cz, #login-btn-rz, #login-btn-webmail{
        display: none;
    }

    .config-setting-table-row{
        font-size: 12px;
    }


    #search_box{
        margin-top: 7px;
    }
    #footer .perc50footer {
        width: 98%;
    }
    #footer .right {
        float: left;
        text-align: center;
    }
    #footer .left {
        float:left;
        text-align: center !important;
    }
    #footer .left img{
        max-width:200px;
        margin: 0 0 10px 0;
    }
    a.btneyescan {
        display:none;
    }
    #eyescan {
        display: none;
    }
    .product-wrapper-half-left, .product-wrapper-half-right {
        width:94%;
        margin-right:0 !important;
    }
    .product-wrapper-third, .product-wrapper-third-last {
        width:96%;
        margin-right:0 !important;
    }

    .quote_link{
        display: block;
        float: none;
    }


    .search_frame input[type="text"], .search_frame input[type="url"], .extra .search_frame input[type="text"], .extra .search_frame input[type="url"]{
        /*width: 79% !important;*/
        font-size: 13px;
    }

    .main .search-form-box-start .search_frame_order input[type="submit"]{
        width: 5em !important;
    }

    /*
            .search_frame input[type="submit"]{
                    width: 9%;
            }
    
            #search_form_box .search_frame input[type="text"], #search_form_box .search_frame input[type="url"], #search_form_box .search_frame input[type="submit"]{
                    padding: 0.2em 0.5em;
            }
    
            #search_form_box #search_domain{
                    width:  56% !important;
            }
    
            #search_form_box input[type="submit"]{
                    width: 12%;
            }
    */


    ul.step-by-step li a {
        font-size: 16px;
    }


    #main_menu{
        overflow: hidden;
        height: 45px;
        margin: 0 0em 1.5em;
    }

    #main_menu ul li a{
        float: left;
        padding: 0.6em;
        margin: 0.7em 0.5em;
        background: #ececec;
        -webkit-border-radius: 0.3em;
        -moz-border-radius: 0.3em;
        border-radius: 0.3em;
        color: #888;
        border: 0 !important;
        -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    }

    #main_menu ul li a.active{
        border-bottom: 2px solid #AAA !important;
    }

    #main_menu_left_button {
        display: block;
    }

    #main_menu_right_button {
        display: block;
    }

    #page{
        margin: 0;
        width: 100%;
    }

    #footer{
        width: 93.8%;
        padding: 0.5em 1.5% 0 2.5%;
    }

    .inside-content{
        margin-top: 1em;
    }

    .content, #main_menu, #header{
        -webkit-border-radius: 0em;
        -moz-border-radius: 0em;
        border-radius: 0em;
        margin-bottom: 0;
    }

    .content .main {
        width: 100%;
        margin: 0;
    }

    .content .extra {
        padding: 4%;
    }

    .extra-col{
        float: none;
        width: 100%;
        padding: 0;
    }

    .extra .social{
        width: 75%;
        margin: 0 auto;
    }

    .package-start-box h2{
        font-size: 1.4em;
        margin: 0;
    }

    .package-start-box{
        padding: 4.9%;
        margin: 0 0 1em 0%;
        width: 88%;
    }


    .package-start-image{
        width: 38%;
    }

    .extra .fb-sidebar-large{
        height:165px;
        border:0;
    }

    .figure_right{
        width: 45%;
    }

    .figure_right_start{
        width: 8em;
    }

    .info-step-box{
        font-size: 0.8em;
    }

    .table-sub-title{
        font-size: 0.8em;
    }


    .table-specs td, .invoice-preview td{
        line-height: 1.3em;
        /*word-break: break-all;*/
        word-break: hyphenate;
    }

    .table-specs-mobile td{
        text-align: center;
    }

    #video-view, #sitebuilder-view, #sitebuilder-demo-modal {
        margin-left: 0 !important;
        left: 0;
        top: 0;
        margin-top: 2em !important;
    }

    #video-view, #sitebuilder-view, #sitebuilder-demo-modal {
        margin-left: 0;
        margin-right: 0;
        padding: 0.7em 1.1em 2.1em 1.1em;
    }
	#sitebuilder-view, #sitebuilder-demo-modal {
		width:100%;
		height:auto;
		box-sizing:border-box;
	}

    .word-wrap-mobile{
        word-wrap: break-word;
        word-break: break-all;
    }

    .show-mobile{
        display: block !important;
    }

    .hide-mobile{
        display: none !important;
    }

    .dp-highlighter{
        width: 320px !important; /*Code window on API-pages. Unknown reason why flexible with doesn´t work in narrow browser windows */
    }

    .orderform-service-header h2 span{
        font-size: 0.95em !important;
        margin-top: 0.5em;
        display: inline-block;
    }

    .order-form-packages{
        margin-bottom: 0.5em;
    }

    #popup_close, .backBtnPopup{
        height: 15px;
        width: 15px;
        padding: 0.5em;
    }

    #popup_close span, .backBtnPopup span{
        display: none;
    }

    .backBtnPopup{
        margin-right: 0.4em;
    }


    .main_image{
        background-size: 560px;
    }


    .main_image_start{
        background-size: 560px;
    }

    .main_image_start_embed{
        background-size: 800px;
        height: 255px;
    }

    .main_image_start_embed .main_image_cta {
        bottom: -180px;
    }

    .of-general-form-box {
        width: 98%;
    }


} /*/mediaquery*/

@media screen and (max-width: 540px) {
	.main-image#dibs h1 {
		font-size:1.2em;
	}
} /*/mediaquery*/

/* Even narrower screen specific CSS */
@media screen and (max-width: 380px) {

    /* Testing media queries. ID needed in JS code. Do not change or remove. */
    #loopia_media_query {
        max-width: 380px;
    }

    #home-package-expand, #business-package-expand, #plus-package-expand{
        display: none;
    }


    #home-package-expand-btn, #business-package-expand-btn, #plus-package-expand-btn{
        display: block;
    }

    #home-package-expand-more, #business-package-expand-more, #plus-package-expand-more{
        display: none;
    }

    .get-started-image-large{
        width: 100%;
        float: none;
        margin-left: 0;
    }

    .main_col1of3, .main_col2of3, .main_col3of3 {
        width: 100%;
        float: none;
        margin-right: 0;
    }


    .figure_right_start{
        width: 37%;
        margin-bottom: 0;
    }

    .hide-narrow{
        display: none !important;
    }

    .rs-payment-brand .rs-payment-brand-item{
        width: 50px;
    }


    #find_your_services_arrow{
        width: 7em;
        margin-top: -2.5em;
    }

    .main_image{
        height: 201px;
        background-size: 353px;
    }

    .main_image_start{
        height: 190px;
    }

    .main_image_cta{
        bottom: -120px;
    }

    .main_image_start .main_image_cta{
        bottom: -134px;
    }	


    .main_subheadline{
        font-size: 0.8em;
        line-height: 1.4em;
    }

    .main_image_start_embed{
        background-size: 580px;
        height: 190px;
        margin-bottom: 0.6em;
    }

    .main_image_start_embed .main_image_cta {
        bottom: -128px;
    }
    .general-form-box-rs3074-campaign {
        padding-top:46% !important;
    }


    .contact-table .waitingtime{
        float: none;
    }
    .contact-table .waitingtime .call_queue_status{
        float: inherit;
        display: block;
    }
    .contact-table .middle {
    width: 30%;
    }


} /*/mediaquery*/


/* Mobile specific for landscape mode */
@media screen and (max-device-width: 640px) and (orientation:landscape){

    /* Mindre text i landksapsläge på Iphone. Hur påverkar detta Android och andra små enheter? */

    p{
        font-size: 80%;
        *font-size: 0.8em;
        *line-height: 1.4em;
    }
    .package-start-info, .package-start-box li, .content .extra li{
        font-size: 0.6em;
        line-height: 1.5em;
        *font-size: 1.0em;
        *line-height: 1.2em;
    }

} /*/mediaquery*/



/* Desktop specific  */
/* ????? bättre med min-width ????? */
@media screen and (min-device-width: 1024px)  {

    /* Make the GUI more slim on desktop devices */
    /**/


    .top-bottom-padding{
        padding: 0.3em 0 !important;
    }

    .config-setting-table-row{
        padding: .1em 0 0.1em 0;
    }



    /**/

} /*/mediaquery*/