/*
********************************************************************************
=RESET
********************************************************************************
*/

/* Eric Meyer's Reset Reloaded
------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height:1; font-size:11px; color:#000; background:#fff; }
ol, ul { list-style:none; margin-bottom:1em; }
table { border-collapse:collapse; border-spacing:0; margin-bottom:1.4em; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Pangea-specific Reset
------------------------------------------------------------------------- */
strong { font-weight:bold; }
em { font-style:italic; }
a img { border: none; }



body { text-align: center;  }
.wrap { width: 990px; background:#fff url(../img/bg_body.jpg) no-repeat top center; margin:0 auto; text-align:left; min-height: 400px; height: auto !important; height: 400px; }
.wrap2 { width: 922px; margin-left:35px; position:relative;  }

h1 { width:0; height:0; overflow:hidden; }
.message { margin-top:140px; font: normal 16px/22px Verdana; color: #fff; min-height:186px;  height:auto !important; height:186px; width: 460px; }
.message p { margin-bottom:1em; padding-left:4px; }

.brands { position:relative; }
.brands li {
border:1px solid #ccc;
background-color: #fff;
background-color: rgba(255,255,255,0.92);
width: 300px;
height:70px;
position:absolute;
/* -webkit-box-shadow:1px 1px 3px #bbb; */
/* -moz-box-shadow:1px 1px 3px #bbb; */
}
.brands li:before {
content: '';
display: block;
position: absolute;
left: 2px;
top: 2px;
width: 80px;
height: 60px;
background-image: url('/en/common/reskin/css/logos-404page.png');
background-repeat: no-repeat;
}
/* new layout for changed with gemini project: */
.brands li.PY { left:0px; top:0px; }
.brands li.CH { left:0px; top:76px; }
.brands li.QQ { left:0px; top:152px; }
.brands li.DT { left:0px; top:228px; }
.brands li.ES { left:0px; top:304px; }

.brands li.HP { left:306px; top:0px; }
.brands li.HI { left:306px; top:76px; }
.brands li.GI { left:306px; top:152px; }
.brands li.GV { left:306px; top:228px; }
.brands li.HH { left:306px; top:304px; }

.brands li.HT { left:612px; top:0px; }
.brands li.HW { left:612px; top:76px; }
.brands li.UP { left:612px; top:152px; }
.brands li.RU { left:612px; top:228px; }
.brands li.WA { left:612px; top:304px; }


/* update to references to new sprite: */
.brands li.HI:before { background-position: -202px -133px; }
.brands li.PY:before { background-position: -125px -133px; }
.brands li.ES:before { background-position: -477px -133px; }
.brands li.HW:before { background-position: -745px -133px; }
.brands li.WA:before { background-position: 20px -133px; width: 70px; }
.brands li.QQ:before { background-position: -274px -133px; }
.brands li.GI:before { background-position: -547px -133px; }
.brands li.HT:before { background-position: -813px -133px; }
.brands li.HH:before { background-position: -1129px -133px; }
.brands li.CH:before { background-position: -48px -133px; }
.brands li.DT:before { background-position: -342px -133px; }
.brands li.HP:before { background-position: -620px -133px; }
.brands li.GV:before { background-position: -891px -133px; }
.brands li.RU:before { background-position: -685px -133px; width: 70px; }
.brands li.UP:before { background-position: -410px -133px; }


.brands li div { padding:18px 2px 10px 88px; }
.brands li.CH div,
.brands li.PY div,
.brands li.QQ div { padding:10px 2px 10px 90px; }
.brands li h3 { font:bold 12px/16px Verdana; color:#333; }
.brands li p { font:normal 12px/16px Verdana; color:#333; }

/* ie6 and ie7 hack */
* html .brands li { background-color:#fff; }
*+html .brands li { background-color:#fff; }

/* for ie8, was able to to specify background color twice above, and ie8 ignored the second one */