html {
overflow-y: scroll;
}
body, #webpage {
margin:10px 0px;
padding:0px;
position:relative;
top:0px;
left:0px;
background:rgb(34,34,34);
color:rgb(214,214,214);
font-size:14px;
font-family:Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, a {
color:rgb(225,225,225);
text-decoration:none; /* temp */
}
a:focus {
outline:none;
}
a i span abbr, a abbr {
border-bottom:none;
}
h1 {
margin-top:20px;
color:rgb(235,235,235);
font-size:24px;
}
h2 {
font-size:20px;
}
h3 {
font-size:17px;
}
h4, h5, h6 {
font-size:15px;
}
h2, h3, h4, h5, h6 {
margin:35px 0px 0px;
}
p {
color:rgb(195,195,195);
}
header {
width:850px;
height:200px;
background:url('map.png');
background-repeat:no-repeat;
background-position:right top;
}
header a span.name {
font-size:44px;
color:rgb(91,149,207);
}
header a:hover span.name {
color:rgb(123,169,216);
}
header a span.name span.sname {
color:rgb(165,165,165);
}
header a:hover span.name span.sname {
color:rgb(185,185,185);
}
header a span.service {
position:relative;
top:-5px;
left:2px;
letter-spacing:1px;
color:rgb(125,125,125);
font-size:13px;
}
header a:hover span.service {
color:rgb(145,145,145);
}
header a span.service span {
margin-top:5px;
font-size:12px;
}
.languages {
position:absolute;
font-size:14px;
top:10px;
right:15px;
}
nav {
margin:7px 0px 5px;
}
nav a {
border:1px solid rgb(30,30,30);
border-radius:2px;
background:rgba(70,84,96,0.8);
padding:5px 8px;
color:rgb(200,200,200);
font-size:15px;
box-shadow:1px 1px 1px rgb(70,70,70);
}
nav a:hover {
border:1px solid rgb(30,30,30);
background:rgba(70,84,96,1);
color:rgb(220,220,220);
box-shadow:1px 1px 3px rgb(50,50,50);
}
div#breadcrumbs {
color:rgb(125,125,125);
font-size:11px;
padding:0px 0px 5px;
}
div#breadcrumbs a {
color:rgb(125,125,125);
}
#webpage {
width:850px;
background:url('texture.png') rgba(214,214,214,0.125);
border:1px solid rgb(18,18,18);
border-radius:2px;
outline:1px solid rgb(42,42,42);
margin:0px auto;
padding:10px 10px 105px;
min-height:450px;
}
#content {
}
article {
line-height:133%;
min-height:200px;
}
article a:hover {
text-decoration:underline;
}
footer {
position:absolute;
bottom:5px;
text-align:center;
width:850px;
font-size:11px;
color:rgb(125,125,125);
border-top:1px solid rgb(42,42,42);
padding:10px 0px 5px;
line-height:20px;
}
footer a {
color:rgb(125,125,125);
}
.countries a, .countries {
color:rgb(145,145,145);
}
.countries a {
font-size:12px;
margin:0px 4px;
}
.map {
position:absolute;
display:inline-block;
width:18px;
height:26px;
background: url('pointer-a.png');
background-size:18px 26px;
cursor:pointer;
opacity:0.8;
}
.map:hover {
background: url('pointer.png');
background-size:18px 26px;opacity:1;
}
header .germany, header .italy, header .france, header .denmark, header .spain, header .switzerland, header .ireland, header .sweden, header .norway, header .ireland, header .austria {
background: url('pointer.png');background-size:18px 26px;opacity:0.8;
}
header .germany:hover, header .italy:hover, header .france:hover, header .denmark:hover, header .spain:hover, header .switzerland:hover, header .ireland:hover, header .sweden:hover, header .norway:hover, header .ireland:hover, header .austria:hover {
background: url('pointer-o.png');background-size:18px 26px;opacity:1;
}
.belgiumm:before {
content:"Belgium";
position:absolute;
top:-15px; /* value = - border-top-width - border-bottom-width */
left:50px; /* controls horizontal position */
border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#f3961c transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}
.albania {
top:150px;
left:670px;
z-index:6;
}
.andorra {
top:143px;
left:570px;
z-index:4;
}
.armenia {
top:129px;
left:812px;
z-index:3;
}
.austria {
top:117px;
left:627px;
z-index:3;
}
.azerbaijan {
top:113px;
left:810px;
z-index:2;
}
.belarus {
top:100px;
left:690px;
z-index:3;
}
.belgium {
top:107px;
left:585px;
z-index:3;
}
.bosnia_and_herzegovina {
top:140px;
left:660px;
z-index:5;
}
.bulgaria {
top:137px;
left:707px;
z-index:4;
}
.croatia {
top:140px;
left:655px;
z-index:4;
}
.cyprus {
top:170px;
left:760px;
z-index:2;
}
.czech_republic {
top:116px;
left:642px;
z-index:2;
}
.denmark {
top:72px;
left:618px;
z-index:3;
}
.estonia {
top:60px;
left:675px;
z-index:3;
}
.finland {
top:45px;
left:670px;
z-index:2;
}
.france {
top:125px;
left:575px;
z-index:3;
}
.georgia {
top:117px;
left:793px;
z-index:2;
}
.germany {
top:100px;
left:625px;
z-index:2;
}
.gibraltar {
top:173px;
left:522px;
z-index:3;
}
.greece {
top:165px;
left:690px;
z-index:5;
}
.guernsey {
top:109px;
left:556px;
z-index:3;
}
.hungary {
top:125px;
left:655px;
z-index:3;
}
.iceland {
top:15px;
left:538px;
z-index:2;
}
.ireland {
top:80px;
left:540px;
z-index:3;
}
.isle_of_man {
top:80px;
left:555px;
z-index:2;
}
.italy {
top:155px;
left:640px;
z-index:3;
}
.jersey {
top:106px;
left:562px;
z-index:2;
}
.kosovo {
top:144px;
left:674px;
z-index:3;
}
.latvia {
top:75px;
left:672px;
z-index:3;
}
.liechtenstein {
top:123px;
left:613px;
z-index:2;
}
.lithuania {
top:87px;
left:677px;
z-index:4;
}
.luxembourg {
top:110px;
left:595px;
z-index:3;
}
.republic_of_macedonia {
top:152px;
left:678px;
z-index:4;
}
.malta {
top:176px;
left:628px;
z-index:2;
}
.moldova {
top:105px;
left:715px;
z-index:4;
}
.monaco {
top:140px;
left:600px;
z-index:5;
}
.montenegro {
top:139px;
left:666px;
z-index:3;
}
.netherlands {
top:98px;
left:595px;
z-index:2;
}
.norway {
top:50px;
left:615px;
z-index:2;
}
.poland {
top:95px;
left:650px;
z-index:2;
}
.portugal {
top:160px;
left:513px;
z-index:2;
}
.romania {
top:125px;
left:710px;
z-index:3;
}
.russia {
top:60px;
left:750px;
z-index:2;
}
.san_marino {
top:127px;
left:630px;
z-index:4;
}
.serbia {
top:140px;
left:680px;
z-index:2;
}
.slovakia {
top:115px;
left:665px;
z-index:2;
}
.slovenia {
top:130px;
left:642px;
z-index:4;
}
.spain {
top:160px;
left:540px;
z-index:2;
}
.sweden {
top:55px;
left:645px;
z-index:2;
}
.switzerland {
top:125px;
left:605px;
z-index:4;
}
.turkey {
top:155px;
left:735px;
z-index:2;
}
.ukraine {
top:98px;
left:725px;
z-index:2;
}
.united_kingdom {
top:93px;
left:573px;
z-index:2;
}
.vatican_city {
top:149px;
left:632px;
z-index:2;
}
h3.none {
margin:0px;
padding:0px 0px 4px;
font-size:12px;
border-bottom:1px dotted rgb(151,151,151);
}
p.none {
margin:2px 0px;
font-size:10px;
}
table.offer, table.offer tr, table.offer tr td {
position:relative;
padding:0px;
margin:0px;
border-collapse:seperate;
border-spacing:5px;
}
table.offer tr td:first-child {
padding:0px;
}
table.offer tr td:last-child {
padding:0px 0px 0px 0px;
}
table.offer tr td h3 {
padding:0px;
margin:0px;
margin-bottom:5px;
}
table.offer tr td a img {
width:130px;
margin:0px 0px 10px;
padding:2px;
background:rgba(214,214,214,0.18);
border:1px solid rgb(41,41,41);
border-radius:2px;
}
table.offer tr td a span.name {
position:absolute;
display:inline-block;
width:130px;
height:26px;
background:rgba(0,0,0,0.5);
font-size:16px;
line-height:26px;
text-align:center;
color:rgba(234,234,234,0.95);
}
table.offer tr td a span.dbl {
height:36px;
background:rgba(0,0,0,0.5);
font-size:16px;
line-height:18px;
}
table.offer tr td a {
position:relative;
}
table.offer tr td a span.name {
bottom:16px;
left:3px;
}
.country {
height:140px;
}
table.offer tr td a img:hover {
background:rgba(255,255,255,0.18);
}
/* 000000000000000000000000000 */
table.cinfo {
float:right;
width:300px;
border:1px solid rgb(42,42,42);
border-top:none;
margin:0px 0px 20px 30px;
padding:5px;
margin-top:-76px;
border-bottom-left-radius:5px;
background:rgba(214,214,214,0.125);
color:rgb(170,170,170);
position:relative;
}
table.cinfo tr td:first-child {
width:150px;
}
table.cinfo tr:first-child td {
text-align:center;
font-weight:900;
color:rgb(214,214,214);
}
aside.ctabs {
margin-top:-23px;
line-height:100%;
text-align:right;
}
aside.ctabs a {
background:url('tab-back.png');
padding:5px 12px;
color:rgb(150,150,150);
box-shadow:2px 2px 3px rgba(40,40,40,0.2);
text-shadow:none;
border-radius:0px 2px 2px 0px;
}
aside.ctabs a.active {
background:url('tab-back-a.png');
box-shadow:2px 2px 2px rgba(0,0,0,0.2);
color:rgb(170,170,170);
border-bottom:none;
text-shadow:2px 2px rgba(50,50,50,0.4);
}
aside.ctabs a:hover {
background:url('tab-back-o.png');
color:rgb(220,220,220);
box-shadow:3px 3px 3px rgba(0,0,0,0.2), 2px 2px 8px rgba(140,140,140,0.2) inset;
}
.cstats {
color:rgb(140,140,140);
}
.divider {
clear:both;
display:inline-block;
height:1px;
width:850px;
border-bottom:1px solid rgb(42,42,42);
margin-top:40px;
}
.special {
text-align:center;
text-shadow:0px 0px 15px rgba(255,255,255,0.4);
margin-top:-27px;
}
.fclist, .sclist {
list-style-type:circle;
}
.fclist li, .sclist li {
padding:3px 0px;
}
.fclist {
float:left;
margin-top:20px;
}
.sclist {
float:left;
margin-top:20px;
}
.tclist {
transform:skew(0deg,190deg);
box-shadow:0px 0px 10px rgb(255,255,255) inset;
float:left;
position:relative;
margin-top:30px;
margin-left:30px;
width:200px;
height:200px;
}
.flag {
height:40px;
position:absolute;
top:0px;
left:30px;
border:1px solid rgb(0,0,0);
}
.minimap {
width:200px;
height:200px;
position:relative;
border:1px solid rgb(0,0,0);
outline:1px solid rgb(225,225,225);
}
.extiiioo {
height:200px;
width:1px;
display:inline-block;
}
/* ================================== Web form ================================== */
aside.formfields {
border-top:1px solid rgb(42,42,42);
margin-top:10px;
}
table.form {
height:110px;
position:relative;
left:-3px;
}
table.form tr td {
margin:0px;
padding:1px;
}
table.form tr td, table.form tr td input {
width:200px;
}
table.form tr td:first-child, table.form tr td:first-child textarea {
width:424px;
}
table.form tr td:last-child, table.form tr td:last-child input {
height:73px;
}
table.form tr td:last-child input {
margin:-3px 0px 0px;
}
table.form tr td:nth-child(2) {
padding-left:3px;
}
table.form textarea {
resize:none;
height:68px;
}
table.form textarea, input.email, input.name {
display:inline-block;
padding:2px;
}
input.email, input.name {
height:23px;
padding-left:3px;
}
input.email {
margin:-2px 2px 4px 0px;
}
input.affair, input.email, input.name, textarea {
border:1px solid rgb(65,65,65);
border-top:1px solid rgb(95,95,95);
border-radius:3px;
background:rgb(31,31,31);
color:rgb(240,240,240);
display:inline-block;
line-height:30px;
padding:5px;
font-size:16px;
font-family:Arial,sans-serif;
}
input.affair:hover, input.email:hover, input.name:hover, textarea:hover {
box-shadow:0px 1px 2px rgb(80,80,80) inset;
border:1px solid rgb(130,130,130);
border-top:1px solid rgb(136,136,136);
}
input.affair:focus, input.email:focus, input.name:focus, textarea:focus {
box-shadow:0px 1px 2px rgb(11,11,11) inset;
border:1px solid rgb(77,144,254);
}
input.send {
font-size:20px;
background-color:rgb(77,144,254);
background-image:linear-gradient(center top, rgb(77,144,254),rgb(71,135,237));
background-image:-moz-linear-gradient(center top, rgb(77,144,254),rgb(71,135,237));
background-image:-o-linear-gradient(center top, rgb(77,144,254),rgb(71,135,237));
background-image:-webkit-linear-gradient(center top, rgb(77,144,254),rgb(71,135,237));
background-image:-ie-linear-gradient(center top, rgb(77,144,254),rgb(71,135,237));
border:1px solid rgb(99,153,254);
color:rgb(255,255,255) !important;
border-radius:2px;
height:29px;
line-height:29px;
min-width:54px;
padding:0px 8px;
}
input.send:hover {
background-color:rgb(77,144,254);
background-image:-moz-linear-gradient(center top, rgb(77,144,254),rgb(53,122,232));
border:1px solid rgb(120,167,254);
}
input.send:active {
box-shadow:0px 0px 5px rgba(215,215,215,0.6) inset;
}
aside.formfieldsupper {
margin:70px 0px 0px;
opacity:0.7;
font-size:0.6em;
float:left;
}
aside.formfieldsupper table.formupper {
height:130px;
position:relative;
}
aside.formfieldsupper table.formupper tr td {
margin:0px;
padding:1px;
}
aside.formfieldsupper table.formupper tr td, aside.formfieldsupper table.formupper tr td input {
width:150px;
}
aside.formfieldsupper table.formupper tr td:first-child, aside.formfieldsupper table.formupper tr td:first-child textarea {
width:285px;
}
aside.formfieldsupper table.formupper tr td:last-child, aside.formfieldsupper table.formupper tr td:last-child input {
height:16px;
line-height:16px;
}
aside.formfieldsupper table.formupper tr td input.send {
position:relative;
height:40px;
width:160px;
top:1px;
}
aside.formfieldsupper table.formupper tr td:last-child input {
margin:1px;
}
aside.formfieldsupper table.formupper tr td:nth-child(2) {
padding-left:3px;
}
aside.formfieldsupper table.formupper textarea {
resize:none;
height:82px;
}
aside.formfieldsupper table.formupper textarea, aside.formfieldsupper input.email, aside.formfieldsupper input.name {
display:inline-block;
padding:2px;
}
aside.formfieldsupper input.email, aside.formfieldsupper input.name {
height:24px;
padding-left:0px;
}
aside.formfieldsupper input.email {
margin:-2px 2px 4px 0px;
}
aside.formfieldsupper input.affair, aside.formfieldsupper input.email, aside.formfieldsupper input.name, aside.formfieldsupper textarea {
border:1px solid rgb(65,65,65);
border-top:1px solid rgb(95,95,95);
border-radius:3px;
background:rgb(31,31,31);
color:rgb(170,170,170);
display:inline-block;
line-height:30px;
padding:5px;
font-size:14px;
font-family:Arial,sans-serif;
}
aside.formfieldsupper input.affair:hover, aside.formfieldsupper input.email:hover, aside.formfieldsupper input.name:hover, aside.formfieldsupper textarea:hover {
box-shadow:0px 1px 2px rgb(80,80,80) inset;
border:1px solid rgb(130,130,130);
border-top:1px solid rgb(136,136,136);
}
aside.formfieldsupper input.affair:focus, aside.formfieldsupper input.email:focus, aside.formfieldsupper input.name:focus, aside.formfieldsupper textarea:focus {
box-shadow:0px 1px 2px rgb(11,11,11) inset;
border:1px solid rgb(77,144,254);
}
aside.formfieldsupper input.send {
font-size:20px;
background-color:rgb(221,70,58);
background-image:linear-gradient(center top, rgb(221,70,58),rgb(255,77,66));
background-image:-moz-linear-gradient(center top, rgb(221,70,58),rgb(255,77,66));
background-image:-o-linear-gradient(center top, rgb(221,70,58),rgb(255,77,66));
background-image:-webkit-linear-gradient(center top, rgb(221,70,58),rgb(255,77,66));
background-image:-ie-linear-gradient(center top, rgb(221,70,58),rgb(255,77,66));
border:1px solid rgb(227,137,121);
color:rgb(245,243,234) !important;
border-radius:2px;
height:29px;
line-height:29px;
min-width:60px;
padding:0px 8px;
}
aside.formfieldsupper input.send:hover {
background-color:rgb(77,144,254);
background-image:-moz-linear-gradient(center top, rgb(77,144,254),rgb(53,122,232));
border:1px solid rgb(120,167,254);
}
aside.formfieldsupper input.send:active {
box-shadow:0px 0px 5px rgba(215,215,215,0.6) inset;
}