/* CSS Document */

body {
	text-align:center;
	margin:0px;
	background-color:#fff;
}
body,
th,
td,
div,
span,
p,
input,
select,
textarea{
	font-family:Tahoma,Arial,serif;
	color:#000000;
	font-size:11px;
}

a:link,
a:hover,
a:active,
a:visited{
	color:#2a6aa5;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

form{
	display:inline;
}

img.productImg1{
	max-width:300px;
	max-height:300px;
	border:1px solid #E0E0E0;
	padding:1px;
	background-color:#FFFFFF;
}

div.spacer{
	border:0px;
	padding:0px;
	margin:0px;
	width:1px;
	height:1px;
}

table.listPager{
	border:0px;
}
table.listPager td{
	width:30px;
	text-align:center;
	background:url(../graphics/dotBlack.gif) left top repeat-y;
	color:#2a6aa5;
	font-size:11px;
	font-weight:normal;
}

table.listTable{
	border:0px;
}
table.listTable th{
	height:20px;
	text-align:left;
	vertical-align:top;
	color:#afafaf;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	padding:3px 5px;
}
table.listTable td{
	vertical-align:middle;
	text-align:left;
	padding:3px 5px;
}

table.dataSheetTable{
	border:0px;
	width:100%;
}
table.dataSheetTable td{
	padding:6px 9px;
	border-left:1px solid #92b9db;
	border-right:1px solid #92b9db;
	empty-cells:show;
}

table.compTable{
	border:0px;
}
table.compTable td{
	padding:0px;
	empty-cells:show;
}
table.compTable .td1{
	padding:6px 9px;
	border-left:1px solid #92b9db;
	border-right:1px solid #92b9db;
	empty-cells:show;
	width:224px;
	font-weight:bold;
	color:#2A6AA5;
}
table.compTable .td2{
	width:387px;
	padding:6px 9px;
	border-left:1px solid #92b9db;
	border-right:1px solid #92b9db;
	empty-cells:show;
}

/* INPUT */
textarea{
	border:1px solid #BCBCBC;
	width:150px;
}
.input_text{
	width:150px;
	height:17px;
	padding:2px;
	border:1px solid #BCBCBC;
}

/*  C O N T A I N E R S */
#frame {
	font-family:Tahoma,Arial,serif;
	position:relative;
	overflow:hidden;
	margin-right:auto;
	margin-left:auto;
	width:952px;
	border:0px solid #FF0000;
	/*background:#cccc99;*/
}

#mainConteiner {
	text-align:left;
	width:951px;
	float:left;
	margin:27 0 0 0px;
	padding:0 0 0 0px;
	overflow:visible;
	border:0px solid #FF0000;
	/*background:#dddddd;*/
}
#b
{
	background:url(../graphics/boxCenter.gif) repeat-y center top
}

#a
{
	background:url(../graphics/articleBoxCenter.gif) repeat-y left top
}

#a_b
{
	background:url(../graphics/articleBoxCenterBig.gif) repeat-y left top
}

#c
{
	background:url(../graphics/lineH.gif) right center no-repeat;
}
#d
{
	background:url(../graphics/dotBlack.gif) right top repeat-y;
}

#crayBg
{
	background-color:#ededed;
}

#backButton
{
	float:right;
	color:#1983cc;
	font-size:11px;
	margin:0 10 0 0px;
	padding:0 10 0 20px;
	border:0px solid #000000;
	background:#FFFFFF url(../graphics/backCray.gif) left top no-repeat;
}

#backButton a
{
	color:#1983cc;
	text-decoration:none;
}

#backButton a:hover
{
	color:#1983cc;
	text-decoration:underline;
}

#toode
{
	margin:0 0 0 0px;
	padding:0 0 0 8px;
}

#leftConteiner
{
	overflow:visible;
	float:left;
	width:252px;
	padding:0 0 0 0px;
	border:0px solid #FF0000;
	/*background:#cccc33;*/
}

#rightConteiner
{
	overflow:visible;
	float:right;
	width:694px;
	border:0px solid #FF0000;
	/*background:#cccc33;*/
}

/*C O N T E I N E R */
#customBorder
{
	display:table;
	background-image:url(graphics/dotBlack.gif); 
	border:0px solid #000000; 
}

/* U I */

/* R O U N D   C O R N E R S */
#roundCornerBox
{
	margin:5 0 0 0px;
}
.t {background: url(../graphics/dot.gif) 0 0 repeat-x;}
.b {background: url(../graphics/dot.gif) 0 100% repeat-x}
.l {background: url(../graphics/dot.gif) 0 0 repeat-y}
.r {background: url(../graphics/dot.gif) 100% 0 repeat-y}
.bl {background: url(../graphics/bl.gif) 0 100% no-repeat}
.br {background: url(../graphics/br.gif) 100% 100% no-repeat}
.tl {background: url(../graphics/tl.gif) 0 0 no-repeat}
.tr {background: url(../graphics/tr.gif) 100% 0 no-repeat; padding:10px;}

/* B L U E  T I T L E   B A R */
#blueTitleBar
{
	border:0px solid #000000; 
	height:38px; 
	overflow:hidden;
	background: url('../graphics/cBlue.gif') left top repeat-x;
}
#blueTitleBar span
{
	font-size:11px;
	color:#FFF;
	line-height:38px;
	margin:0 0 0 10px;
	border:0px solid #000000;
}

#blueTitleBar a:link {
	font-size:11px;
	color:#FFF;
	line-height:38px;
	margin:0 0 0 10px;
	border:0px solid #000000;
	text-decoration:none;
}

#blueTitleBar a:visited {
	font-size:11px;
	color:#FFF;
	line-height:38px;
	margin:0 0 0 10px;
	border:0px solid #000000;
	text-decoration:none;
}

#blueTitleBar a:hover  {
	font-size:11px;
	color:#FFF;
	line-height:38px;
	margin:0 0 0 10px;
	border:0px solid #000000;
	text-decoration:underline;
}


.lBCorner
{
	background: url('../graphics/lBlue.gif') left top no-repeat;
	padding:0 0 0 10px;
}
.rBCorner
{
	background: url('../graphics/rBlue.gif') right top no-repeat;
	padding:0 0 0 0px;
}

/* CRAY  T I T L E   B A R */
#crayTitleBar
{
	border:0px solid #000000; 
	height:38px; 
	overflow:hidden;
	background: url('../graphics/cCray.gif') left top repeat-x;
}
#crayTitleBar span
{
	font-size:11px;
	color:#FFF;
	line-height:38px;
	border:0px solid #000000;
}

.lCCorner
{
	background: url('../graphics/lCray.gif') left top no-repeat;
	padding:0 0 25 0px;
}
.rCCorner
{
	background: url('../graphics/rCray.gif') right top no-repeat;
	padding:0 0 25 10px;
}

.inputLogIn
{
	width:105px;
	height:18px;
	border:0px solid #FF0000;
}

.inputSearch
{
	width:180px;
	height:18px;
	border:0px solid #FF0000;
}

.buttonSearch
{
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
	border:outset 0px #ccc;
	background:url(../graphics/search_btn.gif) no-repeat left top;
}
.buttonGrey_244{
	width:244px;
	height:20px;
	padding:0px;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	border:none;
	background:url(../graphics/buttonCray_244x20.gif) no-repeat left top;
}

#button1
{
	cursor:pointer;
	border:outset 0px #ccc;
	background:#999;
	color:#FFF;
	font-size:10px;
	background:url(../graphics/search__btn.gif) no-repeat left top;
	border:0px solid #000000;
}

#button2
{
	cursor:pointer;
	padding:0 0 0 20px;
	color:#FFF;
	font-size:10px;
	background:url(../graphics/search__btn.gif) no-repeat left top;
	text-transform:uppercase;
	font-weight:bold;
	border:0px solid #000000;
}

/* CRAY  B U T T O N */
#crayButton
{
	border:0px solid #000000; 
	height:20px;
	overflow:hidden;
	background: url('../graphics/cCrayTab.gif') left top repeat-x;
}

.lCCornerTab
{
	background: url('../graphics/lCrayTab.gif') left top no-repeat;
	padding:0 0 25 0px;
}
.rCCornerTab
{
	text-align:center;
	background: url('../graphics/rCrayTab.gif') right top no-repeat;
	padding:0 0 25 0px;
}

#crayButton span
{
	font-size:11px;
	color:#FFF;
	line-height:20px;
	margin:0 0 0 0px;
	border:0px solid #000000;
}

#crayButton a
{
	color:#FFF;
	text-decoration:none;
}

/* BLUE  B U T T O N */
#blueButton
{
	border:0px solid #000000; 
	height:20px;
	overflow:hidden;
	background: url('../graphics/cBlueTab.gif') left top repeat-x;
}

.lBCornerTab
{
	background: url('../graphics/lBlueTab.gif') left top no-repeat;
	padding:0 0 25 0px;
}
.rBCornerTab
{
	text-align:center;
	background: url('../graphics/rBlueTab.gif') right top no-repeat;
	padding:0 0 25 0px;
}

#blueButton span
{
	font-size:11px;
	color:#FFF;
	line-height:20px;
	margin:0 0 0 0px;
	border:0px solid #000000;
}

#blueButton a
{
	color:#FFF;
	text-decoration:none;
}

/* V E R T I C A L   M E N U */
.verticalMenu{
	font-size:11px;
	padding: 8 0 8 0px;
	background: #FFFFFF url('../graphics/dotted.gif') repeat-x 0 bottom;
}

.verticalMenu a{
	margin:0px;
	color: #1983cc;
	text-decoration: none;
}

.verticalMenu a:hover{
	text-decoration: underline;
}

/* HORIZONTALY MENU*/
#horizontalMenu
{
	height:38px;
	display:block;
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	border:0px solid #00FF00;
}

#horizontalMenu ul
{
	list-style:none;
	float:left;
	margin:0 0 0 0px;
	padding:10 0 0 0px;
	font-size:10px;
	font-weight:bold;
	color:#6296c6;
	border:0px solid #FF0000; 
}

#horizontalMenu li
{
	display: inline;
	padding:0 15 0 0px;
	margin:0 10 0 0px;
	border:0px solid #FF0000;
	height:19px;
	line-height:19px;
	text-transform:uppercase;
	/*background: url(../graphics/dotted.gif) right 100% repeat-y;*/
	background:url(../graphics/lineH.gif) right top no-repeat;
}

#horizontalMenu ul li a{
	color: #6296c6;
	text-decoration: none;
}

#horizontalMenu ul li a:hover{
	color: #6296c6;
	text-decoration: underline;
}


#horizontalMenu_active{
	color: #8ec3f5;
}


/* HORIZONTALY LINE*/
#lineH
{
	height:8px;
	clear:both;
	background: #FFFFFF url('../graphics/crayDot.gif') repeat-x left center;
	border:0px solid #000000;
}

#lineH2
{
	height:1px;
	clear:both;
	background: #FFFFFF url('../graphics/crayDot.gif') repeat-x left center;
	border:0px solid #000000;
}

.HR_blue
{
	height:1px;
	background: #FFFFFF url('../graphics/dotBlueH.gif') repeat-x left center;
	border:none;
}

/* H E A D E R */
#header
{
	overflow:hidden;
	width:100%;
	border:0px solid #000000;
}

/*BODY*/
#body
{
	overflow:hidden;
	width:100%;
	border:0px solid #000000;
}

/*FOOTER*/
#footer
{
	padding:0 0 0 0px;
	margin:0 0 8 0px;
}

#footer table
{
	font-size:11px;
	color:#FFFFFF;
}

#footer td
{
	font-size:11px;
	color:#FFFFFF;
	padding:0 30 0 0px;
}

#footer td a
{
	color: #FFF;
	text-decoration: none;
}

#footer td a:hover
{
	color: #FFF;
	text-decoration: underline;
}

/* U U D I S T E   B L O K K  */
#newsBlock
{
	background:url(../graphics/dotted.gif) right 100% repeat-y;
}

#newList ul
{
	list-style:none;
	float:left;
	color:#6296c6;
	font-size:11px;
	margin:0 0 0 0px;
	padding:0 0 0 0px;
}

#newList ul li
{
	line-height:18px;
	margin:0 0 0 0px;
	padding:0 0 0 15px;
	/*text-transform:capitalize;*/
	background:url(../graphics/list3corn.gif) left top no-repeat;
}

#newList ul li a
{
	color:#6296c6;
	text-decoration: none;
}

#newList ul li a:hover
{
	text-decoration: underline;
}

#sisu
{
	padding:0 0 0 0px;
	margin:0 0 0 0px;
}

/*PRODUCTS BOX'S*/
.ConteinerProduct{
	float:left; 
	border:0px solid #000000; 
	width:229;
}

.Product{
	float:left;
	border:0px solid #000000;
	width:227px;
	height:164px;
	margin:0 5px 5px 0;
	background:url(../graphics/productBg.gif) left top no-repeat;
}

/* BUTTONS*/
.buttonGray_80px{
	background-image:url('../graphics/buttonGray_80x20.gif'); 
	background-color:transparent; 
	background-repeat:no-repeat; 
	border:0px; 
	font-family:Tahoma; 
	font-size:11px;
	font-weight:bold; color:#FFFFFF; 
	text-align:center; 
	width:80px; 
	height:20px; 
}

.buttonBlue_80px{
	background-image:url('../graphics/buttonBlue_80x20.gif'); 
	background-color:transparent; 
	background-repeat:no-repeat; 
	border:0px; 
	font-family:Tahoma; 
	font-size:11px;
	font-weight:bold; color:#FFFFFF; 
	text-align:center; 
	width:80px; 
	height:20px; 
}

.buttonGray_90px{
	background-image:url('../graphics/buttonGray_90x20.gif'); 
	background-color:transparent; 
	background-repeat:no-repeat; 
	border:0px; 
	font-family:Tahoma; 
	font-size:11px;
	font-weight:bold; color:#FFFFFF; 
	text-align:center; 
	width:90px; 
	height:20px; 
}

.buttonGray_175px{
	background-image:url('../graphics/buttonGray_175x20.gif'); 
	background-color:transparent; 
	background-repeat:no-repeat; 
	border:0px; 
	font-family:Tahoma; 
	font-size:11px;
	font-weight:bold; color:#FFFFFF; 
	text-align:center; 
	width:175px; 
	height:20px; 
}


.buttonGray_230px{
	background-image:url('../graphics/buttonGray_230x20.gif'); 
	background-color:transparent; 
	background-repeat:no-repeat; 
	border:0px; 
	font-family:Tahoma; 
	font-size:11px;
	font-weight:bold; color:#FFFFFF; 
	text-align:center; 
	width:230px; 
	height:20px; 
}

/* LISTTABLE */
.listtable{
	width:100%;
	border:0px;
	border-collapse:collapse;
}
.listtable th{
	text-align:left;
	padding:0px 3px 10px 3px;
	color:#afafaf;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
}
.listtable td{
	padding:3px;
	height:25px;
}

/* DATATABLE */
.datatable{
	border:0px;
	border-collapse:collapse;
}
.datatable th,
.datatable td.th{
	color:#2a6aa5;
	font-size:11px;
	font-weight:bold;
	text-align:right;
	width:130px;
	height:25px;
	padding:4px;
}
.datatable td{
	height:25px;
	padding:4px;
}