html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, em, font, img, ins, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}
ul { list-style: none;}
.clear {clear:both;margin:0;padding:0;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block; clear:both;}
/* Hide from IE Mac \*/
.clearfix {display:block; clear:both;}
/* End hide from IE Mac */
.right {float:right; padding:0 0 0 10px;}
body {
background: url(xn--code-rduction-ghb.com/background.gif) top left repeat;
font-family: "Lucida Grande", "Helvetica", "Arial", sans-serif;
font-size: 62.5%;
color: #616264;
}
a { color: #616264; text-decoration: none;}
a:hover { color: #FF7405; text-decoration: underline;}
html, body { height: 100%;}
#overall {width: 1070px; margin: 0 auto;}
#container {
float:left;
width: 1090px;
margin: 0 auto;
}
#containerin {
width: 1070px;
margin-left: 20px;
}
#header {
height: 175px;
background: url(xn--code-rduction-ghb.com/bghead.jpg) top left no-repeat;
position: relative;
margin:20px 0 0 0;
}
#title {
height:130px;
left:0;
position:absolute;
width:570px;
}
#title a {
display: block;
width: 570px;
height: 130px;
text-indent: -9999px;
}
h1 {
display: none;
text-indent: -9999px;
}
#boxmenu {
position: absolute;
right: 0;
bottom: 12px;
height: 36px;
padding:0 5px 0 5px;
background: #EEE url(xn--code-rduction-ghb.com/gradient1.gif);
overflow: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#boxmenu a {
display: block;
float: left;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
}
#lang {
position: absolute;
right: 0;
bottom: 54px;
height: 16px;
padding:6px 0 0 6px;
overflow: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#lang a {
display: block;
float: left;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
padding:0 0 0 10px;
}
.lavaLamp { float:left; position: relative; height: 40px; overflow: hidden; margin:5px 0 0 0;}
.lavaLamp li { float: left; list-style: none;}
.lavaLamp li.back { background: url(xn--code-rduction-ghb.com/lava.gif) no-repeat right -30px; width: 9px; height: 30px; z-index: 8; position:absolute;}
.lavaLamp li.back .left { background: url(xn--code-rduction-ghb.com/lava.gif) no-repeat top left; height: 30px; margin-right: 4px;}
.lavaLamp li a { position: relative; overflow: hidden; text-decoration: none; text-transform: uppercase; font: bold 14pxarial; color: #000; outline: none; text-align: center; height: 30px; top: 7px; z-index: 10; letter-spacing: 0; float: left;display: block; margin: auto 10px;}
.lavaLamp li a:hover { color: #fff; outline: none;}
#search {position: relative;}
#search input#testinput_xml {padding:5px 10px 5px 10px; width: 160px; height: 16px; border: -moz-bg-solid; font-size: 1.2em; color: #616264;}
#search .submit {float:right; }
#main {
background: #FFF;
border: 2px solid #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
overflow: hidden;
zoom: 1;
}
#content {
width: 990px;
float: left;
padding: 10px 0 0 0;
}
#contentfx {
width: 1030px;
float: left;
padding: 20px;
}
#sidebar {
width: 236px;
padding: 10px;
margin:20px 20px 0 0;
float: right;
background: #ededed url(xn--code-rduction-ghb.com/gradient2.gif) top repeat-x;
overflow: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display:none;
}
#sidebarhome {
width: 236px;
height:520px;
padding: 10px;
margin:20px 20px 0 0;
float: right;
background: #ededed url(xn--code-rduction-ghb.com/gradient2.gif) top repeat-x;
overflow: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.logo {float: left; margin: 3px 5px 0 0; color:#000;}
#homelogosearch_title h2{font-size:24px;line-height:1.3em;color:#cc6600;font-weight:bold;font-family:Verdana,Arial; text-align:left; }
#homelogosearch_title h2 a{text-decoration:none;color:#5f5f5f;}
#slogan{position:relative;font-size:16px;color:#5f5f5f; font-weight:bold; line-height:1.3em; margin: 10px 0 0 0; text-align:left;}
#homesearchbar {margin: 20px 0 0 0; background: transparent url("xn--code-rduction-ghb.com/homesearchbar.jpg") no-repeat scroll top left; height: 50px; width: 700px;float:left;}
#homemerchantsearch {position: relative;}
#homemerchantsearch .loupe {position: absolute; left: 220px;}
#homemerchantsearch input#testinput_xml {position: absolute; background: transparent url('xn--code-rduction-ghb.com/search_input_bg.gif') no-repeat scroll top left; padding:2px 5px 8px; width: 200px; height: 20px; left: 270px; top: 10px; border: none; font-size: 1.2em; color: #c3b5a8;}
#homemerchantsearch input:focus {color: #4e2700;}
#homemerchantsearch .submit {position: absolute; top: 5px; right: 10px;}
#searchcontainer {width: 989px; margin: 0 auto;}
#searchbar {margin: 10px 0 0 0; background: transparent url("xn--code-rduction-ghb.com/searchbar.jpg") no-repeat scroll top left; height: 50px; width: 989px; float:left;}
#homemerchantsearch .searchtitle {color:#FFFFFF;font-size:1.2em;font-weight:bold;left:25px;margin:0;position:absolute;top:15px;}
#incheader input#testinput_xml {border:none; background:none;width:250px; height:20px;font-size:1em;color:#000; padding:5px 0 0 5px;vertical-align:middle;font-size: 0.8em; }
#textintro {clear:both; padding: 20px 0 20px 0;}
.rbox{
min-height: 97px;
height: auto !important;
height: 97px;
width: 212px;
background: #FFF url(xn--code-rduction-ghb.com/bg-sidebar-box.gif) bottom no-repeat;
margin: 10px 0 12px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 12px;
}
.rbox h2{
font-size: 2em;
line-height: 1em;
font-weight: bold;
color: #5F5F5F;
font-family: Verdana,Arial;
margin-right: -3px;
min-height: 26px;
height: auto !important;
}
.rbox p{
font-size: 1.1em;
line-height: 1.4em;
margin: 0 0 10px 2px;
text-align:justify;
}
.rboxcat {background}
.searchresult { min-height:545px;}
.searchresult p{font-size: 1.4em; padding:10px;}
.boutiques p{font-size: 1.4em; padding:10px;}
#cats {margin: 20px 0 10px 0;
background: #FFF url(xn--code-rduction-ghb.com/mascotte.gif) bottom right no-repeat; }
#cats a{ font-weight:bold; font-size: 1.2em; }
#download {
display: block;
width: 178px;
height: 29px;
margin-left: 2px;
background: url(xn--code-rduction-ghb.com/bookmarklet-link.gif);
margin-bottom: 18px;
font-family: "Helvetica","Arial",sans-serif;
font-size: 1.3em;
font-weight: bold;
line-height: 29px;
padding-left: 29px;
text-transform: uppercase;
color: #FFF;
text-shadow: 1px 1px 1px #888;
}
#download:hover {
text-decoration: none;
color: #333;
}
#cellhome {
/*background: #EDEDED url(xn--code-rduction-ghb.com/bghome.jpg) no-repeat top;*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width:730px;
height:510px;
padding-top:10px;
}
#intro {
color:#000;
font-family:"Helvetica","Arial",sans-serif;
font-size:1.6em;
font-weight:normal;
height:auto !important;
text-align:justify;
line-height:1.2em;
margin:0 20px 0 20px;
min-height:30px;
}
.pub {
float:right;
font-size: 1.6em;
line-height: 1em;
font-weight: bold;
font-style: italic;
text-align:justify;
color: #006EA5;
font-family: "Helvetica", "Arial", sans-serif;
width:300px;
}
#cell {
background: #EDEDED url(xn--code-rduction-ghb.com/gradient2.gif) repeat-x top;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:10px;
}
#cellin, #cellinstall {
overflow: hidden;
zoom: 1;
}
#cellin h2 {
color: #333;
font-family: "Helvetica","Arial",sans-serif;
font-size: 2em;
font-weight: normal;
line-height: 1em;
margin-bottom: 10px;
}
#footer {
float: left;
clear: both;
width:1000px;
font-size: 1.4em;
position: relative;
margin:0 10px 0 0;
}
#footer p {padding:10px 0 0 0;}
#bmenu {background: #fff;
float: left;
height:80px;
line-height: 25px;
padding:20px 0 0 0;
width:1070px;
}
#bmenu a{padding: 0 25px 0 25px; color: #FF7405; font-weight:bold;}
#blogo {
color: #B2B2B2;
float: right;
font-size: 1.2em;
line-height: 25px;
padding: 10px 20px 0 0;
}
.boxes { margin: 0 auto;}
.newsbox { margin: 0 auto; }
.codesbox { margin: 0 auto; }
.rss-popup {
margin: 0 auto;
padding: 0;
width: 361px;
position: relative;
cursor:pointer;
}
span.rss-popup em {
background: url(xn--code-rduction-ghb.com/bubble.png) no-repeat;
width: 185px;
height: 49px;
position: absolute;
top: -110px;
left: 20px;
text-indent: -9999px;
z-index: 2;
display:none;
}
.topmerchant { float: left; width: 330px; height:325px; margin: 0; }
.topmerchant .boxmiddle { padding: 0 10px 6px 10px; }
.news { float: left; width: 635px; margin: 10px 0 0 0; }
.news .newsboxmiddle { padding: 0; }
.codes { float: left; width: 780px; margin: 10px 0 0 0;}
.codes .codesboxmiddle { padding: 0; }
.lastcode { float: right; width: 347px; height:420px; margin-top:-326px; }
.lastcode .boxmiddle { padding: 5px 10px 0px 10px; }
.box {background: url(xn--code-rduction-ghb.com/bg.jpg) top left no-repeat; display: block; width: 1000px; background-color: #fff; text-align: left; margin: 10px 0 5px 0; border: solid 1px #dddddd; font-size: 1.4em;}
.codevalue { font-size: 48pt; color: #747474; font-family: Verdana, Arial; font-weight: bold; margin:0 0 10px 0; }
#codeboxes {display: block; margin: 0px 5px 0px 5px;}
#codeboxes .codebox {float: left; margin: 20px 0 5px 5px; width:180px; text-align:center; }
#codeboxes .centercodebox {float: left; margin: 20px 10px 0 10px; text-align:center; width:560px;}
#codeboxes .lastcodebox {float: right; margin: 20px 0 5px 0; text-align:center;}
#desccode {margin: 0 0 10px 0; }
.code {cursor:pointer; text-decoration:underline; text-align:center; color:#ffe13c; padding-bottom:150px;}
.showcode {cursor:pointer; text-decoration:underline; text-align:center; font-size:20px; color:#c00; margin:0;}
.hiddencode {visibility:hidden; background-color: white; color: black; margin:0; height:0px; cursor:none;}
.merchant {font-size: 12px;color: #616264; font-weight: normal; font-family: Verdana, Arial; text-align:justify; margin:10px 10px 10px 5px;}
.merchantlogo {float:left; valign:top; margin: 0px 10px 0px 10px; cursor:pointer;}
#cellinstall h2 {
clear: both;
color: #333;
font-family: "Helvetica","Arial",sans-serif;
font-size: 2em;
font-weight: normal;
line-height: 1em;
padding-bottom: 10px;
}
#cellinstall p {
font-size: 1.6em;
padding: 10px 8px 10px 0;
line-height:1.5em;
text-align:justify;
}
.title {
clear: both;
color: #333;
font-family: "Helvetica","Arial",sans-serif;
font-size: 2em;
font-weight: normal;
line-height: 1em;
padding-bottom: 20px;
}
.add_firefox a {
width:165px;
display:block;
background:url(xn--code-rduction-ghb.com/add_firefox.png) no-repeat;
font-size:11px;
padding-top:8px;
height:32px;
padding-left:30px;
font-weight:bold;
color:white;
text-decoration:none;
}
.add_firefox {
padding: 10px 0 0 110px;
text-align: center;
}
#install-box {
float: right;
clear: right;
width: 420px;
text-align: center;
border: 1px solid #56a901;
background-color: #b2d789;
padding: 0 0 8px 0;
margin: -40px 0 0 10px;
-moz-border-radius: 10px;
}
.notif-screenshot {
text-align: left;
font-style: italic;
margin: 5px;
}
#title-install-box {
font-size: 15pt;
padding: 10px 0px 8px 0px;
margin-bottom: 10px;
color: White;
background-color: #56a901;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}
#welcome-box {
float: right;
clear: right;
width: 300px;
text-align: center;
border: 1px solid #56a901;
background-color: #b2d789;
padding: 0 0 8px 0;
margin: -30px 0 0 20px;
-moz-border-radius: 10px;
}
#title-welcome-box {
font-size: 15pt;
padding: 10px 0px 8px 0px;
margin-bottom: 10px;
color: White;
background-color: #56a901;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}
#dragtxt {
width:400px;
text-align:center;
font-size: 1.6em;
padding: 10px;
line-height:1.5em;}
ul#hmenu {display: block; list-style:none; margin: 20px 0 0 30px; line-height:1.2em; }
ul#hmenu li{ float: left; list-style: none; padding-right:10px;}
ul#hmenu li a {font-size:1.6em; position: relative; overflow: hidden; text-decoration: none; color: #000; outline: none; text-align: center; height: 20px; top: 7px; z-index: 10; letter-spacing: 0; float: left;display: block; margin: auto 2px;}
ul#hmenu li a:hover {color:#cc6600;text-decoration:underline; }
.opened {cursor:none; color:#000; font-size:0.9em; margin:10px 0 0 25px; padding:5px; width:400px; background-color:#F7F7F7; text-align:justify; text-decoration:none; border:1px solid #ccc;}