.textfieldPriceCalc {
	width: 60px;
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.pricecalcGrey {
color:#666;
}
td.pricacalcButtons {
vertical-align:top;
padding: 8px 5px 25px 5px;}

td.pricecalc {
vertical-align:top;
padding:3px 1px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;}

td.pricecalcRight {
vertical-align:top;
text-align:right;
padding:3px 1px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;}

td.pricecalcBottom {
vertical-align:bottom;
padding:3px 1px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

tr.underlinedStrongdetails td {
border-bottom: solid #ffffff 3px;

 }

tr.underlineddetails td {
border-bottom: solid #ffffff 1px;
  }

td.priceCalcDetails1 {
	vertical-align:top;
	padding:3px 5px;
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#ebebeb;
}

td.priceCalcDetails2 {
	vertical-align:top;
	padding:3px 5px;
	width: 200px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#ebebeb;
}

td.priceCalcDetails3 {
	vertical-align:top;
	padding:3px 5px;
	width: 100px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#CEDFE8;

}

td.priceCalcDetails4 {
	vertical-align:top;
	padding:3px 5px;
	width: 80px;
	text-align:right;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#b0cce9;
}


input.buttonTaxatie {font-size: 14px;
font-weight: bold;}


/* GENERAL */
body {
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0px 0px;
	line-height: 14px;
	background-color: #FFF;
	/* background-image: url(../images/headerBg.gif); */
	background-repeat: repeat-x;
}

p {
	margin-bottom: 10px;
	margin-top: 0px;}

a:link img, a:visited img, a:hover img {
border:none;
text-decoration: none;}



table, tr, td {
	font-size:12px;
}

a:link, a:visited {
	color: #000000;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a:hover {
	color: #5395B7;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1 {
	font-size: 20px;
	font-weight: bold;
	line-height:24px;
	vertical-align:top;
	color: #666;
	text-align: left;
	margin: 0px 0px 40px 0px;
}

/* DIV: Wrapper */
#wrap {
	width: 947px;
	margin-left: 13px;
}

/* DIVS: HEADER */
#header {
	height: 58px;
	text-align: left;
	margin:0px;}
	

#brand {
	position: absolute;
	left: 13px;
	top: 7px;
}	
	
#mainnavi {
	position: absolute;
	top: 7px;
	left: 260px;
	font-size: 11px;
}	

#info {
	float: right;
	position: relative;
	top: 16px;
	text-align:right;
	color: #000;
	font-size: 12px;
	}	

/* DIVS: CONTENT */
#mainbody {
	float:left;
	top:39px;
	position: relative;
	height:100%;
	border-left: solid 2px #FFFFFF;
}

#content {
	position:absolute;
	top: 0px;
	left: 210px;
	margin-left: 28px;
	width: 709px;
	vertical-align:top;
}

#details {
	border-top:solid 2px #5395B7;
	border-bottom:solid 2px #5395B7;
	border-left:solid 2px #5395B7;
	border-right:solid 2px #5395B7;
	padding: 15px 12px 10px 12px;
}

#listing { 
	padding: 22px 0px 12px 0px;
}

#loginpageInfo {
	float: right;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	padding-top: 30px;
	color:#ff9900;
	width: 420px;
	position:relative;}

#icons {
	float: right;	
}

#sidebar {
	position:relative;
	vertical-align: top;
	float: left;
	width: 210px;
	font-size:12px;
	background-color: #EBEBEB;
	border-right: solid 2px #B8981D;
	border-left: solid 2px #B8981D;
	border-bottom: solid 2px #B8981D;
}
	
/* Main Navigation */
#mainnavi ul {
	list-style: none;
	padding: 0;
	margin: 0px; }

#mainnavi li {
	float: left;
	margin-right: 2px; }

#mainnavi li a {
	background:url(../images/mainnaviOff.gif) bottom left no-repeat;
	height: 25px;
	float: left;
	width: 138px;
	display: block;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 25px;
	font-size:11px; }

#mainnavi li a:hover {
	background:url(../images/mainnaviOn.gif) bottom left no-repeat;
	height: 25px;
	float: left;
	width: 138px;
	display: block;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	text-align: center;
	line-height: 25px; }

#mainnavi li a#active {
	background:url(../images/mainnaviOn.gif) bottom left no-repeat;
	color: #000;}

#mainnavi li a {     /* Hide from IE5-Mac \*/
	float: none; }


/* TOP Navigation */
#info a:link, #info a:visited {
	text-decoration: none;
	color:#5395B7;
}

#info a:hover {
	text-decoration: none;
	color:#5395B7;
}
	
/* LISTING PAGES
- different rows with 'tr.odd' and 'tr.even'
- td's with td.left or td.right
- special width for td's in separate project stylesheet
*/

table.listFilter { /* for dropdown filters above the listing table*/
	width:100%;
	border-collapse:collapse;
	margin-top: 10px;}

tr.listFilter { /* for dropdown filters above the listing table*/
	vertical-align:bottom;
	border:none;
	text-align:right;
}

td.listFilterRight {  /* dropdown filters and backnext-buttons (in mycarvalue= */
	text-align: right;
	vertical-align:bottom;
	padding-bottom:4px;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

td.listFilterLeft { /* for example listpage selection */
	text-align:left;
	vertical-align:bottom;
	padding-bottom:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}	

table.listing {
	width:100%;
	border-collapse:collapse;}

tr.listingHeader { /* blue header*/
	background-color:#0275e9;
	color: #fff;
	font-weight:bold; 
	height: 20px;}
	
tr.listingHeader a:link, tr.listingHeader a:visited, tr.listingHeader a:hover {
	background-color:#0275e9;
	color: #fff;
	font-weight:bold;
	text-decoration:underline; }


tr.selected { /* highlighted row */
	background-color:#7a7a7a;
	color:#fff;
}

td.checkbox { /* checkboxes on the left side of the row*/
	width: 20px;
	vertical-align: top;
	padding: 2px 3px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}	


/* DETAIL PAGE (tabbed and bordered content page) */
table.details {
	width: 100%;}
	
tr.detailsHeader td {
	background-color:#5395B7;
	color:#FFF;
	font-weight:bold;
	padding:3px 5px;
	font-size:11px;
}

.detailsHeader th {
	background-color:#5395B7;
	color:#FFF;
	font-weight:bold;
	padding:3px 5px;
	font-size:11px;
}


td.detailsHeaderCollapse {
	background-color:#d2d2d2;
	color:#000000;
	font-weight:bold;
	font-size:11px;
	height:20px;
	
}

tr.odd {
	background-color:#ffffff; }

tr.even {
	background-color:#ebebeb; }
	
table.listing tr.even:hover {
	background-color: #dbdbdb;
}

table.listing tr.odd:hover {
	background-color: #dbdbdb;
}

tr#divider {
    height: 5px;
    line-height: 5px;
}

td.left { 
	text-align: left;
	vertical-align:top;
	padding:3px 5px;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}


td.left25 {
	text-align: left;
	vertical-align:top;
	padding:3px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 25%;
}

td.left50 { 
	text-align: left;
	vertical-align:top;
	padding:3px 5px;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	width: 50%;
}

td.criterion { /* Used in search criterion td with content  */
	text-align: left;
	vertical-align:top;
	padding:3px 3px;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	width: 79px;
}


td.leftNarrowWidth {
	text-align: left;
	vertical-align:top;
	padding:3px 5px;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	width: 68px;
}

td.right {
	text-align:right;
	vertical-align:top;
	padding:3px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
td.redright {
	text-align:right;
	vertical-align:top;
	padding:3px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F00;
	}
.detailsImg {
	text-align:right;
	vertical-align:top;
}

.highlight, .highlight a:link, .highlight a:visited, .highlight a:hover {
color:#ff9900;
font-weight: bold;
white-space: nowrap;
}

.negative, .negative a:link, .negative a:visited, .negative a:hover {
    color: #bd1818;
    font-weight: bold;
	white-space: nowrap;
}

.neutral, .neutral a:link, .neutral a:visited, .neutral a:hover  {
    color: #E86900;
    font-weight: bold;
	white-space: nowrap;
}

.positive, .positive a:link, .positive a:visited, .positive a:hover  {
    color: #5ebd18;
    font-weight: bold;
	white-space: nowrap;
}



/* Detailnavi - Tabbed content navigation above Details  */
#detailNavi {
	height:21px;
	padding-top: 10px;
	clear: both;
	width: 100%; }

#customerName {
	color:#4b4b4b;
        text-align: right;
	margin-top: -15px;

}

#detailNavi ul {
	list-style: none;
	padding: 0;
	margin: 0; }

#detailNavi li {
	float: left;
	margin-right: 2px; }

#detailNavi li a {
	background:url(../images/detailsnavi_off.gif) bottom left no-repeat;
	height: 21px;
	float: left;
	width: 96px;
	display: block;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	text-align: center;
	line-height: 21px;
}

#detailNavi li a:hover {
	background:url(../images/detailsnavi_on.gif) bottom left no-repeat;
	height: 21px;
	float: left;
	width: 96px;
	display: block;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	text-align: center;
	line-height: 21px; }

#detailNavi li a#active {
	background:url(../images/detailsnavi_on.gif) bottom left no-repeat;
	color: #FFF;
}

#detailNavi li a {     /* Hide from IE5-Mac \*/
	float: none; }

	
/* FOOTER - below listing table or details table \*/
table.footer {
	margin: 5px 0px 20px 0px;
	width:100%;
	line-height: 17px;
	border-collapse:collapse;
	text-align:center;
	font-size:12px;
}


/* SIDEBAR / Left column navigation & search*/
#sidebarNaviHeader {  /* blue header */
	font-weight: bold; 
	font-size: 11px;
	color: #ffffff;
	background-color:#0275e9;
	line-height: 21px;
	padding-left: 6px;
	margin: 0px;}

#sidebarHeader { /* grey header */
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	background-color:#B8981D;
	line-height: 21px;
	padding-left: 6px;
	margin: 0px 0px 5px 0px;
}

#sidebarHeader a:link, #sidebarHeader a:visited {
        color:#ffffff; }	
	
table.search {
	margin-bottom:20px;
	margin-left: 4px;}

td.search {
	width: 68px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:top;
}


/* Navigation in sidebar */
#sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0px 0px 20px 0px; }

#sidebar li {
	margin: 0px; }

#sidebar li a {
	background:url(../images/line.gif) bottom left repeat-x;
	font-size: 12px;
	padding-left: 6px;
	height:21px;
	display: block;
	font-weight: bold;
	color: #8f8f8f;
	text-decoration: none;
	text-align:left;
	line-height: 21px; }

#sidebar li a:hover {
	background:url(../images/line.gif) bottom left repeat-x;
	background-color:#ebebeb;
	color: #000;
	display: block;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	line-height: 21px; }

#sidebar li a#active {
	background:url(../images/line.gif) bottom left repeat-x;
	background-color:#ebebeb;
	color: #000;

}

#sidebar li a {     /* Hide from IE5-Mac \*/
	float: none; }


/* FORMS */
form {
	margin:0;}

input, select, textarea {
	vertical-align: middle;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}

.textfield {
width: 126px;}

.textfieldNarrow {
width: 90px;}

.listbox {
width: 132px;}

.button {
	vertical-align: middle;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #e6e6e6;
	color: #000000;
	border:1px solid;
	border-top-color:#4B4B4B;
	border-left-color:#bababa;
	border-right-color:#bababa;
	border-bottom-color:#868686;
	border-bottom-color:#868686;
	padding: 2px 3px;



	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffd8d8d8',EndColorStr='#ffeeeeee'); }	
	
/* Lomake-lähetys onnistunut*/
#successfulSubmit {padding: 5px 5px; margin-bottom: 10px; border:solid 2px #434343; font-weight: bold; color:#434343; width: 546px;}


/* Advanced search*/
table.advSearchOdd {
width: 430px;
border:solid 3px #ebebeb;
background-color:#f5f4f4;
}

table.advSearchEven {
width: 430px;
border:solid 3px #ebebeb;
}

td.advSearch {
padding-left: 6px;
padding-bottom: 4px;
padding-top: 4px;
vertical-align:middle;
width: 90px;}

/* Tooltip LINKKEIHIN SIDOTTUNA, advanced css technique, supports ie7, ff */
a.tooltip {
  position: relative;}

a.tooltip span {
  display:none;}

a.tooltip:hover span {
  display: block;
  position: absolute;
  bottom: 1em;
  left: 2em;
  padding: 0em;
  border: 1px solid #71645E;
  color:#000;
  cursor: help;
  width: 200px;
  background-color:#ffffff;
  font-weight: normal;
  text-align: left;
  z-index: 1;}

#directory_table th.header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

#directory_table th.headerSortUp {
	background-image: url(../images/asc.gif);
}
#directory_table th.headerSortDown {
	background-image: url(../images/desc.gif);
}
#directory_table  th.headerSortDown, #directory_table th.headerSortUp {
background-color: #8dbdd8;
}