#frontpagecontent {
	background: transparent url('img/bg_flash.jpg') no-repeat left top;
}

* {
	font-family: Arial, Helvetica, sans-serif;
}

html {
  overflow: scroll;
}

BODY, TD, DIV {
	font-size: 12px;
}

BODY {
	background: #fff;
	margin: 0px 0px 15px 0px;
	text-align: center;
}

FORM {
	margin: 0px;
}

H1, H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
H2 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}
A {
	color: #000;
	text-decoration: underline;
}
A:hover {
	color: #DC002E;
	text-decoration: underline;
}
A.more {
	color: #000;
	text-decoration: none;
	background: transparent url('img/bg_a_more.gif') no-repeat right 2px;
	padding: 0px 23px 0px 0px;
}
A.more:HOVER {
	color: #DC002E;
	text-decoration: underline;
}
a.fpbanner,
a.fpbanner:visited {
	background: #868689 url('img/nosto_a.gif') no-repeat left top;
	border-left: 1px solid #fff;
	display: block;
}
a.fpbanner:hover {
	background-position: left -110px;
}
.red {
	color: #DC002E;
}
.faded {
	color: #868689;
}

TABLE {
	border: none;
}
TABLE TD {
	border: none;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}

.usercontent IMG {
	margin: 10px;
}

.logo-image {
	/* logon ympärillä oltava valkoista puolet logon korkeudesta (2009-04-22 28px) */
	padding: 20px 28px 15px 0px;
	padding: 28px 28px 15px 0px;
}

#header {
	background-color: #fff;
}

#pagecontainer {
	margin: 0px auto;
	position: relative;
	text-align: left;
	width: 888px;
	z-index: 101;
}
#pagecontainerframe {
	background: #fff url('img/pageframe_middle.gif') repeat-y left top;
	margin: 0px auto;
	position: relative;
	width: 988px;
}
#pagecontainerframe-top {
	background: transparent url('img/pageframe_top.gif') no-repeat left top;
	min-height: 500px;
	position: relative;
	z-index: 100;
}
#pagecontainerframe-bottom {
	background: transparent url('img/pageframe_bottom.gif') no-repeat left bottom;
	padding-bottom: 17px;
}
#pagecontainerframe-top DIV {
	text-align: left;
}

#pagecontainerpopup {
	width: 515px;
}
#pagecontainerframepopup {
	background: #f3f3f3;
	border: 11px solid #c5c5c5;
	border-top: none;
	margin: 0px auto;
	position: relative;
	text-align: left;
	width: 535px;
}
#pagecontainerpopupwide {
	width: 635px;
}
#pagecontainerframepopupwide {
	background: #f3f3f3;
	border: 11px solid #c5c5c5;
	border-top: none;
	margin: 0px auto;
	position: relative;
	text-align: left;
	width: 655px;
}
#footerframe {
	border-top: 4px solid #dc002e;
	color: #868689;
	margin-top: 13px;
	min-width: 918px;
	padding: 11px 3px 9px;
}
#footerframe A {
	font-size: 11px;
	color: #868689;
	text-decoration: none;
}
#footerframe A:HOVER {
	color: #DC002E;
	/*text-decoration: underline;*/
}
#footerframe SPAN {
	padding: 0px 10px;
}

.contentframe {
	clear: both;
	margin: auto;
	width: 888px;
}

.cols1,
.cols2,
.cols3,
.cols4 {
	padding-top: 20px;
}

.cols1 .top,
.cols2 .top,
.cols3 .top,
.cols4 .top {
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}
.cols2 .top,
.cols3 .top,
.cols4 .top {
	height: 200px; /* Taustakuvat ei näy IEllä jos tätä ei ole määritelty */
}

.cols1 .middle,
.cols2 .middle,
.cols3 .middle,
.cols4 .middle {
	background-repeat: repeat-y;
	background-position: left top;
	position: relative;
}
.cols1 .bottom,
.cols2 .bottom,
.cols3 .bottom,
.cols4 .bottom {
	background-repeat: no-repeat;
	background-position: left bottom;
	clear: both;
	height: 1px;
	overflow:hidden;
}

.cols1 .col1 { width: 888px; overflow: hidden; }

.cols2 .col1 { float: left; margin-right: 14px; width: 500px; overflow: hidden; }
.cols2 .col2 { float: left; width: 374px; overflow: hidden; }

.cols3 .col1 { float: left; margin-right: 18px; min-height: 20px; width: 500px; overflow: hidden; }
.cols3 .col2 { float: left; margin-right: 10px; min-height: 20px; width: 180px; overflow: hidden; }
.cols3 .col3 { float: left; min-height: 20px; width: 180px; overflow: hidden; }

.cols4 .col1 { float: left; margin-right: 14px; width: 180px; overflow: hidden; }
.cols4 .col2 { float: left; width: 694px; overflow: hidden; }

.cshade {
	background: #f3f3f3 url('img/bg_content_shade.gif') repeat-x;
}

.ccontent A:HOVER
{
        background-color: #ed1111;
        color: #fff;
}

.titlebar {
	background: #8e8c8c url('img/bg_titlebar.gif') repeat-x;
	color: #fff;
	height: 25px;
	line-height: 25px;
}

INPUT, SELECT, TEXTAREA {
	font-size: 11px;
}
INPUT.button {
	background-color: #fff;
	border: 1px solid #B9BBBF;
	color: #868689;
	font-weight: bold;
}

TABLE.data TH, TABLE.data TD {
	font-size: 11px;
	padding: 3px 5px 5px;
	text-align: left;
	vertical-align: top;
}
TABLE.data THEAD TH {
	background: #fff;
	background: #fff url('img/table_td_data.gif') repeat-x left bottom;
	/*border-bottom: 1px solid #000;*/
	color: #000;
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
}
TABLE.data THEAD TD {
	font-size: 12px;
	font-weight: bold;
	background: #f0f0f0;
}
TABLE.data TBODY TD {
	background: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #F3F3F3;
	font-weight: normal;
}

TABLE.data TBODY TH {
	/*background: #fff url('img/table_td_data.gif') repeat-x left bottom;*/
	border-top: 2px solid #fff;
	border-bottom: 1px solid #868689;
	color: #868689;
	font-size: 12px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 3px;
}
TABLE.data TD.nobg {
	background-image: none;
}

UL.list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
UL.list LI {
	background: transparent url('img/bullet_greyarrow.gif') no-repeat left 5px;
/*
	padding: 2px 0px 3px 8px;
}*/
	padding: 2px 0px 3px 0px;
}
UL.list A {
	color: #000;
	display: block;
	padding-left: 9px;
	text-decoration: none;
}
UL.list A:visited {
	color: #727272;
}
UL.list A:HOVER {
	color: #DC002E;
}
UL.list A.selected,
UL.list A.selected:hover,
UL.list A.selected:visited {
	color: #DC002E;
}

TABLE.data2 TH, TABLE.data2 TD {
	font-size: 11px;
	padding: 5px 5px;
	text-align: left;
	vertical-align: top;
}
TABLE.data2 THEAD TH {
	background: #f3f3f3;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-style: none;
	font-size: 12px;
	font-weight: bold;
}
TABLE.data2 THEAD TD {
	font-size: 12px;
	font-weight: bold;
	background: #f0f0f0;
}
TABLE.data2 TBODY TD {
	background: #f3f3f3 url('img/bg_data2_table_td.gif') repeat-x;
/*
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
*/
	border-style: none;
	font-weight: normal;
	padding: 6px 5px;
}
TABLE.data2 TBODY TH {
	background: #f3f3f3;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	border-style: none;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
}
div.lift {
}
div.lift div.title {
	background-color: #f82219;
	background-image: url('img/lift_title.gif');
	background-repeat: repeat-x;
	color: #fff;
	font-weight: bold;
	height: 24px;
	line-height: 23px;
	padding-left: 20px;
	text-align: left;
	white-space: nowrap;
}

ul.nomargin {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.nomargin li {
	margin: 0px;
	padding: 0px;
}
ul.tabs,
ul.tabs ul {
	font-size: 0px;
	line-height: 0px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.tabs li {
	margin: 0px 0px 4px;
	padding: 0px;
}
ul.tabs {
	padding: 0px 0px;
}
ul.tabs li A {
	display: block;
	padding-left: 5px;
}
ul.tabs li.on {
	background-color: #f2f3f7;
	background-image: url('img/tab_arrow.gif');
	background-position: 6px 0px;
	background-repeat: no-repeat;
}
ul.tabs li.on A,
ul.tabs li A:hover {
	padding-left: 25px;
}

div.lift div {
	color: #848484;
	font-size: 10px;
	font-weight: normal;
}
div.accessories {
	font-size: 11px;
	font-weight: normal;
	padding-bottom: 10px;
}
div.lift div.content {
	background-image: url('img/lift_content.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 0px 2px;
	padding: 10px 0px 3px 15px;
}

div.lift div.model {
	background: url('img/lift_model.jpg') no-repeat top left;
	height: 145px;
	padding: 8px 10px 0px;
}
div.lift div.model A,
div.lift div.model A:visited {
	color: #727272;
	text-decoration: none;
}
div.lift div.model A:hover {
	color: #fff;
}
div.lift div.model A,
div.lift div.model A:visited,
div.lift div.model A:hover {
	background-color: #fff;
}

a.button,
a.button:visited {
	background-color: #f82219;
	background-image: url('img/a_button.gif');
	background-repeat: repeat-x;
	color: #fff;
	display: block;
	font-weight: bold;
	height: 24px;
	line-height: 23px;
	padding: 0px 20px;
	text-decoration: none;
	white-space: nowrap;
}
a.button:hover {
	color: #fff;
}

a.wide {
	display: block;
	background: transparent url('img/a_wide.gif') no-repeat left top;
	margin-left: 7px;
	margin-right: 7px;
	padding-left: 10px;
}
a.wide-large {
	background: transparent url('img/a_wide-large.gif') no-repeat left top;
	padding-left: 20px;
}
a.on {
	background: url("/css/site/img/tab_on.gif") no-repeat center bottom;
}
div.clearer {
	clear: both;
	height: 1px;
	line-height: 1px;
	overflow: hidden;
}

td#content
{
	width:495px;
	padding:15px 0px;
}

/* Citroenin taulukko */

table.citroen a {
	background: transparent url('img/a_arrow.gif') no-repeat left top;
	color: #000;
	padding-left: 10px;
	text-decoration: none;
}
table.citroen a.plain {
	background-image: none;
	padding-left: 0px;
}
table.citroen a.download {
	background: transparent url('img/a_download.gif') no-repeat left top;
	color: #000;
	padding-left: 10px;
	text-decoration: none;
}
table.citroen a:hover {
	color: #DC002E;
}

table.citroen {
	background-color: #fff;
	border-style: none;
	cursor: default;
	width: 100%;
}
table.citroen th {
	background-color: #868689;
	border-style: none;
	border-bottom: 6px solid #fff;
	border-left: 6px solid #fff;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	padding: 10px;
	text-align: center;
	vertical-align: top;
}
table.citroen td {
	border-style: none;
	border-left: 6px solid #fff;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	padding: 8px 10px;
	text-align: left;
	vertical-align: top;
}
table.citroen td {
	background-color: #fff;
}
table.citroen td.odd {
	background-color: #e1e1e1;
}
table.citroen tr.odd td {
	background-color: #e1e1e1;
	border-left-color: #e1e1e1;
}
table.citroen tr.odd td.odd {
	background-color: #cacacb;
}
table.citroen td.first,
table.citroen th.first {
	border-left-style: none;
	text-align: left;
}
table.citroen tr.transparent td {
	background-color: transparent;
}
table.citroen tr.separator td {
	border-style-type: none;
	height: 6px;
	padding: 0px;
}
table.citroen tr.odd.highlight td {
	background-color: #E0E187;
	border-left-color: #E0E187;
}
table.citroen tr.odd.highlight td.odd {
	background-color: #C9CA7A;
	border-left-color: #E0E187;
}
table.citroen tr.highlight td {
	background-color: #ff9;
	border-left-color: #ff9;
}
table.citroen tr.highlight td.odd {
	background-color: #E0E187;
	border-left-color: #ff9;
}
table.citroen tr.odd.on td {
	background-color: #BFE5BF;
	border-left-color: #BFE5BF;
}
table.citroen tr.odd.on td.odd {
	background-color: #ABD2AD;
	border-left-color: #BFE5BF;
}
table.citroen tr.on td {
	background-color: #D9FFD9;
	border-left-color: #D9FFD9;
}
table.citroen tr.on td.odd {
	background-color: #BFE5BF;
	border-left-color: #D9FFD9;
}