/*************************************** SPLASH DIRECT POPUPS ************************************/

/*** RESET STYLES ***/

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, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, select, textarea, 
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;
	font-family: Tahoma, Verdana, Arial, "sans serif";
}
:focus {outline: 0;}
ol, ul {list-style: none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
p {font-weight:normal;}
strong, h1, h2, h3, h4, h5, h6 {font-weight:bold;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal; vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
hr {display:none;}
div.hr {height:1px; clear:both; background-position:0 0; background-repeat:repeat-x;}
legend {display:none;}

/************************************ SETTINGS *****************************************/

body {width:100%; height:100%; background-color:#fff; line-height:1; color:#000;}

.clear {clear:both;} 
.clear0 {height:0px; line-height:0px; clear:both;}
.clear5 {height:5px; line-height:5px; clear:both;}
.clear10 {height:10px; line-height:10px; clear:both;}

.marginRight19 {margin-right:19px;}

/****************************************** CONSTRUCTION ***************************************/

#popContainer {width:500px; height: auto; margin:0 auto; padding-bottom:15px;}

#header {position:relative; width:100%; height:91px; margin:0;}
#header .logo {position:absolute; top:11px; left:0; width:260px; height:49px;}

.buttonContainer {float:right; display:inline; height:26px; background:#e3eef6 url(../img/popups/buttonContainerBg.gif) no-repeat left top; padding:1px 10px 0 38px;}

#popContent {width:100%; height:auto; margin:0; padding-bottom:35px;}

.headerBar {position:relative; width:500px; height:54px; background: url(../img/popups/headerBar.jpg) no-repeat left top; margin-bottom:8px;}
.headerBar h1, .headerBar h2 {color: #fff; font-size: 18px; font-weight: normal; text-indent: 10px; line-height:30px;} 

.placeholder {position:relative; width:460px; height:460px; border:1px solid #dcdcdc; margin:0 auto;}

.description {position:relative; width:460px; margin:0 auto; padding-bottom:1px; clear:both;}
.description h3 {margin-bottom:10px; color:#224e84; font-size:12px; padding-top:7px;}
.description h2 {margin-bottom:5px; color:#606060; font-size:11px;}
.description p {margin-bottom:10px; color:#606060; font-size:11px; line-height:14px;}

.content {position:relative; width:480px; margin:0 auto; padding-bottom:1px;}
.content h2 {margin-bottom:10px; color:#224e84; font-size:12px; padding-top:7px;}
.content h3 {margin-bottom:5px; color:#606060; font-size:11px;}
.content p {margin-bottom:10px; color:#606060; font-size:11px; line-height:14px;}
.content p a {color:#51aae2; font-size:11px; text-decoration:underline;}
.content p a:hover {text-decoration:none;}

#footer {position:relative; clear:both; width:100%; height:74px; background: url(../img/popups/footerBg.gif) no-repeat;}
#footer ul {position: relative; top:5px; text-align:center; width:350px; font-size:10px; margin:0 auto;}
#footer ul li {background: url(../img/footer/linkSep.gif) no-repeat right 3px; display: inline; padding: 0 13px 0 10px; line-height:16px; margin:0;}
#footer ul li.end {background: none;}
#footer ul li.last {padding-right:10px;}
#footer ul li a {color: #fff; font-weight: bold;}
#footer p {position:relative; top:10px; width:400px; text-align: center; margin:0 auto; color: #fff; font-size: 10px; font-weight: normal; line-height:13px;}
#footer p span.vat {margin-right:10px;}