*{margin: 0px; padding: 0px;} body{ background-color:#fefefe; font-family: helvetica, arial, sans-serif; font-size: 11px;} .clear { clear: both; } #breadcrumb { font: 10px Arial, Helvetica, sans-serif; background: rgb(194,249,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MyZjlmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2E0ZWZmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMWRiZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(194,249,255,1) 0%, rgba(164,239,249,1) 47%, rgba(161,219,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(194,249,255,1)), color-stop(47%,rgba(164,239,249,1)), color-stop(100%,rgba(161,219,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(194,249,255,1) 0%,rgba(164,239,249,1) 47%,rgba(161,219,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(194,249,255,1) 0%,rgba(164,239,249,1) 47%,rgba(161,219,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(194,249,255,1) 0%,rgba(164,239,249,1) 47%,rgba(161,219,255,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(194,249,255,1) 0%,rgba(164,239,249,1) 47%,rgba(161,219,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-8 */ height:20px; line-height:20px; color:#9b9b9b; width:1000px; overflow:hidden; margin:0px; padding:0px; padding-bottom: 2px; border-top: 1px solid #fff; font-size: 12px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } #breadcrumb li { text-shadow: 0 1px 0 #fff; list-style-type:none; float:left; padding-left:10px; } #breadcrumb li.stats { letter-spacing: 0.05em; color: #555; list-style-type:none; float:right; padding-left:10px; padding-right: 12px; } #breadcrumb li.stats span { color: #000; font-weight: bold; } #breadcrumb a { height:30px; display:block; background-image:url('/images/bc_separator.png'); background-repeat:no-repeat; background-position:right; padding-right: 15px; text-decoration: none; color:#454545; } #breadcrumb a:hover { color:#333; } .home { border:none; margin: 2px 0px; } .submitbutton:hover {background-position: left -27px;} .submitbutton:active {background-position: left -54px;} .greybutton{ cursor: pointer; cursor: hand; border: 1px solid #ccc; padding: 3px; color: #000; text-decoration: none; font-size: 10px; /*line-height: 30px;*/ background: #ddd; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; box-shadow: 1px 1px 2px rgba(0,0,0,.5); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5); text-shadow: #fff 0px 1px 1px; background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc)); background: -moz-linear-gradient(top, #eeeeee, #cccccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc'); } .greybutton:active { box-shadow: 0px 0px 0px rgba(0,0,0,.5); -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,.5); -moz-box-shadow: 0px 0px 0px rgba(0,0,0,.5); position: relative; top: 1px; left: 1px; } .greybutton:hover { background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); background: -moz-linear-gradient(top, #dddddd, #bbbbbb); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#bbbbbb'); position: relative; } .blue{ background-color:#F0F0F0; } .thumbsup{float:left;display:block;background:url('/images/kampanjjakt-like.png') no-repeat;width:25px;height:25px;} .offerList .thumbsup{float:right;display:block;background:url('/images/kampanjjakt-like.png') no-repeat;width:25px;height:25px;} .thumbsdown{float:left;display:block;background:url('/images/tumme_ner.png') no-repeat;width:25px;height:25px;} .thumbsdown:hover{display:block;background: url('/images/tumme_ner.png') 0 -25px no-repeat;width:25px;height:25px;} .direkt_till_erbjudande{padding:3px 5px 0 5px; width:140px;font-weight: bold; display:block; height:19px; background-color:#f9f9f9; color:#1c94c4; border:1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .direkt_till_erbjudande:hover{background-color:#fdf9e1; color:#e28b04; border:1px solid #fbcb09;} .visarabattkod{padding:3px 20px 0 5px; width:125px; display:block; height:19px; color:#1c94c4; border:1px solid #cccccc; font-weight: bold; background:#f9f9f9 url('/images/sax.png') 130px 1px no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .visarabattkod:hover{background-color:#fdf9e1; color:#e28b04; border:1px solid #fbcb09;} .registrer{border: none; background: url('/images/input.png') no-repeat;width:130px;height:17px; font-size:10px;} .registrer:hover{background: url('/images/input.png') 0 -20px no-repeat;} .registrer_big{border: none; background: url('/images/inputbig.png') no-repeat;width:200px;height:20px; font-size:10px;} .registrer_big:hover{background: url('/images/inputbig.png') 0 -20px no-repeat;} .ga_till_erbjudande{border: none; background: url('/images/ga_direkt_till_erbjudande.png') no-repeat;display:block; width:300px;height:79px; font-size:10px;} .ga_till_erbjudande:hover{background: url('/images/ga_direkt_till_erbjudande.png') 0 -80px no-repeat;} .visa_rabattkoden{border: none; background: url('/images/visa_rabattkod.png') no-repeat;display:block; width:305px;height:80px; font-size:10px;} .visa_rabattkoden:hover{background: url('/images/visa_rabattkod.png') 0 -81px no-repeat;} .searchbutton {border: none;background: url('/images/sokknapp.png') no-repeat;width:48px;height:35px; cursor: pointer; cursor: hand;} .searchbutton:hover {background: url('/images/sokknapp.png') 0 -35px no-repeat;} .categorize_button {border: none;background: url('/images/kategorisera.png') no-repeat;width:24px;height:20px; cursor: pointer; cursor: hand;} .categorize_button:hover {background: url('/images/kategorisera.png') 0 -20px no-repeat;} #rabattkodsklubben{padding:0px 10px 0px 15px; background: url('/images/rabattklubben.png') 0px 0px no-repeat;height:300px;font-size:9px;} #rabattkodsklubben input[type="text"]{font-size:10px;width:130px;} .password{background: url(../images/password.png) no-repeat;} .password:hover{background: url(../images/password.png) 0 -20px no-repeat;} .username{background: url(../images/username.png) no-repeat;} .username:hover{background: url(../images/username.png) 0 -20px no-repeat;} /* =div */ div#site { width: 100%; } div#content_wrapper { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;padding-bottom: 15px; width: 1000px; margin: 0 auto; background-color:#FFF; overflow:auto; } div#header {position: relative; } div#header .headerBG {background: url(../images/header_bg_clean.png) no-repeat 0px -30px; height: 130px;} div#header .homeLink {position: absolute; top: 5px; left: 20px; width: 272px; height: 120px;background: url(../images/kj_logo.png) no-repeat 0px 0px ;} div#header .homeLink h1 {text-indent: -9999px;} div#content_main{ width:720px; float:left;} div#content_sub{ width:270px; float:right;} div#footer{height: 35px; width: 100%;} div#lfooter{width: 100px; width: 400px; float:left; margin: 0 auto;} div#rfooter{width: 100px; width: 400px; float:left; margin: 0 auto;} div.site_title {float: left; padding-top:0px;position:absolut;} div.titlemenu { text-align: center; float: left; padding-top:10px; padding-left:20px; } div.banner { position: absolute; top: 12px; left: 455px; float: right; width: 468px; height: 60px; box-shadow: 0 0 10px #fff;} div#nav {padding: 73px 0 0 0;} div#main {padding: 0; margin: 20px 0 0 0;} div#latest {float: left; width: 550px; } div#main_right {float: right; width: 300px;padding: 0;margin: 0;} div#spacer { clear: both; height: 25px; } div#colum1 {float: left;width: 175px;margin-left:0px;} div#colum2 {float: left;width: 175px;margin-left:12px;} div#colum3 {float: left;width: 175px;margin-left:12px;} div.box {clear: both;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 10px 15px 10px 15px;margin: 0 0 25px 0;} div.box_wo_padding{clear: both;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;} div#menybox{width: 270px;margin: 0;padding: 0;font: 12px Tahoma, Arial, Helvetica, sans-serif;font-weight: bold;} div.imagebox{border:1px solid #CCC; padding: 3px; width:100px; height:70px; float:left;} div.textbox{border:1px solid #CCC; margin-left:10px; padding: 3px; width:375px; height: 70px; float:left;} div.campaign_imagebox{border:1px solid #CCC; margin-left:10px; margin-bottom:10px; padding: 3px; width:100px; height: 70px; float:right;} div.campaign_textbox{border:1px solid #CCC; margin-left:10px; margin-bottom:10px; padding: 3px; width:375px; height: 70px; float:left;} div.pinkheader{background-color:#facece; padding: 3px 5px; margin-bottom:5px; color:#000; text-transform: uppercase; font-weight:bold;} div.campaign_image{float:right; border: 1px solid #CCC; padding: 5px; margin-left:5px;} div.dotline{margin-bottom:5px;} div.offerdate{margin-left:0px;background:url('/images/datum.png') no-repeat;padding-top:10px; text-align:center; width:32px; height:45px;} div.offerstrip{background:url('/images/bgoffer.gif') repeat-y; border-bottom:1px solid #eee; margin-bottom:5px; padding:1px; height:65px; color: #555;} div.offerstripright{margin:0 30px 10px 0; padding:3px 5px; float: left; width:120px;} div.gatillerbjudande{float:left;height:18px;padding:0px 0px 0px 0px; margin-top:3px;} .offertext{width:410px; height:46px; font-size:1.2em; color:#000; padding-top:30px; padding-left:250px;} div.clear{clear:both;} /* =ul */ #latest ul {list-style-type: none;padding: 0;margin: 0;} #nav ul {padding: 0px; margin: 0 auto;} #colum1 ul {list-style-type: none;} #colum2 ul {list-style-type: none;} #colum3 ul {list-style-type: none;} #header ul#alfabet {font-weight:bold; text-align:left; height:18px;padding-top:5px;} /* =li */ li{ list-style-type:none;} #nav li { float: left; border-left: 1px solid #3676c4; border-right: 1px solid #1957aa; padding: 0; margin: 0;} #latest li {padding: 7px 15px 7px 15px;margin: 0;} #latest li.even {background-color: #f1f1f1;} #latest ul#category li {padding: 3px;} #news li {padding: 0 0 10px 0;margin: 0 0 10px 0;border-bottom: 1px solid #eee;} #colum1 ul li {padding: 0;margin: 0;} #colum2 ul li {padding: 0;margin: 0;} #colum3 ul li {padding: 0;margin: 0;} #header ul#alfabet li {float:left;padding:0 7px;border-right: 1px solid #FFF; } #header ul#alfabet li a {font-size:11px; text-shadow: 0px 1px 1px #fff; color: #444;} /* =a */ a{color: #111111; text-decoration: none;} a:hover { text-decoration: none; color: #555;} a:visited { text-decoration: none; } a.comment {font-size: .9em; color: #111111;} a:hover.comment {font-size: .9em;color: #000;} a.link_grey {font-size: 1em; color: #666;font-weight: bold;} a:hover.link_grey {font-size: 1em;font-weight: bold;color: #000;} a.comment_title {font-size: 1em; color: #06F; font-weight: bold; } a:hover.comment_title {font-size: 1em; font-weight: bold; color: #477fc7;} a.white {font-size: 1em;color: #FFF;font-weight: bold;} a:hover.white {font-size: 1em;font-weight: bold;color: #000;} #header a { color: #FFFFFF;} #infobox a { color: #fff; text-decoration: none; } #infobox a:hover { color: #fff; text-decoration: underline; } #footer a { color: #111111; text-decoration: none; } #footer a:hover { color: #111111; text-decoration: underline; } a.category{display:block; width:375px; height:70px; color:#000; background-color:#FFF;} a:hover.category{display:block; width:375px; height:70px; background-color:#ffeaea;} a.erbjudande{display:block; width:100%; height:100%; color:#000; background-color:#FFF;} a:hover.erbjudande{display:block; width:100%; height:100%; background-color:#ffeaea;} a.boxlink{display:block; width:100%; height:100%; color:#000; background-color:#FFF;} a:hover.boxlink{display:block; width:100%; height:100%; background-color:#ffeaea;} /* =p */ p { padding: 0px; margin: 0; } /* =img */ img { border: 0; } .imgofferstrip {padding:3px 5px; float:left; width:80px; height:60px;} /* =hX */ h1 {font-size: 1.4em; color: #fff; padding: 0; margin: 0;} h1.companyPage {font-size: 20px; color: #333; margin: 10px 0 3px 0;} h2 {font-size: 1.0em; color: #fff; padding: 0; margin: 0;} h2.companyPage {font-size: 15px; color: #333; margin: 0 0 0 0;} h3 {font-size: 1.0em; color: #fff; padding: 0; margin: 0;} h2.trigger {background: url('/images/h3-bg.png') repeat-x; display:block; height:22px; font-size:1.2em; color:#FFF; padding-top:4px; padding-left:10px; text-transform:uppercase; font-weight:bold; text-shadow: 1px 1px 1px #000; FONT-SIZE: 13px; FONT-WEIGHT: bold;} h2.trigger a {color: #fff; text-decoration: none; display: block;} h2.trigger a:hover {color: #ccc; } h2.active {background-position: left bottom;} p.companyPageSubText { margin: 5px 0; color: #666; } /* =select */ span.customStyleSelectBox {padding-top:2px;padding-left:4px; width:139px; height:17px; color:#000000;} /* ingen aning */ .editbox {border: 1px solid #ddd;font-family: verdana, arial, sans-serif;color: #000;text-decoration: none;padding: 5px 5px 5px 5px;margin-bottom: 10px;} #news {list-style-type: none;padding: 0;margin: 0;} .date {text-transform: uppercase;margin: 0 0 3px 0;} .commentar_ruta{font-size: .9em;font-weight: bold;border: 1px solid #3676c4;background-color: #3676c4;color: #FFF;padding: 5px;} .categorybox {clear: both;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 0px 0px 0px 0px;margin: 0 0 25px 0;} .toggle_container {margin: 0 0 5px;padding: 0;border-top: 1px solid #d6d6d6; overflow: hidden;font-size: 1.2em;clear: both;} /* =span */ .hbar{ display:block; font-size: 25px; color:#333; font-family: 'Gentium Basic', serif; margin-top: 5px; text-shadow: 0 -1px 0 #888; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #39bed0; padding: 3px 6px; margin-top: 10px; margin-bottom: 5px; font-family: 'Lato', sans-serif; font-size: 18px; background: rgb(135,224,253); /* Old browsers */ background: -moz-linear-gradient(top, rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(79,188,221,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,224,253,1)), color-stop(40%,rgba(83,203,241,1)), color-stop(100%,rgba(79,188,221,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(79,188,221,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(79,188,221,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(79,188,221,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(79,188,221,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#4fbcdd',GradientType=0 ); /* IE6-9 */ } .hbar h3 {margin-left: 10px; margin-top: -3px;} .hbar h3 a { font-weight: normal; color: #fff !important; font-size: 14px; padding-bottom: 3px;} .hbar h3 a:hover { text-decoration: underline; } /* Den fina slidern */ .graphic, #prevBtn, #nextBtn{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; } #container{ margin:0 auto; position:relative; text-align:left; width:570px; background:#fff; margin-bottom:2em; padding-left:10px; } /* Easy Slider */ #slider{} #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:570px; height:241px; overflow:hidden; } #prevBtn, #nextBtn{ display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; padding-left:10px; } #nextBtn{ left:570px; } /* // Easy Slider */ /* Disable properties specified in the imported CSS file */ .menu a { border:none; font: normal 12px Arial; font-weight:bold; } /* Actual menu CSS starts here */ .menu, .menu ul { margin:0; padding:0; } .menu {width:270px;} .menu li { display:block; margin:0; padding:0; border-top: 1px solid #fff; } .menu a { display:block; padding:5px 15px; padding-bottom: 5px; padding-top: 5px; color:#555; text-decoration:none; background: url(../images/kors.png) no-repeat; background-position:247px 3px; background-color:#F0F0E8; } .menu a:hover, .menu a:focus, .menu a:active {background:#E0E0CF;} .menu ul li {padding-bottom:0px;} .menu ul a {background:#F8F8F8; color:#3F3F3F; font: normal 12px Arial; font-weight:normal; padding:5px 25px; padding-left: 15px; } .hidden {display:none;} /* *************************medlem menyn */ .membermenu a { border:none; font: normal 12px Arial; font-weight:bold; } .membermenu, .membermenu ul { margin:0; padding:0; } .membermenu {width:228px;} .membermenu li { display:block; margin:0; padding:0; margin-bottom:1px; } .membermenu a { display:block; padding:5px 15px; padding-bottom: 5px; padding-top: 5px; color:#363636; text-decoration:none; background: url(../images/kors.png) no-repeat; background-position:205px 3px; background-color:#E0E9E9; } .membermenu a:hover, .membermenu a:focus, .membermenu a:active {background:#E0E0CF;} .membermenu ul li {padding-bottom:0px;} .membermenu ul a {background:#F8F8F8; font: normal 12px Arial; font-weight:normal; padding:5px 25px; padding-left: 15px; } /* * Required DET HÄR ÄR FÖR SLIDERN */ .container { width:550px; height:180px; overflow:hidden; position:relative; cursor:pointer; } .slides { position:absolute; top:0; left:0; } .slides div { position:absolute; top:0; width:550px; display:none; } /* * Optional */ #loopedSlider { margin:10px auto; position:relative; clear:both; background:url('/images/slider/slider_bakgrund.png') no-repeat; width:560px; height:200px; padding:30px 20px 0px 30px; } ul.pagination { list-style-type:none; margin:0; padding:0; margin:15px auto; width:100px;} ul.pagination li { float:left; margin:0 5px; } ul.pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(/images/slider/pagination.png); background-position:0 0; background-repeat:no-repeat;} ul.pagination li.active a {background-position:0 -12px} a.previous { position:absolute; top:80px; left:-35px; } a.next { position:absolute; top:80px; right:-35px; } /*---------detta är från tab systemet------------*/ .ui-widget { font-family: Arial,sans-serif; font-size: 1.1em; } .ui-widget-content { border: 1px solid #eeeeee; color: #333333; } .ui-widget-header { border: 1px solid #c5effd; background: #C5EFFD url(/images/h3-bg.png) 50% 50% repeat; color: #ffffff; font-weight: bold; } .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d8dcdf; font-weight: bold; color: #000000; } .ui-state-hover a, .ui-state-hover a:hover { color: #111111; text-decoration: none; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .3em 1em; text-decoration: none; } /*********************/ #header .alfabetWrapper { background: rgb(194,249,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MyZjlmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2E0ZWZmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMWRiZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(194,249,255,1) 0%, rgba(164,239,249,1) 47%, rgba(161,219,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(194,249,255,1)), color-stop(47%,rgba(164,239,249,1)), color-stop(100%,rgba(161,219,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(194,249,255,1) 0%,rgba(164,239,249,1) 47%,rgba(161,219,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(194,249,255,1) 0%,rgba(164,239,249,1) 47%,rgba(161,219,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(194,249,255,1) 0%,rgba(164,239,249,1) 47%,rgba(161,219,255,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(194,249,255,1) 0%,rgba(164,239,249,1) 47%,rgba(161,219,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-8 */ height: 26px; border-bottom: 1px solid #aaa; } .signUpForNewsletterWrapper { background: url(../images/stripe_70_sign_up.png); padding-top: 5px; margin-top: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .signUpForNewsletterInnerWrapper { border-top: 1px solid #999; background: #fff; padding: 20px 10px; background: url(../images/sign_up_bg.png); -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .signUpForNewsletterInnerWrapper .sellText { float: left; font-size: 18px; display: block; padding: 4px 0; color: #222; font-weight: bold; width: 360px; color: #333; } .signUpForNewsletterWrapper .newsLetterFormWrapper { float: right; width: 325px; position: relative; margin-top: 12px; } .signUpForNewsletterWrapper #id_email { position: absolute; top: -1px; left: 0px; padding: 4px; border: 1px solid #aaa; font-size: 18px; color: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 240px; } .signUpForNewsletterWrapper .companyNewsLetterButton { position: absolute; top: 0px; right: 0px; width: 69px; height: 29px; background: url(../images/join_newsletter_button.png); border: none; padding: 0px; cursor: pointer; } #footer-content { margin: 0 auto; padding:10px 0px; width:1000px; font-size: 12px; color: #666; } #footer-content div, #footer-content a { color: #666; } #footer-content div { float: right; } #mainSearchWrapper { background: #fff; position: absolute; top: 80px; left: 455px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #aaa; } #mainSearchWrapper input { color: #444; border: 1px solid #fff; padding: 5px 12px; font-size: 18px; } #mainSearchWrapper #mainSearch { width: 458px; font-size: 20px; padding: 7px 5px; border-right: 1px solid #ddd; } #mainSearchWrapper .mainSearchButton { overflow: visible; padding-left: 6px; background: #fff; font-weight: bold; text-shadow: 0 1px 0 #fff; cursor: pointer; color: #666; border: none; } #mainSearchWrapper .mainSearchButton:hover { color: #333; } .offerList { } .offerList li { font-size: 15px; color: #333; margin-top: 15px; padding-bottom: 15px; border-bottom: 2px dashed #ccc; position: relative; } .offerList li .campaignInfoBox { text-align: center; height: 70px; width: 120px; float: left; padding: 10px; border: 3px solid #ddd; box-shadow: 0 0 10px #eee; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #555; font-family: 'Paytone One', sans-serif; background: url(/images/coupon_box_bg.png) no-repeat; } .offerList li .campaignInfoBox:hover { border: 3px solid #ddd; box-shadow: 0 0 10px #ddd; } .offerList li .campaignInfoBox span { font-size: 50px; display: block; margin-top: -30px; } .offerList li .campaignInfoBox .downArrow { width: 300px; z-index: 3; position: absolute; bottom: 21px; left: 65px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; } .offerList li .campaignInfoBox .campaignType { position: absolute; bottom: 0px; left: 0px; width: 100%; background: #eee; text-align: center; padding: 0 0; color: #fff; } .offerList li.type_kampanj .campaignInfoBox span { color: #56c959; } .offerList li.type_rabattkod .campaignInfoBox span { color: #546ac9; } .offerList li.type_frifrakt .campaignInfoBox span { color: #d46060; } .offerList li.type_kampanj .campaignInfoBox .campaignType { background: #56c959; } .offerList li.type_rabattkod .campaignInfoBox .campaignType { background: #546ac9; } .offerList li.type_frifrakt .campaignInfoBox .campaignType { background: #d46060; } .offerList li .kampanjjaktLikeWrapper { margin-top: 15px; position: absolute; top: 30px; right: 62px; } .offerList li .kampanjjaktLikeWrapper .numberOfLikes { font-size: 11px; float: right; background: #d3e3cd; padding: 3px 6px; margin-top: 3px; } .offerList li .facebookOfferLikeWrapper { position: absolute; right: 0px; top: 10px; width: 50px; height: 63px; } .offerList li .tellAFriendWrapper { position: absolute; right: 55px; top: 14px; width: 31px; height: 20px; } .offerList li .tellAFriendWrapper .tellAFriendInnerWrapper { position: relative; right: 0px; height: 20px; } .offerList li .middleWrapper { position: absolute; left: 155px; top: 0px; } .offerList li .middleWrapper .campaignTitle { margin-top: 6px; font-family: 'Lato', sans-serif; } .offerList li .middleWrapper .codeAndSiteWrapper { margin-top: 5px; } .offerList li .middleWrapper .codeAndSiteWrapper .getCodeAndWeb { cursor: pointer; float: left; background: url('/images/show_code_go_to_web.png'); width: 182px; height: 35px; } .offerList li .middleWrapper .codeAndSiteWrapper .getCodeAndWeb.active { background: #f2b32d; width: 172px; height: 27px; padding-left: 10px; padding-top: 8px; text-shadow: 0 1px 0 #eee; } .offerList li .middleWrapper .codeAndSiteWrapper .codePlaceholder { float: left; background: url('/images/show_code_placeholder.png'); width: 182px; height: 35px; margin-left: 3px; } .offerList li .middleWrapper .codeAndSiteWrapper .codePlaceholder.active { background: #fff; border: 2px solid #f2b32d; border-left: 5px solid #f2b32d; padding-top: 7px; padding-left: 5px; padding-right: 5px; margin-left: 0px; width: 168px; height: 24px; font-weight: bold; text-align: center; } .offerList li .middleWrapper .codeAndSiteWrapper .goToWeb { float: left; background: url('/images/go_to_web.png'); width: 182px; height: 35px; cursor: pointer; } .offerList li .middleWrapper .readMore { margin-right: 20px; margin-top: 8px; float: left; } .offerList li .middleWrapper .pubDate { color: #aaa; font-size: 13px; margin-right: 10px; margin-top: 8px; float: left; } .offerList li .middleWrapper .readMore a { color: #139cd5; font-size: 13px; } #header #findByCategoryAndFilter { margin-top: 3px; padding-right:10px; float:right; } #header #findByCategoryAndFilter select { width: 140px; } .fb-like-box { margin-bottom: 3px; } #header .headerStats { color: #fff; font-size: 11px; font-weight: bold; } #header #numberOfCompanies { position: absolute; top: 120px; left:70px; } #header #numberOfOffers { position: absolute; top: 120px; left:190px; } .companyInformationWrapper { float: right; width: 250px; background: #f1f1f1; padding: 10px; margin-top: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #333; text-shadow: 0 1px 0 #fff; font-size: 12px; } .companyInformationWrapper .companyTitle { font-family: 'Lato', sans-serif; font-size: 15px; margin-bottom: 4px; font-weight: bold; } .companyInformationWrapper a.companyExternalLink { margin-left: 18px; } .companyInformationWrapper a.companyExternalLink img { width: 200px; height: 100px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 5px #555; filter: alpha(opacity=75); /* internet explorer */ -khtml-opacity: 0.75; /* khtml, old safari */ -moz-opacity: 0.75; /* mozilla, netscape */ opacity: 0.75; /* fx, safari, opera */ } .companyInformationWrapper a.companyExternalLink img:hover { filter: alpha(opacity=100); /* internet explorer */ -khtml-opacity: 1; /* khtml, old safari */ -moz-opacity: 1; /* mozilla, netscape */ opacity: 1; /* fx, safari, opera */ } .companyInformationWrapper .externalWebLink { text-align: center; margin-top: 5px; } .companyInformationWrapper .externalWebLink a { } .companyInformationWrapper .companyInformation { padding-top: 10px; border-bottom: 1px solid #999; padding-bottom: 10px; } .companyInformationWrapper .lookingForMore { border-bottom: 1px solid #999; } .companyInformationWrapper .lookingForMore h5 { cursor: pointer; padding: 8px 0 5px 0; font-size: 12px; text-decoration: underline; } .companyInformationWrapper .lookingForMore p { padding: 5px 0 15px 0; } .companyInformationWrapper .companyProducts { border-top: 1px solid #fff; border-bottom: 1px solid #999; } .companyInformationWrapper .companyProducts .companyProductsTitle { cursor: pointer; padding: 5px 0; font-weight: bold; text-decoration: underline; } .companyInformationWrapper .companyProducts p { padding: 5px 0 15px 0; } .companyInformationWrapper .likeAndShareWrapper { border-top: 1px solid #fff; padding-top: 10px; width: 250px; } .companyInformationWrapper .likeAndShareWrapper .fb-like { top: -2px; float: left; } .overlaySignUpWrapper { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 100; background: url(../images/sign_up_bg.png); display: none; padding: 5px 0 10px 0; color: #444; border-bottom: 1px solid #ccc; box-shadow: 0 0 10px #ccc; } .overlaySignUpWrapper.scroll { display: block; } .overlaySignUpWrapper > div { width: 1000px; margin: 0 auto; font-size: 20px; padding: 5px; } .overlaySignUpWrapper .sellText { float: left; } .overlaySignUpWrapper .signUpNewsWrapper { margin-top: -3px; float: left; margin-left: 20px; position: relative; width: 335px; } .overlaySignUpWrapper .signUpNewsWrapper #id_email { position: absolute; top: 0px; left: 0px; width: 250px; font-size: 16px; padding: 4px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; } .overlaySignUpWrapper .signUpNewsWrapper .joinNewsletterSubmit { position: absolute; top: 0px; right: 0px; width: 69px; height: 29px; background: url(../images/join_newsletter_button.png); border: none; padding: 0px; cursor: pointer; } .overlaySignUpWrapper .close { filter: alpha(opacity=60); /* internet explorer */ -khtml-opacity: 0.6; /* khtml, old safari */ -moz-opacity: 0.6; /* mozilla, netscape */ opacity: 0.6; /* fx, safari, opera */ float: right; width: 20px; height: 20px; background: url(../images/sign_up_close_button.png) no-repeat; cursor: pointer; margin-top: 1px; } .overlaySignUpWrapper span.close:hover { filter: alpha(opacity=100); /* internet explorer */ -khtml-opacity: 1; /* khtml, old safari */ -moz-opacity: 1; /* mozilla, netscape */ opacity: 1; /* fx, safari, opera */ } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .indexOfferPaginator { margin-top:10px; font-size:14px; text-align:center; } .indexOfferPaginator a { background: #eee; padding: 2px 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .offerstrip a { color: #555; } .offerstrip .storeLink { color: #3280bc; font-weight: bold; } ul.ui-autocomplete { z-index:4 !important; } #liveSearchResult { display: none; border: 1px solid #eee; background: #fff; padding: 10px 10px 10px 30px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; min-height: 270px; } #liveSearchResult .searchCompanyWrapper { width: 370px; float: left; font-family: 'Lato', sans-serif; } #liveSearchResult .searchCompanyWrapper .searchCompanyTitle { font-size: 18px; margin-bottom: 5px; } #liveSearchResult .searchOfferWrapper { width: 520px; float: left; font-family: 'Lato', sans-serif; } #liveSearchResult .searchOfferWrapper .searchOfferTitle { font-size: 18px; margin-bottom: 5px; } #liveSearchResult .searchOfferWrapper .noResults, #liveSearchResult .searchCompanyWrapper .noResults { font-style: italic; font-size: 14px; color: #555; } #liveSearchResult .mainSearchTerm { font-family: 'Lato', sans-serif; font-size: 18px; } #liveSearchResult ul.searchOfferList { } #liveSearchResult ul.searchCompanyList { } #liveSearchResult ul li { margin-bottom: 5px; } #liveSearchResult ul li a { font-size: 14px; color: #333; } #liveSearchResult ul li a:hover { text-decoration: underline; } #slideShowWrapper { float: left; margin-top: 5px; width: 480px; height: 220px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; } #slideShowWrapper .singleSlideWrapper { width: 480px; height: 220px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #slideShowWrapper .singleSlideWrapper .sixIconWrapper { background: #ddedff; width: 480px; height: 220px; position: relative; } #slideShowWrapper .singleSlideWrapper .sixIconWrapper div { width: 159px; height: 109px; position: absolute; } #slideShowWrapper .singleSlideWrapper .sixIconWrapper div:hover a img { filter: alpha(opacity=70); /* internet explorer */ -khtml-opacity: 0.7; /* khtml, old safari */ -moz-opacity: 0.7; /* mozilla, netscape */ opacity: 0.7; /* fx, safari, opera */ } #slideShowWrapper .singleSlideWrapper .sixIconWrapper .icon1 { top: 2px; left: 3px; } #slideShowWrapper .singleSlideWrapper .sixIconWrapper .icon2 { top: 2px; left: 162px; } #slideShowWrapper .singleSlideWrapper .sixIconWrapper .icon3 { top: 2px; left: 321px; } #slideShowWrapper .singleSlideWrapper .sixIconWrapper .icon4 { top: 110px; left: 3px; } #slideShowWrapper .singleSlideWrapper .sixIconWrapper .icon5 { top: 110px; left: 162px; } #slideShowWrapper .singleSlideWrapper .sixIconWrapper .icon6 { top: 110px; left: 321px; } #slideShowWrapper .singleSlideWrapper .wholeSlideImage { width: 480px; height: 220px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #slideShowNav { width: 480px; } #slideShowNav tr td { padding: 10px; width: 33%; background: #eee; font-size: 12px; color: #666; text-align: center; cursor: pointer; text-shadow: 0 1px 0 #fff; } #slideShowNav tr td.activeSlide { font-weight: bold; } .topTenCompanyWrapper { margin-top: 10px; float: right; width: 237px; font-size: 14px; color: #333; } .topTenCompanyWrapper ul { width: 100%; } .topTenCompanyWrapper ul li { width: 100%; margin: 0px; margin-top: 1px; } .topTenCompanyWrapper ul li:hover { background: #f5f5f5; } .topTenCompanyWrapper .companyRank { margin: 0px; float: left; width: 25px; padding-top: 5px; font-weight: bold; text-align: center; color: #aaa; } .topTenCompanyWrapper img { margin: 0px; width: 32px; height: 24px; float: left; } .topTenCompanyWrapper .companyTitle { margin: 0px; float: left; padding-top: 5px; padding-left: 5px; color: #444; width: 168px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } .sideTitle { text-shadow: 0 -1px 0 #888; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #39bed0; padding: 3px 6px; margin-top: 10px; margin-bottom: 5px; font-family: 'Lato', sans-serif; font-size: 18px; background: rgb(135,224,253); /* Old browsers */ background: -moz-linear-gradient(top, rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(79,188,221,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,224,253,1)), color-stop(40%,rgba(83,203,241,1)), color-stop(100%,rgba(79,188,221,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(79,188,221,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(79,188,221,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(79,188,221,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(79,188,221,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#4fbcdd',GradientType=0 ); /* IE6-9 */ } .topTenOfferWrapper { color: #555; } .fbCommentsWrapper { margin-top: 20px; } #content_sub .alfabetWrapper { background: #fff; border: 0px none; height 300px; height: auto; } #content_sub #alfabet { float: left; background: #fff; border: 0px none; height: auto; } #content_sub #alfabet li { float: left; padding: 0px; border: 0px; margin-right: 1px; margin-bottom: 1px; } #content_sub #alfabet li a { width: 26px; height: 10px; padding: 8px 0 10px 0; display: block; background: #eee; text-align: center; } #content_sub #alfabet li a:hover { background: #ccc; } #content_sub #findByCategoryAndFilter { margin-top: 10px; float:left; position: relative; width: 100%; } #content_sub #findByCategoryAndFilter select { width: 118px; } #content_sub #findByCategoryAndFilter .categorize_button { position: absolute; top: 0px; right: 0px; } .offerPubDate { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px 0 #888; padding: 3px; padding-right: 5px; font-size: 13px; color: #fff; margin-bottom: 5px; text-align: right; background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZmJjZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(79,188,221,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(79,188,221,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(79,188,221,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(79,188,221,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(79,188,221,1) 100%); /* IE10+ */ background: linear-gradient(left, rgba(255,255,255,1) 0%,rgba(79,188,221,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4fbcdd',GradientType=1 ); /* IE6-8 */ } #fb-root > div { overflow: hidden; } .fbLikeBoxWrapper { margin-top: 5px; padding-top: 85px; min-height: 376px; background: url(/images/fb_background.png) no-repeat; } .fbLikeBoxWrapper .fbLikeBoxInnerWrapper { height: 315px; background: #fff; margin: 0 10px; } .fbLikeBoxWrapper .otherSharing { margin: 5px; margin-top: 8px; height: 45px; position: relative; } .shareViaEmailTrigger { z-index: 50; position: absolute; top: 20px; left: 30px; height: 20px; width: 105px; cursor: pointer; } .shareViaEmailTrigger.lessZIndex { z-index: 40; } .shareViaEmailTriggerOnCompanyList { z-index: 50; position: absolute; top: 0px; left: 0px; height: 20px; width: 105px; cursor: pointer; } .sharePageViaEmailTrigger { z-index: 50; position: relative; margin-right: 5px; float: right; height: 20px; width: 31px; cursor: pointer; background: url(/images/tell_a_friend_button.png) no-repeat; } .shareOfferOnIndexViaEmailTrigger { z-index: 50; position: relative; margin-right: 5px; height: 22px; width: 96px; cursor: pointer; background: url(/images/tip_friend_tipsa_van.png) no-repeat; } .fbLikeBoxWrapper .shareViaEmailWrapper { z-index: 60; bottom: 0px; right: 120px; } .sharePageViaEmailTrigger .shareViaEmailWrapper { bottom: 0px; right: 0px; } .shareOfferOnIndexViaEmailTrigger .shareViaEmailWrapper { bottom: 0px; left: 0px; } .shareViaEmailWrapper { z-index: 40; display: none; box-shadow: 0 0 10px #ccc; color: #444; position: absolute; padding: 10px 20px; border: 1px solid #aaa; background: #FEF1B5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .shareViaEmailWrapper .tipTitle { margin-bottom: 5px; font-size: 15px; color: #444; font-weight: bold; } .shareViaEmailWrapper .tipTitle .close { filter: alpha(opacity=60); /* internet explorer */ -khtml-opacity: 0.6; /* khtml, old safari */ -moz-opacity: 0.6; /* mozilla, netscape */ opacity: 0.6; /* fx, safari, opera */ float: right; width: 20px; height: 20px; background: url(../images/sign_up_close_button.png) no-repeat; cursor: pointer; margin-top: 1px; } .shareViaEmailWrapper .tipTitle .close:hover { filter: alpha(opacity=100); /* internet explorer */ -khtml-opacity: 1; /* khtml, old safari */ -moz-opacity: 1; /* mozilla, netscape */ opacity: 1; /* fx, safari, opera */ } .shareViaEmailWrapper input, .shareViaEmailWrapper textarea { width: 250px; padding: 5px; font-family: verdana; color: #333; } .shareViaEmailWrapper button { width: 54px; height: 25px; background: url(/images/tip_button.png); margin-top: 5px; border: 0px solid; cursor: pointer; } .fbLikeBoxWrapper .otherSharing .googlePlusOne { position: absolute; top: 22px; left: 150px; height: 20px; width: 80px; } .shareThisPage { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #eee; padding: 10px 5px; } .shareThisPage .facebookShare { float: left; } .shareThisPage .googlePlusShare { float: left; margin-left: 20px; } .companyAndOneOfferItem { position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 2px solid #f2f2f2; padding: 10px 5px; margin-bottom: 7px; min-height: 80px; border-bottom: 15px solid #f2f2f2; } .companyAndOneOfferItem div { position: absolute; color: #333; } .companyAndOneOfferItem .companyAndOneOfferImage { top: 15px; left: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 2px solid #f7f7f7; width: 90px; height: 66px; } .companyAndOneOfferItem .companyAndOneOfferTitle { font-weight: bold; top: 8px; left: 110px; width: 400px; white-space: nowrap; overflow: hidden: text-overflow:ellipsis; font-size: 15px; } .companyAndOneOfferItem .companyAndOneOfferTitle a { color: #555; } .companyAndOneOfferItem .companyAndOneOfferExpireDate { color: #666; top: 28px; left: 110px; width: 400px; white-space: nowrap; overflow: hidden: text-overflow:ellipsis; } .companyAndOneOfferItem .companyAndOneOfferSeeAll { color: #666; font-weight: normal; top: 45px; left: 110px; width: 200px; white-space: nowrap; overflow: hidden: text-overflow:ellipsis; font-size: 13px; } .companyAndOneOfferItem .companyAndOneOfferSeeAll a { color: #444; } .companyAndOneOfferItem .getCodeAndWeb { cursor: pointer; top: 67px; right: 8px; width: 130px; height: 25px; background: url(/images/show_code_go_to_web_small.png) no-repeat; white-space: nowrap; overflow: hidden: text-overflow:ellipsis; font-size: 13px; } .companyAndOneOfferItem .goToWeb { cursor: pointer; top: 67px; right: 12px; width: 130px; height: 25px; background: url(/images/go_to_web_small.png) no-repeat; white-space: nowrap; overflow: hidden: text-overflow:ellipsis; font-size: 13px; } .companyAndOneOfferItem .codePlaceholder { top: 67px; right: 140px; width: 130px; height: 25px; background: url(/images/show_code_placeholder_small.png) no-repeat; white-space: nowrap; overflow: hidden: text-overflow:ellipsis; font-size: 13px; } .companyAndOneOfferItem .companyAndOneOfferFacebookWrapper { top: 70px; left: 215px; width: 90px; height: 25px; white-space: nowrap; overflow: hidden: text-overflow:ellipsis; font-size: 13px; } .companyAndOneOfferItem .companyAndOneOfferTellAFriendWrapper { top: 69px; left: 110px; width: 90px; height: 25px; } .companyAndOneOfferItem .companyAndOneOfferTellAFriendWrapper .shareOfferOnIndexViaEmailTrigger .tipTitle { position: static; } .companyAndOneOfferItem .getCodeAndWeb.active { font-size: 12px; height: 20px; background: #f2b32d; padding-left: 5px; padding-top: 5px; text-shadow: 0 1px 0 #eee; } .companyAndOneOfferItem .codePlaceholder.active { font-size: 12px; background: #fff; border: 2px solid #f2b32d; padding-top: 3px; height: 18px; font-weight: bold; text-align: center; } .frontPageHeaderWrapper { display:block; font-size: 13px; color:#333; font-family: 'Gentium Basic', serif; margin-top: 5px; text-shadow: 0 -1px 0 #888; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #39bed0; padding: 3px 6px; margin-top: 10px; margin-bottom: 5px; font-family: 'Lato', sans-serif; background: rgb(135,224,253); /* Old browsers */ background: -moz-linear-gradient(top, rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(79,188,221,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,224,253,1)), color-stop(40%,rgba(83,203,241,1)), color-stop(100%,rgba(79,188,221,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(79,188,221,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(79,188,221,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(79,188,221,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(79,188,221,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#4fbcdd',GradientType=0 ); /* IE6-9 */ } .frontPageHeaderWrapper h1 { font-size: 15px; float: left; } .frontPageHeaderWrapper span { float: right; }