﻿body{margin:0;font-family: Arial, Helvetica, sans-serif;font-size:62.5%;background-color:#ccc;background-image:url(../assets/indexWide/bgGrayGradHeader.gif);background-repeat:repeat-x}
.body1{width:966px;margin:0 auto;}
img{border:0}
ul{margin:0;padding:0;text-align:left}
ul li{list-style-type:none;}
a{text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}
p{margin:0}


.posLeft{float:left}
.posRight{float:right}
.posClear{clear:both}
.clearAll{line-height:0px;font-size:0px;height:0px;clear:both}

h1,h2,h3,h4,h5{font-family:Arial, Helvetica, sans-serif;margin:0;}
h1{font-size:1.8em;font-weight:normal;margin-bottom:2px}
h1.greyBack {background-color:#ccc;margin:0;padding:0 2px 0 2px;}
h1 a {text-decoration:none;color:#000}
h1 a:hover {color:#ff9110}
h2{font-size:2.2em;}
h3{font-size:1.5em;font-weight:normal;}
h3.greenBack {background-color:#c1db30;margin:0;padding:0 2px 0 2px;}
h3.blueBack {background-color:#00c0ff;margin:0;padding:0 2px 0 2px;color:#fff}
h3.orangeBack {background-color:#ff9110;margin:0;padding:0 2px 0 2px;color:#fff}
h3.greyBack{background-color:#888;margin:0;padding:0 2px 0 2px;color:#fff}
h3 a {text-decoration:underline;color:#000}
h3 a:hover {text-decoration:none;color:#ff9110}
h4{font-size:1.4em;font-weight:normal}
h5{font-size:1.3em;}

a.orange{font-size:11px;color:#ffb535;text-decoration:none;}
a.orange:hover{text-decoration:underline;}

.white{color:#fff}  .orange {color:#ff9c00}  .green {color:#7ec142}  
.greenVoip{color:#9ccb67}
.pinkVoip{color:#ca5e9b;}
.blueVoip{color:#85aed7}
.greenVoipBack{background-color:#9ccb67;margin:0;padding:1px 2px 1px 2px;color:#fff}
.pinkVoipBack{background-color:#ca5e9b;margin:0;padding:1px 2px 1px 2px;color:#fff}
.blueVoipBack{background-color:#85aed7;margin:0;padding:1px 2px 1px 2px;color:#fff}
.orangeBack{background-color:#ff9001;margin:0;padding:1px 2px 1px 2px;color:#fff}
.purpleBack{background-color:#6b5b78;margin:0;padding:1px 2px 1px 2px;color:#fff}
.redBack{background-color:#ad737d;margin:0;padding:1px 2px 1px 2px;color:#fff}
.orangeDarkBack{background-color:#ef984a;padding:1px 2px 1px 2px;color:#fff}
.orangeLightBack{background-color:#e9c304;padding:1px 2px 1px 2px;color:#fff}
.redLightBack{background-color:#d36e76;padding:1px 2px 1px 2px;color:#fff}
.blueLightBack{background-color:#7cbef1;padding:1px 2px 1px 2px;color:#fff}


/*#allPage{width:966px;margin:0 auto;}*/
#quiz{width:450px;margin:0 auto;}
/*HEADER layout*/
#header {width:966px;height:124px;margin:0 auto;}
#header .posMenuSmallTop{height:100px;position:relative;}
#header .posMenuMainTop{clear:both;height:24px;width:490px;float:left}
#header .posImg{padding-top:34px;width:252px;text-align:center;}
#header .posRemain{width:708px;}/*widthHeader-posImg*/
/*end*/

/*HEADER ---MENU MAIN TOP */
.menuMainTop {height:24px;width:550px;float:left;}
.menuMainTop{font-weight:bold;}  
ul.menuHorizontalUL {margin:0;padding:0;text-align:left;}
ul.menuHorizontalUL li {display:inline;list-style-type:none;}
ul.menuHorizontalUL li a{height:24px;margin-right:4px;font-size:12px;display:block;float:left;line-height:24px;padding:0 10px 0 10px;}
ul.menuHorizontalUL li a{text-decoration:none;text-align:center;}
#PrivateMenuMainTop a.offTab{background-color:#959595;color:#fff;}
#PrivateMenuMainTop a.offTab:hover{background-color:#fff;color:#606060;}
#PrivateMenuMainTop a.onTab{background-color:#fff;color:#606060;}
#PrivateMenuMainTop a.onTab:hover{background-color:#fff;}
#CorporateMenuMainTop a.offTab{background-color:#1078c3;color:#fff;}
#CorporateMenuMainTop a.offTab:hover{background-color:#fff;color:#606060;}
#CorporateMenuMainTop a.onTab{background-color:#fff;color:#606060;}
#CorporateMenuMainTop a.onTab:hover{background-color:#fff;}
/*end*/
/*HEADER ---search */
#search {background:url(../assets/indexWide/bgSearch.gif) no-repeat right 0;width:221px;height:60px; display: none;}
#search .tbSearch{float:left;width:140px;font-size:11px;margin-right:4px;border:solid 1px #c6c6c6}
#search .btnSearch{float:left;padding-top:1px;}
#search .posSearch{width:170px;margin:0 auto;padding-top:15px;}
#search .posSearch br{clear:both;}
/*end*/

.foretag {text-align:right;color:#ffb535;margin:0;padding-right:10px;font-weight:bold}
a.foretagOrange {font-size:11px;color:#ffb535;text-decoration:none;}


/*CONTENT MAIN layout*/
/*.wrapperContentL{clear:both;width:966px;background:url(../assets/indexWide/bgGradContentL_TODO.gif) repeat-y left 0}
.wrapperContentR{width:966px;background:url(../assets/indexWide/bgGradContentR_TODO.gif) repeat-y right 0}*/
.wrapperC{width:924px;padding-top:10px;position:relative;margin:0 auto;}
.wrapperBgWhite{width:950px;background-color:#fff;margin:0 auto;}
#content{width:924px;}
.body2Expanded{clear:both;background:url(../assets/indexWide/bg_default_expanded.jpg) repeat-y center top;}
/*end*/


/*FOOTER layout*/
/*.wrapperFooterL{clear:both;width:966px;height:40px;background:url(../assets/indexWide/bgGradFooterL.gif) repeat-y left 0;}
.wrapperFooterR{width:966px;height:40px;background:url(../assets/indexWide/bgGradFooterR.gif) repeat-y right 0;}*/																								
.wrapperF{width:966px;margin:0 auto;height:40px;background:url(../assets/indexWide/bg_footer.jpg) repeat-x;}
#footer{width:948px;margin:0px auto;margin-bottom:5px;border:solid 1px #fff;color:#fff;height:31px;line-height:31px;background-color:#ff9110;text-align:center;font-size:11px}
/*end*/

/*default page layout*/
.inlineA, .inlineB, .inlineC {margin-top:11px;}
.inlineA .posLeft,.inlineB .posLeft ,.inlineC .posLeft{margin-right:22px;}
.boxI{width:212px;}
.dropdownBox{width:214px;}

.inlineA .boxI{height:281px;}
.inlineA .bgFast {height:100px;background:url(../assets/indexWide/fast_img.jpg) no-repeat;background-position:0 bottom}
.inlineA .bgFast h3{font-size:14px;font-weight:bold;text-align:center;padding-top:63px;}
.inlineA .bgFast h5{font-size:12px;font-weight:bold;text-align:center}
.inlineA .bgFast a{text-decoration:none;}
.inlineA .bgFasta:hover{text-decoration:underline;}
.inlineB .boxI{height:19px;}
.boxFormI{width:180px;margin:0 auto;}
/*end*/

/*design form */
.tbFormAdsl .btnRight{float:right;}
.tbFormAdsl input.telefonnr{float:right;width:110px;font-size:11px;margin-bottom:5px;}
.tbFormAdsl input.riktnr{float:left;width:45px;font-size:11px;margin-bottom:5px;}
.tbFormAdsl span.telefonnr{float:right;width:114px;font-size:12px;}
.tbFormAdsl span.riktnr{float:left;width:45px;font-size:12px;}
.tbFormAdsl br{clear:both;}
/*end*/

/*design select*/
.dd11{width:100%;font-size:12px;font-weight:normal;} 
.dd11 option{height:15px;}  
/*end*/

/*design text, border */
.textBox{padding:8px;}
.borderDotted{border:dotted 1px #888}
.textBox h1 {font-size: 18px;}
.textBox h3 {font-size: 15px;}
/**/

.menuSmallTop, .menuSmallTop a{color:#eaeaea;font-weight:bold;}
.minsidaTop{padding:5px 0 0 5px;}

/*menu countries*/
.popup{padding-top:5px;}
.popup span{color:#d2d2d2;font-weight:bold;font-size:11px;padding-right:5px;}
.popup a{font-size:11px;text-decoration:none;}
.menuPopup{padding:0;list-style:none;font-size:11px;margin-left:52px}
.menuPopup a{text-decoration:none;font-weight:bold;font-size:11px;}
.menuPopup {font-weight:normal;background-color:#676767;width:86px;border:dotted 1px #ddd;padding:10px 0 10px 0;position:absolute;top:0;left:0;text-align:left;z-index:2;display:none;}
.menuPopup a{padding-left:10px;color:#e1e1e1}
.menuPopup a:hover{color:#ffa810}
#popupOtherCountries{display:none;}

.fakturaBox{width:450px;height:180px;background-color:#dae8c1;background-image:url(../assets/indexWide/bgTrees.gif );background-repeat:no-repeat;background-position:320px 25px;}
.fakturaBox .textBox{padding-right:130px;}
.fakturaBox h2{color:#7eac38;font-size:32px;margin-bottom:10px;}
.fakturaBox .bgDarkGrey{background-color:#404040;height:30px;line-height:30px;}
.fakturaBox .bgDarkGrey h3{color:#fff;padding-left:8px}
.fakturaBox .bgDarkGrey h3 a{color:#fff;text-decoration:none;}
.fakturaBox .bgDarkGrey h3 a:hover{text-decoration:underline;}

.NodBox {width:450px;height:180px;background-image:url(../assets/indexWide/nodBanner.jpg);background-repeat:no-repeat;}
.NodBox h2{color:#1b6a6d;font-size:19px;padding-left:110px;padding-top:15px;font-family:Georgia;font-weight:normal}
.NodBox h3{color:#000;font-size:17px;margin-bottom:10px;padding-left:110px;padding-top:5px;font-family:Georgia;font-weight:normal;}
.NodBox h3 a{color:#fff;text-decoration:none;padding-top:5px}
.NodBox h3 a:hover{color:#000;text-decoration:underline;}

.kundtjanstBox{background:url(../assets/indexWide/bgDotted.gif);width:212px;height:180px}
.kundtjanstBox h2{color:#ff9000;font-size:32px;margin-bottom:10px;}
.kundtjanstBox a{color:#404040;font-size:12px;line-height:18px}

.newsBox {height:70px;background-color:#a7a7a7;}
.newsBox .posLeft{color:#fff;background-image:url(../assets/indexWide/bgStar.gif);background-repeat:no-repeat;padding-left:25px;background-position:10px 1px; margin-right: 30px;}
.newsBox h3{padding:0 0 10px 20px}
.newsBox h3 a{text-decoration:none;font-size:16px;color:#404040;}
.newsBox h3 a:hover{color:#fff}
.newsBox a{font-size:12px;color:#fff;text-decoration:none;}
.newsBox a:hover{text-decoration:underline;}
.newsBox span{color:#747474}

/*SLIDER DESIGN*/
#slider{color:#fff;}
#slider h1,#slider h2,#slider h3{font-family:Georgia, Times New Roman;font-weight:normal}
#slider h1{font-size:50px;}
#slider h1 a{text-decoration:none;color:#fff}
#slider h1 a:hover{text-decoration:underline}
#slider h2{font-size:22px}
#slider h2 a{color:#ff9c00}
#slider h3{font-size:18px}
#slider h3 a{color:#ff9c00}
#slider a.green {color:#7ec142}
#slider a.blue {color:#35c3da}
#slider a.purple {color:#eca821}
#slider ul, #slider li {margin:0;padding:0;list-style:none;}
#slider li {width:815px;height:190px;overflow:hidden;}
 a.sliderBtnPrev{position:absolute;margin-top:44px;margin-left:16px;}
 a.sliderBtnNext{position:absolute;margin-top:44px;margin-left:870px;}
 a.sliderBtnPrev{display:block;width:40px;height:110px;background:url(../assets/indexWide/slider/arrow_left.gif) no-repeat 0 0;}
 a.sliderBtnNext{display:block;width:43px;height:110px;background:url(../assets/indexWide/slider/arrow_right.gif) no-repeat 0 0;}
 .bgndSlider{background:url(../assets/indexWide/slider/slider_back.gif) no-repeat;width:924px;height:190px;}
 .posSlider{position:absolute;left:56px;width:815px;height:190px;overflow:hidden;}
#slider .posADSLImg{margin-top:-1em;margin-left:49em}
#slider .divTextADSL{position:relative;margin-top:-17em;margin-left:3em;}
#slider .posStadsnetImg{margin-top:5.5em;margin-left:54.5em}
#slider .divTextStadsnet{position:relative;margin-top:-18.75em;margin-left:3em;}
#slider .posBredbandImg{margin-left:45em;}
#slider .divTextBredband{position:relative;margin-left:3em;margin-top:-12.4em;}
#slider .posPrislistorImg{margin-left:3em;margin-top:0.7em;}
#slider .divTextPrislistor{margin-top:-12.4em;margin-left:45em}
#slider .recommend{margin-left:65em;margin-top:1em}
#slider .recommendtext{position:relative;margin-left:2em;margin-top:-15em;}
#slider .recommendtext h1{font-size:40px;}
#slider #yesBanner{display:none;}
#slider #noBanner{display:none;}
#slider .posMBImg{margin-left:-1em}
#slider .divTextMB{position:relative;margin-left:23em;margin-top:-16.7em;}
/*end*/

#tooltipMBText,#tooltipADSLText,#tooltipMinsidaText,#tooltipAbonemangText,#tooltipUtlandText, #tooltipBredbandstelefoni69Text,#tooltipBredbandstelefoni49Text,#tooltipBredbandstelefoni25Text
,#tooltipStadsnetText,#tooltipMobilSmartCallText,#tooltipMobilSurfText,#tooltipMobilSmartPlusText{display:none;}

#tipIdMB,#tipIdADSL,#tipIdMinsida,#tipIdAbonemang,#tipIdUtland,#tipId69,#tipId49,#tipId25,#tipIdUtanAdapter,#tipIdStadsnet,#tipIdSmartCall,#tipIdSurf,#tipIdSmartPlus 
{padding:5px 10px;border:1px solid #5e5e5e;background:#676767;color:#fff;width:170px;font-size:11px;}

/*dropDown simulated jq*/
#moreFastOptions,#moreBredbandstelefoniOptions,#moreBredbandOptions,#moreMobilOptions{display:none;}
.jq_select{width:214px;background:url(../assets/indexWide/arrow_dd.gif);background-position:199px 2px;background-repeat:no-repeat;cursor:default}
.jq_select p.head{margin:0px;border:solid 1px #888;line-height:14px;font-size:11px;padding-left:4px;}
.jq_select .append_jq_options{position:absolute;width:214px;}
.jq_select .append_jq_options div{border:solid 1px #888;border-top:0;padding-top:7px;padding-bottom:7px;background-color:#fff;}
.jq_select .append_jq_options span{font-size:11px;padding-left:4px;font-weight:bold}
.jq_select .append_jq_options span a{font-size:11px;padding-left:0;font-weight:bold}
.jq_select .append_jq_options a{font-size:11px;padding-left:10px;text-decoration:none;color:#000}
.jq_select .append_jq_options a:hover{color: #ffb535;}
/**/


    
/*slideDown
#slideDown {background:#fff;width:950px;border:dotted 1px #616161;height:495px;display:none;position:absolute;
    z-index:2000;margin-top:123px;margin-left:7px;filter:alpha(opacity=92);opacity:0.9;-moz-opacity:0.9;}
#slideDown {background-image:url(../assets/indexWide/fl.gif);background-position:-10px bottom;background-repeat:no-repeat}
#slideDown p{font-size: 30px;font-weight: bold;}
#slideDown h1{font-family:Georgia, Times New Roman;font-size:66px;padding-top:70px;text-align:center}
#slideDown h2{font-family:Georgia, Times New Roman;font-size:50px;font-weight:normal;padding-left:300px;}
#slideDown h2 a{cursor:pointer;float:left;width:30px;text-decoration:none;display:block;color:#070707;}
#slideDown h2 a:hover{text-decoration:underline;color:#ee5e39;}
#slideDown .no {margin-left:200px}*/

/*#slideDown .yes {padding-top:40px;padding-left:300px;cursor:pointer;float:left;width:40px;}
#slideDown .yes:hover {color:#ee5e39;border-bottom:dotted 2px #ee5e39;display:block;}
#slideDown .no {padding-top:40px;padding-left:100px;cursor:pointer;float:left}
#slideDown .no:hover {color:#ee5e39;border-bottom:dotted 2px #ee5e39}

#yesBanner{height:300px}
#noBanner{}*/
/*filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;*/

/*1/5. qustionProBlock*/
#hideAfterFiveSeconds{display:none;position: absolute;z-index: 2000;margin-left: 7px;width:400px;height:400px;margin-top: 0px;}
.qProDiv {background-color: #fff; border: solid 5px #959595}
#qProDivCont{padding: 10px 10px 10px 10px}
.closeQProDiv a {color:#666; text-decoration:none}
.closeQProDiv a:hover {color:#999; text-decoration:none}
.closeQProDiv span {display:block; width:40px; font-size:12px; float:right}
.closeQProDiv img {display:block; width:14px; float:right}
.qProMainImage {background-image:url(../assets/indexWide/screenShots.jpg); height:90px; width:345px; margin:auto}
.qProMainText {width:345px;margin:auto; font-size:12px}
.mainButtonQPro {width:140px; margin:auto; padding-top:15px;}
.closingTextQPro {width:345px;margin:auto; font-size:12px; padding-bottom:15px}
.qProTime {font-size:10px;width:345px;margin:auto; border-top:solid 1px #959595}
#qProLogo{width:121px;height:30px;background:url(../assets/indexWide/qProLogo.jpg) no-repeat;position:relative;margin-top:-70px;margin-left:240px;margin-bottom:50px;}
#hideAfterFiveSeconds .QproRemind {text-align: center; margin: 5px 0 15px 0;}
#hideAfterFiveSeconds .QproRemind a {color: #000;}
#hideAfterFiveSeconds .QproRemindEmail {}

/*christmas*/
#slider .mobil47Christmas{margin-left:55em;margin-top:0.7em;}
#slider .textLeft{position:relative;margin-top:-14em;margin-left:3em;}
#slider a.gold {color:#eeb005}

/* mobil 18 */
#slider .mobil18{margin-left:52em;margin-top:0.7em;}
#slider a.lightOrange {color:#e9c304}

/* mobil 57 */
#slider .mobil57{margin-left:52em;margin-top:0.7em;}
#slider a.lightOrange {color:#e9c304}


h3.goldBack{background-color:#eeb005;margin:0;padding:0 2px 0 2px;color:#fff}
 /* .bgndSlider{background:url(../assets/indexWide/slider/slider_christmas.gif) no-repeat;width:924px;height:190px;}
.bodyWinter{background:url(../assets/indexWide/bg_default.jpg) no-repeat center top;}*/

#slider a.greenish {color:#87c768}

#slider a.blueish {color:#8db9e5}

/*
.earth {display: none; background: url(../assets/earthHour/stars.png) no-repeat left top; width: 452px; height: 203px; position: fixed; bottom: 0; right: 20px; color: #fff;}
.earth a {color: #6af; text-decoration: none;}
.earth a:hover {text-decoration: underline;}
.earth a.close {position: absolute; right: 14px; top: 14px; }
.earth p {margin: 25px 40px 5px 125px; font-size: 12px;}
.earth p.title {font-size: 20px; margin-top: 0;}
.earth p.subtitle {font-size: 14px; margin: 20px 30px 5px 125px; text-align: center;}
.earth object {margin: 5px 0 0 125px; display: block;}
*/

/* movie popcorn campaign */
@font-face {
    font-family: 'takeoutthegarbageRegular';
    src: url('../assets/fonts/take_out_the_garbage-webfont.eot');
    src: url('../assets/fonts/take_out_the_garbage-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/take_out_the_garbage-webfont.woff') format('woff'),
         url('../assets/fonts/take_out_the_garbage-webfont.ttf') format('truetype'),
         url('../assets/fonts/take_out_the_garbage-webfont.svg#takeoutthegarbageRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.modalBackground {background:url(../assets/menu/lightbox_back.png) transparent; cursor:wait;}
.modalPopupMovie { width: 1061px; height: 606px; margin: auto; background: url(../assets/kampanj/movie/popcorn-bg.png) transparent no-repeat left top; position: relative; color: #fff; font-family: takeoutthegarbageRegular; text-shadow: 0px 0px 8px #000;}
.modalPopupMovie a {color: #fff; text-decoration: none;}
.modalPopupMovie a:hover {text-decoration: underline;}
.modalPopupMovie a:hover span {background: none;}
.modalPopupMovie ul.wreath {height: 121px; margin: auto; width: 996px;}
.modalPopupMovie ul.wreath li {text-align: center; float: left; background: url(../assets/kampanj/movie/wreath.png) transparent no-repeat left top; width: 229px; height: 95px; color: #fff; font-size: 18px; margin: 20px 20px 0 0; padding-top: 26px; font-family: "Trebuchet MS"; text-shadow: none;}
.modalPopupMovie ul.wreath li span {font-size: 19px; text-transform: uppercase;}
.modalPopupMovie .contact {position: absolute; left: 30px; bottom: 20px; background: url(../assets/kampanj/movie/envelope-bird.png) transparent no-repeat left top; height: 30px; line-height: 30px; padding-left: 40px; font-size: 15px; text-transform: uppercase;}
.modalPopupMovie .closePopup {position: absolute; right: 30px; bottom: 20px; height: 30px; line-height: 30px; font-size: 15px; text-transform: uppercase; width: auto;}
.modalPopupMovie .bonus {bottom: 70px; font-size: 42px; left: 195px; position: absolute; text-shadow: none;}
.modalPopupMovie .bonus span {font-size: 18px; margin-left: 25px;}
.modalPopupMovie .color1 {color: #ffba48;}
.modalPopupMovie .color2 {color: #00aeef;}
.modalPopupMovie h1 {font-size: 94px; color: #ec1c25; text-transform: uppercase; font-family: takeoutthegarbageRegular !important; font-weight: normal; height: 110px; }
.modalPopupMovie h2 {font-size: 55px; text-transform: uppercase; font-family: takeoutthegarbageRegular !important; font-weight: normal; }
.modalPopupMovie h3, .modalPopupMovie .holder ul li {font-size: 26px; text-transform: uppercase; font-family: takeoutthegarbageRegular !important; font-weight: normal; }
.modalPopupMovie p {font-size: 24px; text-align: justify; margin-bottom: 20px; text-shadow: none;}
.modalPopupMovie .holder {width: 615px; margin-left: 410px;}
.modalPopupMovie .underline1 {background: url(../assets/kampanj/movie/red-underline-1.png) transparent no-repeat left bottom; }
.modalPopupMovie .underline2 {background: url(../assets/kampanj/movie/red-underline-2.png) transparent no-repeat left bottom; }
.modalPopupMovie .underline3 {background: url(../assets/kampanj/movie/red-underline-3.png) transparent no-repeat left bottom; }
.modalPopupMovie .underline4 {background: url(../assets/kampanj/movie/red-underline-4.png) transparent no-repeat left bottom; }
.modalPopupMovie .underline5 {background: url(../assets/kampanj/movie/red-underline-5.png) transparent no-repeat left bottom; }
.modalPopupMovie .underline6 {background: url(../assets/kampanj/movie/red-underline-6.png) transparent no-repeat left bottom; }

.modalPopupJulklapp { width: 1000px; height: 620px; margin: auto; background: url(../assets/kampanj/julklapp/julklapp-bg.png) transparent no-repeat left top; position: relative; color: #fff; color: #5e4d13; font-size: 14px;}
.modalPopupJulklapp a {color: #5e4d13; text-decoration: none;}
.modalPopupJulklapp a:hover {text-decoration: underline;}
.modalPopupJulklapp a:hover span {background: none;}
.modalPopupJulklapp ul.wreath {position: absolute; left: 55px; top: 230px; font-weight: bold;}
.modalPopupJulklapp ul.wreath li {text-align: center; background: url(../assets/kampanj/julklapp/wreath.png) transparent no-repeat left top; width: 130px; height: 61px; font-size: 11px; margin-top: 20px ; padding-top: 10px;  color: #5e4d13;}
.modalPopupJulklapp ul.wreath li span { text-transform: uppercase; font-weight: bold;}
.modalPopupJulklapp .holder ul {margin-left: 40px;}
.modalPopupJulklapp .holder ul li, .modalPopupJulklapp .holder ul li a {color: #395c1f; font-size: 18px;}
.modalPopupJulklapp .holder ul li {margin-top: 9px; list-style-type: disc;}
.modalPopupJulklapp .contact {background: url("../assets/kampanj/julklapp/envelope-yellow.png") no-repeat scroll left top transparent; bottom: 162px; font-size: 14px; height: 18px; left: 30px; line-height: 18px; padding-left: 30px; position: absolute;}
.modalPopupJulklapp .closePopup {bottom: 50px; color: #FFFFFF; font-size: 17px; height: 30px; left: 436px; line-height: 30px; position: absolute; width: auto;}
.modalPopupJulklapp .bonus {color: #EA2028; font-family: takeoutthegarbageRegular; font-size: 35px; left: 85px; position: absolute; top: 150px;}
.modalPopupJulklapp .bonus span {font-size: 19px;}
.modalPopupJulklapp h1 {color: #930000; font-size: 25px; font-weight: normal; height: 37px; text-indent: -9999px; text-transform: uppercase; width: 567px; background: url(../assets/kampanj/julklapp/title-julklapp.png) transparent no-repeat left top; margin: 30px 0;}
.modalPopupJulklapp h2 {font-size: 55px; text-transform: uppercase; font-family: takeoutthegarbageRegular !important; font-weight: normal; }
.modalPopupJulklapp p {text-align: justify; margin-bottom: 10px; line-height: 18px;}
.modalPopupJulklapp .holder {margin-left: 220px; width: 750px; padding-top: 25px;}
.modalPopupJulklapp .enddate {bottom: 92px; color: #FFFFFF; font-size: 15px; left: 95px; position: absolute;}
.modalPopupJulklapp .counter {bottom: 44px; height: 35px; left: 70px; position: absolute; width: 170px;}

.modalContentMessage { background-color: #fff; border-left: solid 15px #ff9000; border-right: solid 15px #ff9000; color: #4c4c4c; font-family: Georgia; font-size: 14px; padding: 20px; }
.modalContentMessageIn { width: 300px; }

/* pnlRecommendFriend */

.modalPopupSendToFriend { width: 450px; height: 330px; background-color: #f4f3ef; margin: auto; border-top: #914452 5px solid; border-bottom: #914452 5px solid; font-family: Arial, Helvetica, sans-serif; }
.headingPopup { width: 270px; font-size: 22px; font-weight: bold; color: #914452; margin-top: 20px; text-indent: 20px; float: left; }
.closePopup { width: 16px; float: right; margin-top: 10px; margin-right: 10px; }
.modalPopupSendToFriendForm { width: 370px; height: 190px; padding: 20px; background-color: #FFF; margin-left: 20px; margin-top: 20px; }
.clearAll { clear: both; }
.introText { font-size: 12px; text-align: justify; color: #595856; }
.formLabel { font-size: 13px; font-weight: bold; margin-top: 15px; width: 170px; color: #595856; float: left; }
.formInput { float: left; margin-left: 15px; margin-top: 10px; width: 185px; }
.formMainBtn { width: 61px; height: 27px; float: right; margin-top: 15px; }
.inputStyle { font-size: 13px; width: 185px; height: 22px; border: #b56f7e 1px solid; }
.pnlErrorMsg { font-size: 11px; font-weight: bold; margin-top: 20px; width: 280px; color: #F00; float: left; }

/*modalContent*/
.modalMessage { background-color: #fff; border-left: solid 15px #ff9000; border-right: solid 15px #ff9000; color: #4c4c4c; font-family: Georgia; font-size: 14px; padding: 20px; width: 370px; }
.modalMessage p.header { color: #ff9000; font-size: 16px; margin-bottom: 10px; }
.modalMessage p { color: #4c4c4c; }
