html, body { height: 100%; margin: 0; padding: 0; font-family: Verdana, Arial, Sans-Serif; font-weight: normal; font-size: 11px; line-height: 1.5em; color: #2f2f2f}
body {background-image:url(../../library/media/xtras/bg.gif)}

a {text-decoration: underline; color: #2f2f2f;}
a img {border: none}
div.clear {clear: both}
#mainContainer { width: 906px}
#mainContainer1 { background-color: White; position:relative}
#header { position: relative; height: 69px;	width: 100%}
#languages { position:absolute; right: 21px; top: 25px}
#languages a { margin-left: 3px}
#languages a img { border: 0}
#navigation {background-image:url(../../library/media/xtras/spots/0.jpg); height: 52px;	padding-left: 36px;	padding-top: 39px}
#navigation a img { border: 0}
#content { margin-top: 20px; background:url(../../library/media/xtras/line.gif) repeat-x left top}
#mainContent { position:relative; width: 720px; background:url(../../library/media/xtras/line-down.gif) repeat-y right top}
#contentOptions { width: 158px;	position: absolute;	right: 15px; padding: 10px 0px 0px 28px}
#contentOptions img {margin-bottom: 5px}
#subnav { height: 32px;	background:url(../../library/media/xtras/line.gif) repeat-x left bottom; line-height: 32px;	padding-left: 40px}
#subnav a {vertical-align: middle; padding-right: 35px; text-decoration: none; color: #909090; font-weight: bold}
#subnav a:hover {color: #2f2f2f; text-decoration: none}
#subnav a.selected {color: #2f2f2f; text-decoration: underline}
#subnav a.selected:hover {color: #2f2f2f; text-decoration: underline}
#contentLeft { width: 186px; float: left; padding-top: 40px; padding-left: 42px}
#contentRight { background:url(../../library/media/xtras/line-down.gif) repeat-y left top; margin-left: 228px; padding:40px 40px 35px 35px; min-height: 200px}
#contentOne { padding: 40px 40px 35px 85px;	min-height: 200px}
#contentContact { width: 640px;	padding: 20px 40px 35px 40px; min-height: 200px}
#contactLeft { width: 190px; float: left; padding-top: 10px; padding-left: 10px}
#contentRight { background:url(../../library/media/xtras/line-down.gif) repeat-y left top; margin-left: 228px; padding: 40px 40px 35px 35px; min-height: 200px}
#contactRight { background:url(../../library/media/xtras/line-down.gif) repeat-y left top; margin-left: 235px; padding: 10px 20px 35px 15px; min-height: 200px; text-align: right}
#signupRight { background:url(../../library/media/xtras/line-down.gif) repeat-y left top; margin-left: 200px; padding: 10px 0px 35px 0px; min-height: 200px; position: relative}
#signupRight div.item {position: relative; padding-left: 20px; padding-right: 20px; background:url(../../library/media/xtras/line.gif) repeat-x left bottom}
#signupRight div.noLine {background: none}
#signupRight div.floatLeft {position:absolute; left: -200px; width: 180px; text-align: right;}
#signupRight div.floatLeft h3 {margin-top: 0px}
h1 { font-family: Verdana; font-weight: bold; font-size: 20px; color: #941627; margin: 0; line-height: 1.1em;}
h2 { font-family: Verdana; font-weight: bold; font-size: 14px;}
h3 { font-family: Verdana; font-weight: bold; font-size: 12px; color: #720917}

a.link { font-family: Verdana; font-weight: bold; font-size: 11px; line-height: 1.2em; text-decoration: none; background:url(../../library/media/xtras/link.gif) no-repeat left center; padding-left: 26px; display: block}
#signupRight div.floatLeft a.link {float: right; margin-top: 0.3em;}

div.newsItem{position: relative; width: 100%; overflow: hidden}
div.news {margin-left: 110px; width: 300px}
img.news {float:left}
img.newsLeft  {float: left; margin-right: 10px; margin-bottom: 1em; margin-top: 1em}

h1.news { font-size: 10px; color: Black; margin-bottom: 3px; text-decoration: none}
p.news {color: Black}
div.news p a.link { margin-top: 10px}
h1.contact {margin-left: 10px}
h1.signup {margin-left: 220px}
div.hr { margin: 10px 0px 10px 0px;	height: 1px; background:url(../../library/media/xtras/line.gif) repeat-x left top}
div.hr hr { display: none}
div.download {position: relative}
div.download span {position: absolute; right: 0px; font-weight:bold}
div.download a { padding-left: 37px; background:url(../../library/media/xtras/ulOneIcon.gif) no-repeat left top; text-decoration: none; color: Black; font-weight:bold}
#shadowRight { position: absolute; background-image:url(../../library/media/xtras/shadow_right.png); width: 15px; top: 0px; bottom: 0px; right: -15px}
#footer { width: 921px; height: 41px; font-family: Arial; font-size: 10px; color: white; position: relative; margin-bottom: 10px;}
#footer span { position: absolute; bottom: 0px}
#footer .img { top: 0px; left: 0px}
#footer span a { color: White; text-decoration: none; margin: 0px 8px 0px 8px}
#copyright { left: 36px}
#legallinks { right: 28px}
ul.ulOne { margin: 0px; padding-left: 0px; list-style-type:none}
ul.ulOne li { margin: 0px; padding-left: 37px; background:url(../../library/media/xtras/ulOneIcon.gif) no-repeat left top}
ul.ulOne li ul {margin-top: 10px; list-style-image:url(../../library/media/xtras/ulOneIconSub.gif)}
ul.ulOne li ul li {background: none; padding-left: 0px;}
ul.ulOne li div.hr {margin-left: -37px}

ul.ulOne li ul.icons {list-style-image: none; list-style-type: none; padding: 0;}
ul.ulOne li ul.icons li {background: url(../../library/media/xtras/icons.gif) no-repeat top left; margin-left: 10px; padding-left: 60px; height: 55px; overflow: hidden; width: 200px; padding-top: 12px}
ul.ulOne li ul.icons li.n2 {background-position: 0 -100px}
ul.ulOne li ul.icons li.n3 {background-position: 0 -200px}
ul.ulOne li ul.icons li.n4 {background-position: 0 -300px}
ul.ulOne li ul.icons li.n5 {background-position: 0 -400px}
ul.ulOne li ul.icons li.n6 {background-position: 0 -500px}
ul.ulOne li ul.icons li.n7 {background-position: 0 -600px}
ul.ulOne li ul.icons li.n8 {background-position: 0 -700px}
ul.ulOne li ul.icons li.n9 {background-position: 0 -800px}
ul.ulOne li ul.icons li.n10 {background-position: 0 -900px}
ul.ulOne li ul.icons li.n11 {background-position: 0 -1000px}
ul.ulOne li ul.icons li.n12 {background-position: 0 -1100px}
ul.ulOne li ul.icons li.n13 {background-position: 0 -1200px}
ul.ulOne li ul.icons li.n14 {background-position: 0 -1300px}
ul.ulOne li ul.icons li.n15 {background-position: 0 -1400px}

ul.ulTwo { margin: 0px; padding-left: 0px; list-style-type:none; text-align:right; padding-right: 35px}
ul.ulTwo li { margin: 0px;font-weight: bold; font-size: 12px; color: #720917; margin-bottom: 5px; cursor: pointer }
ul.ulTwo li:hover {text-decoration: underline}

ul.ulThree { margin: 0px; padding-left: 0px; list-style-type:none}
ul.ulThree li { margin: 0px; padding-left: 37px; padding-bottom: 5px}

span.info { display: block; padding-left: 37px; background:url(../../library/media/xtras/info.gif) no-repeat left top; font-size: 12px; font-weight: bold}
div.form { text-align: right}
div.form .vali {text-align: left}
div.form .ohnevali {margin-right: 6px}
div.form input.text, div.form .likeInput { width: 235px; margin-left: 20px; vertical-align: top; margin-bottom: 10px}

div.form span input.button {margin-left: 10px}
div.form textarea { width: 235px; margin-left: 20px; vertical-align: top}
div.form label {font-weight: bold}
div.form span.buttons {display: block; margin-top: 30px}
div.form select {width: 170px; margin-right: 79px; margin-left: 20px; vertical-align: top; margin-bottom: 10px}
table.form {width: 100%; border: none}
table.form td, table.form th
{
	padding: 5px;
	vertical-align: top;
	text-align: left
}
table.form td.label {padding-top: 10px; width: 150px; text-align: right; padding-right: 10px; font-weight: bold;}
table.form td.field input.text { width: 225px}
table.form th {font-weight: bold; padding-top: 20px; font-size: 14px;}
table.form td.labelRow {text-align: left; padding-right: 20px; font-weight: bold; padding-bottom: 5px}

table.form tr.caption {background:url(../../library/media/xtras/line.gif) repeat-x left bottom}

table.form table td {padding: 5px; margin: 5px; text-align: center; border: none}
table.form table td.label {width: 100px; text-align: center}
table.form table tr {background:url(../../library/media/xtras/line.gif) repeat-x left bottom}

@media print {
	#navigation, #contentOptions, #footer .img, #legallinks {display: none;}
}
