html, body {
	height: 100%
}

body {
	background-image: url("/layout/suomivippi/images/bg.jpg");
	background-repeat: repeat-x;
	background-color: #FFFCF5;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #524625;
	font-family: Arial, Verdana, Tahoma, Times;
	font-size: 12px;
        line-height: 1.4;
}

h1, h2, h3 {
	margin: 0;
	padding-bottom: 15px;
}

p {
	margin: 0;
	padding-bottom: 12px;
}

ul {
	margin-top: 0;
	padding-left: 15px;
        padding-bottom: 6px;
}

ul li {
	list-style-image: url("/layout/suomivippi/images/bullet.png");
        padding-bottom: 6px;
}

button {
        border: none;
        padding: 0;
        cursor: pointer;
}

button#submit {
        float: right;
        background: none;
}

.sidebarbluegradient ul li {
        list-style-image: url("/layout/suomivippi/images/bullet2.png");
}

a img {
	border: none;
}

.wrap {
    min-height: 100%;
}

.main {
	overflow: auto;
    padding-bottom: 167px;
}

.top {
	height: 122px;
	width:974px;
	margin: 0 auto;
}

.topleft {
	float: left;
}

.logo {
	float: left;
	width: 192px;
	height: 73px;
	margin-left: 60px;
	margin-top: 26px;
}

.topright {
	float: right;
}

.topnavi {
	float: right;
	margin-right: 50px;
	padding-top: 15px;
}

.mainnavi {
	float: right;
	padding-right: 32px;
	padding-top: 31px;
	position: relative;
	z-index: 3;
}

.navi {
	float: left;
	height: 47px;
	background-image: url("/layout/suomivippi/images/navibg.jpg");
	background-repeat: repeat-x;
}

a.naviItem {
	padding-left: 9px;
	margin-top: 6px;
	display: inline-block;
}

a.active {
	background-image: url("/layout/suomivippi/images/navihoverleft.jpg");
	background-repeat: no-repeat;
}

a.naviItem span {
	padding-right: 9px;
	display: inline-block;
        position: relative;
}

a.active span {
	background-image: url("/layout/suomivippi/images/navihoverright.jpg");
	background-repeat: no-repeat;
	background-position: right top;
        position: relative;
}

a.naviItem span span {
        height: 26px;
        padding: 15px 1px 0 0;
}

a.active span span {
         background-image: url("/layout/suomivippi/images/navihoverbg.jpg");
         background-position: center top;
         background-repeat: repeat-x;
}

a.first {
	margin-left: -9px;
}

a.last {
	margin-right: -10px;
}

.loanbox {
	width: 974px;
	height: 396px;
	margin-top: 30px;
	margin: 0 auto;
	background-image: url("/layout/suomivippi/images/headerbg.png");
	background-repeat: no-repeat;
	margin-top: -7px;
	position: relative;
	z-index: 2;
}

.loanboxcontent {
	width: 517px;
	margin-left: 53px;
	padding-top: 170px;
}

.loanslider {
	width: 288px;
	float: left;
	height: 28px;
	background-image: url("/layout/suomivippi/images/sliderbg.jpg");
	background-repeat: no-repeat;
}

.time {
	float: left;
}

.time .radio {
	float: left;
	width: 41px;
	padding-left: 17px;
	height: 15px;
        padding-top: 3px;
}

.time .selected {
	background-image: url("/layout/suomivippi/images/inputbg.jpg");
	background-repeat:  no-repeat;
}

.time .disabled {
	background-image: url("/layout/suomivippi/images/inputbg_disabled.jpg");
	background-repeat:  no-repeat;
	color: #91C1D0;
}

.slidercontent {
	float: left;
	background-image: url("/layout/suomivippi/images/slidercontentbg.png");
	background-repeat: no-repeat;
	width: 288px;
	height: 131px;
	padding: 25px 20px 23px 21px;
}

.loanamount {
	width: 110px;
	float: right;
	height: 33px;
	padding-top: 16px;
	text-align: center;
	background-image: url("/layout/suomivippi/images/loanamountbg.jpg");
	background-repeat: no-repeat;
}

.loaninfo {
	width: 129px;
	float: right;
	height: 112px;
	background-image: url("/layout/suomivippi/images/loaninfobg.jpg");
	background-repeat: no-repeat;
	padding: 15px 20px 0 20px;
}

.boxName {
	float: left;
	padding-top: 2px;
}

.item {
	float: right;
	padding-top: 2px;
	width: 38px;
	text-align: right;
}

.button {
	padding-top: 14px;
}

.inner .button {
	padding-top: 18px;
}

/* SLIDER */

.ui-slider  {
	text-decoration: none !important;
	margin-top: 5px;
	width: 270px;
	height: 15px;
	position: relative; 
	text-align: left;
	margin-left: 10px;
}
.ui-slider .ui-slider-handle  {
	overflow: visible !important;
	position: absolute; 
	z-index: 2; 
	width: 17px; 
	height: 33px; 
	cursor: default; 
	background-image: url("/layout/suomivippi/images/handlebg.png");
	background-repeat: no-repeat;
	top: -14px;
	margin-left: -10px;
}

.ui-slider ol, .ui-slider li, .ui-slider dl, .ui-slider dd, .ui-slider dt {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ui-slider li span.ui-slider-label, .ui-slider dd span.ui-slider-label {
	display: none;
}

/* FRONTCONTENT */

.frontcontent {
	width:956px;
	margin: 0 auto;
	position: relative;
	margin-top: -13px;
	padding-bottom: 15px;
}

.frontleft {
	width: 575px;
	background-image: url("/layout/suomivippi/images/frontleft.jpg");
	background-repeat: no-repeat;
	min-height: 141px;
	_height: 141px;
	float: left;
}

.frontleftcontent {
	padding: 25px 50px;
}

.frontleftcontent img {
	padding-bottom: 15px;
}

.scrollingnews {
        width: 491px;
        height: 31px;
        background-image: url("/layout/suomivippi/images/newsbg.jpg");
	background-repeat: no-repeat;
        margin-bottom: 20px;
}

ul.marquee {
        display: block;
        height: 31px;
        line-height: 1;
        list-style: none outside none;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 491px;
}

ul.marquee li {
        display: block;
        font: 12px Arial,Helvetica,sans-serif;
        left: 0;
        color: #FFF;
        position: absolute;
        top: -999em;
        width: 471px;
        list-style-image: none;
        padding-top: 7px;
        padding-left: 20px;
}

ul.marquee li a {
        color: #FFF;
        text-decoration: none;
}

.newsdate {
        font-weight: bold;
}

.frontright {
	width: 381px;
	background-image: url("/layout/suomivippi/images/frontright.jpg");
	background-repeat: no-repeat;
	float: left;
}

.rightboxes {
	width: 348px;
	margin: 0 auto;
}

.sidebartop { 
	position: relative; 
	z-index: 4;
	margin-top: -25px;
}

.sidebar {
	background-image: url("/layout/suomivippi/images/sidebarbg.png");
	background-repeat: repeat-y;
	position: relative; 
	z-index: 4;
}

.sidebartopgradient {
	background-image: url("/layout/suomivippi/images/sidebartopgradient.jpg");
	background-repeat: no-repeat;
	min-height: 105px;
	_height: 105px;
	width: 292px;
	margin: 0 auto;
	padding: 0 20px 20px 20px;
}

.sidebarbluetop {
	width: 332px;
	margin: 0 auto;
}

.sidebarblue {
	background-image: url("/layout/suomivippi/images/sidebarbluebg.jpg");
	background-repeat: repeat-y;
	width: 332px;
	margin: 0 auto;
}

.sidebarbluegradient {
	background-image: url("/layout/suomivippi/images/sidebarbluegradient.jpg");
	background-repeat: no-repeat;
	min-height: 130px;
	_height: 130px;
	width: 292px;
	margin: 0 auto;
	padding: 5px 20px;
}

/* MAINCONTENT */

.maincontent {
	width:974px;
	margin: 0 auto;
}

.left {
	float: left;
	width:585px;
	background-image: url("/layout/suomivippi/images/bodytop.png");
	background-repeat: no-repeat;
	min-height: 437px;
	_height: 437px;
	margin-top: -7px;
	position: relative;
    z-index: 2;
}

.leftcontent {
	padding: 60px 58px 0 58px;
	padding-bottom: 15px;
}

.right {
	float: left;
	width: 389px;
	margin-top: -7px;
	position: relative;
    z-index: 2;
}

.innerloanbox {
	background-image: url("/layout/suomivippi/images/innerloanbox.png");
	background-repeat: no-repeat;
	height: 359px;
	padding-left: 27px;
	padding-top: 30px;
	padding-right: 34px;
	position: relative;
	z-index: 3;
}

.inner .loaninfo {
	float: left;
	margin-top: 18px;
}

.innersidebar {
	width: 389px;
	background-image: url("/layout/suomivippi/images/innersidebar.jpg");
	background-repeat: no-repeat;
	min-height: 180px;
	_height: 180px;
	margin-top: -20px;
	padding-top: 30px;
	padding-bottom: 15px;
}

.innerbox {
	width: 346px;
	margin: 0 auto;
}

.innerboxbg {
	background-image: url("/layout/suomivippi/images/innerboxbg.png");
	background-repeat: repeat-y;
}

.innerboxcontent {
	background-image: url("/layout/suomivippi/images/innerboxgradient.jpg");
	background-repeat: no-repeat;
	min-height: 65px;
	_height: 65px;
	padding-left: 30px;
	padding-right: 30px;
}

/* Footer */

.footer {
	clear: both;
    height: 167px;
    margin: -167px auto 0;
    position: relative;
    width: 974px;
}

.logos {
	background-image: url("/layout/suomivippi/images/logobg.jpg");
	background-repeat: no-repeat;
	height: 102px;
	padding: 20px 47px 0 47px;
}

.logos img {
	padding-right: 11px;
}

.info {
	background-image: url("/layout/suomivippi/images/infobg.jpg");
	background-repeat: no-repeat;
	height: 27px;
	padding: 18px 60px 0 60px;
}

.infolinks {
	float: left;
}

.info p {
    padding-bottom: 0;
}

.suomivippi {
	float: right;
}


/* Texts */

.richtext, .plaintext, .forum {
    font-family: Arial, Verdana, Tahoma, Times;
    font-size: 12px;
}

td, .debug {
    font-family: Arial, Verdana, Tahoma, Times;
    font-size: 12px;
}

input, select, textarea {
    font-family: Arial, Verdana, Tahoma, Times;
    font-size: 12px;
}

.jalustaC1 {
    color: #000;
}

a, a:visited {
	color: #0099CC;
}

a:hover, a:active {
	text-decoration: none;
}

.topnavi a, .topnavi a:visited {
	font-size: 11px;
	color: #FFF;
	border-bottom: 1px solid #66A6BB;
	text-decoration: none;
}

.topnavi a:hover, .topnavi a:active {
	border-bottom: none;
}

.mainnavi a {
	text-decoration: none;
}

a.naviItem span span {
        color: #FFFFFF;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 15px;
	cursor: pointer;
	text-decoration: none !important;
        text-transform: uppercase;
}

a.active span span {
        font-weight: bold;
}

.time {
	color: #00789F;
}

.time h3 {
	font-weight:  normal;
	color: #524625;
	font-size: 17px;
}

input.disabled {
	color: #7AB6C8;
}

.slidercontent {
	font-family: "DejaVu Sans";
}

.slidercontent h2 {
	font-size: 25px;
	font-weight: normal;
}

.loanamount {
	color: #FFF;
	font-size: 22px;
}

.frontleftcontent h2 {
	color: #0099CC;
	font-size: 20px;
	font-weight: normal;
}

.sidebartopgradient h1, .innerboxcontent h1 {
	color: #0099CC;
	font-size: 20px;
        font-weight: normal;
}

.sidebarbluegradient {
	color: #FFF;
}

.sidebarbluegradient h1 {
	color: #DCD8D2;
	font-size: 20px;
        font-weight: normal;
}

.body h1 {
	font-size: 35px;
	font-weight: normal;
	font-family: "DejaVu Sans";
}

.body h2 {
	font-size: 20px;
	color: #0099CC;
	font-weight: normal;
}

.body h3 {
        font-weight: normal;
        font-size: 14px;
}

.logos, .logos .richtext, .logos td {
	color: #999999;
	font-size: 11px;
}

.info {
	color: #FFF;
	font-size: 11px;
}

.info a, .info a:visited {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #66ADC4;
}

.info a:hover, .info a:active {
	border-bottom: none;
}

.sidebarbluegradient a, .sidebarbluegradient a:visited {
        color: #FFF;
}





.clearDiv {
    clear: both;
    line-height: 0px;
    font-size: 1px;
    overflow: hidden;
    height: 1px;
    margin-bottom: -1px;
    width: 1px;
}