/* ------------------------------ 
PERUSMÄÄRITTEET
------------------------------ */

div			{ behavior: url(/csshandler.ashx?file=iepngfix.htc); }
img			{ behavior: url(/csshandler.ashx?file=/iepngfix.htc); }


body{ font-family:"Trebuchet MS", Arial, "Arial Narrow", Verdana; font-size:10px; color:#333333; margin:0px; padding:0; background-image: url(/csshandler.ashx?file=images/backgroundimage.gif); background-repeat: repeat-x; }

input, form, textarea
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
h1{font-size:131%;}
h1 { /*background-image:url(/csshandler.ashx?file=images/background_naviheader.gif);*/ background-image:url(/csshandler.ashx?file=images/background_breadcrumb.gif); background-position:center; background-repeat:repeat-x; height:33px; padding: 0 5px 0 5px; /*border: 1px solid #5b9400;*/ border: 1px solid #c6c6c6; line-height:33px; font-size:110%; font-weight:normal; }
h2{font-size:125%;}
h3{font-size:121%; border-bottom:solid 1px #DEDEDE; padding:4px 0; margin-bottom:10px;}
h4 { font-size:24px; color:#cc3333; }

a:link, a:visited{color:#4d6706;}
a:hover{text-decoration:none;}

p{ font-size:100%; line-height: 17px; padding:5px; }
p, a, h1, h2, h3, h4, h5, h6, input, form, textarea, ul, li, lh, table, tr, td { font-family:"Trebuchet MS", Arial, "Arial Narrow", Verdana;} 


b, strong { font-weight:bold; color:#000000;}
small { font-size:80%; color:#666666; }

h2 {
	background-image:url(/csshandler.ashx?file=images/background_h2.gif);
	background-position:center;
	background-repeat:repeat-x;
	height:16px;
	padding: 0 5px 0 5px;
	margin: 15px 0 5px 0;
	border: 1px solid #cacaca;
	line-height:16px;
	font-size:120%;
}
form h2 {
	background-image:url(/csshandler.ashx?file=images/background_h2.gif);
	background-position:center;
	background-repeat:repeat-x;
	height:16px;
	padding: 0 5px 0 5px;
	margin: 15px 0 5px 0;
	border: 1px solid #cacaca;
	line-height:16px;
	font-size:110%;
}

strong.prize { font-size:20px; color:#264d0b;}


/****** TopLogin ******/

.ACACMSLogin { float:right; display:none; width:163px; margin:0 7px 0 0; }
.ACACMSLogin .ctrlHolder, .ACACMSLogin .ctrlHolder.focused { margin:0 !important; padding:0 !important; position:static !important; height:18px !important; border:none !important; }
.ACACMSLogin .uniForm .inlineLabels { background-image: url(/csshandler.ashx?file=images/loginarea.png); background-repeat:no-repeat;  height:100px; width:158px; padding:0 1px 0 10px; position:relative; }
.ACACMSLogin .ctrlHolder_user label, .ACACMSLogin .ctrlHolder_password label, .ACACMSLogin p.hint { display:none; visibility:hidden; }
.ACACMSLogin .buttonHolder { margin:2px 0 0 0 !important; padding:0 !important; position:absolute; top:79px; right:25px; z-index:0; margin:0 !important; width:56px !important; float:right;  }
.ACACMSLogin .imageButtonLogin { background:url(/csshandler.ashx?file=images/button_login_top.gif) top left !important;  width:56px; height:16px; border:none; outline:none; font-size:0px; }
.ACACMSLogin .imageButtonLogin:hover, .over { cursor:pointer; }
.ACACMSLogin .formHeader { background:none; margin:0 0 0 0px; padding-left:0; border:none; font-size:10px !important; }
.ACACMSLogin p.label { font-size:10px; padding:2px !important; position:absolute; top:-1px; z-index:1; }
.ACACMSLogin .toplogininput { padding:3px 0 0 5px; height:22px; line-height:22px; vertical-align:middle; overflow:hidden; }
.ACACMSLogin a { color:#666666; }
.ACACMSLogin .multiField { position:absolute; top:82px; left:66px; z-index:1; width:15px !important; }
.ACACMSLogin .ctrlHolder.error { display:none; }



#tuoteselaus_left h3 { margin:0 ; padding:5px 0 1px 0 ; font-size:120%; color:#000000;}
#tuoteselaus_left h3 a:link { text-decoration:none; color:#000; }
#tuoteselaus_left h3 a:visited { text-decoration:none; color:#000; }
#tuoteselaus_left h3 a:active { text-decoration:none; color:#000; }
#tuoteselaus_left h3 a:hover { text-decoration:underline; color:#000; }

form { font-size: 120%; }
table { margin:0; padding: 5px 5px 0 5px; }


/* ------------------------------ 
SIVUN RAKENNE
------------------------------ */

#mainwrap { width: 100%; text-align:center; }
#extrabg { width:950px; margin:0 auto; padding:0 37px; text-align:left; background-image: url(/csshandler.ashx?file=images/background_top.png);  background-repeat: no-repeat; background-position: top left; behavior: url(/csshandler.ashx?file=iepngfix.htc);  }
#container{  }
#topbanner{ width:950px; display:block; height:35px; padding: 0; }

#topbar { width:950px; display:block; height:100px; background-repeat:no-repeat; background-position:center bottom; background-image:url(/csshandler.ashx?file=images/background_top.gif); padding:0; overflow:hidden; }

#topbar #logo a img.logo { border: 0; padding: 5px 0 5px 15px; width:260px; height:90px; }
#topbar #logo { height: 100px; width: 275px; float: left; }


#breadcrumb { color:#666666; width:749px; height:33px; line-height:33px; background-image: url(/csshandler.ashx?file=images/background_breadcrumb.gif); font-size: 90%; border: 1px solid #c6c6c6; 	margin-top: 5px; float: right; background-position: center center; }	
#breadcrumb .separator { padding:9px 0px 8px 16px; background: url(/csshandler.ashx?file=images/breadcrumb_splitter.gif) no-repeat; line-height:33px;  }
#breadcrumb .breadcrumb_home {float:left;}


#breadcrumb ul { margin:0 auto; padding:0; text-align:left; list-style: none; white-space:nowrap; height:33px; line-height:33px; vertical-align:middle; }
#breadcrumb ul li {display:inline; line-height:33px; height:33px; margin:0 auto; padding:7px 0 7px 0; font-size:121%;}
#breadcrumb ul li.bread_deactive {
	background-image:url(/csshandler.ashx?file=images/bread_deactive.gif);
	background-position:center;


}
#breadcrumb ul li.bread_active {
	background-image:url(/csshandler.ashx?file=images/bread_active.gif);
	background-position:center;


}
#breadcrumb ul li.bread_jakaja_01 {background-image:url(/csshandler.ashx?file=images/bread_jakaja_01.gif); background-position:center; padding-left:25px;}
#breadcrumb ul li.bread_jakaja_02 {
	background-image:url(/csshandler.ashx?file=images/bread_jakaja_02.gif);
	background-position:center;
	padding-left:21px;
	padding-top:7px;
}
#breadcrumb ul li.bread_end {
	background-image:url(/csshandler.ashx?file=images/bread_end.gif);
	background-position:center;
	padding-left:35px;
	padding-top:7px;
}

#breadcrumb a:link, #breadcrumb a:visited { padding-left:5px; text-decoration:none; color:#333333; }
#breadcrumb a:hover { padding-left:5px; text-decoration:none; color:#666666; }

div.spacer2 { clear:right; height:0px; display:block;  }

#banner { width:auto; display:block;  }

#main { width:950px; display:block; padding:0; }

#column_left { width:199px; float:left; display:inline; }
#column_right { width:601px; float:left; display:inline; padding: 5px 0 0 0; }
#column_right_eikoria { width:751px; float:left; padding: 5px 0 0 0; }
#column_right_ostoskori { width:145px; float:left; padding: 5px 0 5px 5px; font-size:90%; }
#column_right_ostoskori h1 { background-image:url(/csshandler.ashx?file=images/h1_shoppingkart.gif); background-position:center; background-repeat:no-repeat; height:33px; padding: 0 5px 0 5px; line-height:33px; font-size:110%; font-weight:normal; }
#column_right_ostoskori .ostaTuote { width:144px !important; height:25px; margin-left:1px; }
div.spacer { clear:both; height:0px; display:block; }

#footer{ width:950px; text-align:center; display:block; font-size:11px; color:#666666; clear:both; background-image: url(/csshandler.ashx?file=images/background_footer.gif); height: 123px; padding-top: 10px; padding-right: 0; 	padding-bottom: 10px; padding-left: 0; background-repeat: no-repeat; background-position: center; margin:20px 0 0 0; }

/* ------------------------------ 
NAVIGAATIO
------------------------------ */

/*#column_left li.MenuItemWithChildren012 {background-image:url(/csshandler.ashx?file=images/background_naviheader.gif); background-position:center; background-repeat:repeat-x; height:23px; margin:5px 5px 5px 0; padding:5px; border: 1px solid #5b9400; line-height:25px; font-size:100%; font-weight:bold; }
*/


#column_left ul li.MenuItemWithChildren0	{ background-image:url(/csshandler.ashx?file=images/navi_green_bordered.gif); background-position:top; background-repeat:no-repeat; margin:5px 4px 5px 0px; padding:5px 5px 5px 10px; line-height:25px;  font-weight:bold;  }
#column_left ul li.MenuItem0				{ background-image:url(/csshandler.ashx?file=images/navi_green_bordered.gif); background-position:top; background-repeat:no-repeat; margin:5px 4px 5px 0px; padding:5px 5px 5px 10px; line-height:25px;  font-weight:bold;  }

#column_left ul li.MenuItemWithChildren1	{ display: block; background-image:url(/csshandler.ashx?file=images/navi_grey_bordered.gif); background-position:top center; background-repeat:no-repeat; margin:2px -5px 0px -10px; padding: 5px 5px 3px 15px; line-height:16px;  font-weight:normal;  }
#column_left ul li.MenuItem1				{ display: block; background-image:url(/csshandler.ashx?file=images/navi_grey_bordered.gif); background-position:top center; background-repeat:no-repeat; margin:2px -5px 0px -10px; padding: 5px 5px 3px 15px; line-height:16px;  font-weight:normal;  }

#column_left ul li.MenuItemWithChildren2	{ display: block; /* margin:6px -6px 0px -6px; padding: 2px 5px 0px 15px; */ padding:2px 0px 2px 0px; margin:0px; line-height:18px;  font-weight:normal; border-bottom:1px solid #e3e3e3;  }
#column_left ul li.MenuItem2				{ display: block; /* margin:6px -6px 0px -6px; padding: 2px 5px 0px 15px; */ padding:2px 0px 2px 0px; margin:0px; line-height:18px;  font-weight:normal; border-bottom:1px solid #e3e3e3;  }

#column_left ul li.MenuItemWithChildren3	{ display: block; background:url(/csshandler.ashx?file=images/navilist.gif) 0px 2px no-repeat;  margin:6px -6px 0px -6px; padding: 2px 5px 0px 15px; line-height:14px;  font-weight:normal;   }
#column_left ul li.MenuItem3				{ display: block; background:url(/csshandler.ashx?file=images/navilist.gif) 0px 2px no-repeat;  margin:6px -6px 0px -6px; padding: 2px 5px 0px 15px; line-height:14px;  font-weight:normal; font-size:90%; }

#column_left ul li.MenuItemWithChildren4  {display: block; margin:6px -6px 0px -6px; padding: 2px 5px 0px 15px; line-height:14px;  font-weight:normal;  }
#column_left ul li.MenuItem4  { display: block;  margin:6px -6px 0 -6px; padding: 2px 5px 0px 15px; line-height:14px;  font-weight:normal; font-size:90%; }

#column_left ul li.MenuItemWithChildren5  {display: block; margin:6px -6px 0px -6px; padding: 2px 5px 0px 15px; line-height:14px;  font-weight:normal;  }
#column_left ul li.MenuItem5  { display: block;  margin:6px -6px 0 -6px; padding: 2px 5px 0px 15px; line-height:14px;  font-weight:normal; font-size:90%; }

#column_left ul li a  { color:#000; font-weight:normal; text-decoration:none !important; display:block; position:relative;  }
#column_left ul li a:hover  { color:#666; font-weight:normal; text-decoration:none !important;   }

#column_left ul li.MenuItem0:hover, 
#column_left ul li.MenuItemWithChildren0:hover { background-image:url(/csshandler.ashx?file=images/navi_green_bordered_hover.gif) !important; 
												 background-position:top; background-repeat:no-repeat; margin:5px 4px 5px 0px; padding:5px 5px 5px 10px; line-height:25px;  font-weight:bold; cursor:pointer; }


/*#Cascade näkyvyys */
#column_left ul.MenuLevel li.MenuItem0.MenuSelected, #column_left .MenuLevel li.MenuItemWithChildren0.ChildMenuSelected {  display:block !important; background-image:url(/csshandler.ashx?file=images/navi_green_bordered_hover.gif) !important; background-position:top; background-repeat:no-repeat; margin:5px 4px 5px 0px; padding:5px 5px 5px 10px; line-height:25px;  font-weight:bold; }


#column_left ul.MenuLevel li.MenuItemWithChildren0 ul.MenuLevel1 { display: none; margin-top:10px; }
#column_left ul.MenuLevel li.ChildMenuSelected ul.MenuLevel1, #column_left ul.MenuLevel li.MenuSelected ul.MenuLevel1 { display:block !important; }

#column_left ul.MenuLevel1 li.MenuItemWithChildren1 ul.MenuLevel2 { display:none; margin-top:6px; }
#column_left ul.MenuLevel1 li.ChildMenuSelected ul.MenuLevel2, #column_left ul.MenuLevel1 li.MenuSelected ul.MenuLevel2{ display:block !important; }

#column_left ul.MenuLevel2 li.MenuItemWithChildren2 ul.MenuLevel3 { display:none; }
#column_left ul.MenuLevel2 li.ChildMenuSelected ul.MenuLevel3, #column_left ul.MenuLevel2 li.MenuSelected ul.MenuLevel3 { display:block !important; }


/*#column_left li.MenuItemWithChildren012 {background-image:url(/csshandler.ashx?file=images/background_naviheader.gif); background-position:center; background-repeat:repeat-x; height:23px; margin:5px 5px 5px 0; padding:5px; border: 1px solid #5b9400; line-height:25px; font-size:100%; font-weight:bold; }
*/
/*
#column_left li.MenuItemWithChildren0 {background-image:url(/csshandler.ashx?file=images/background_naviheader.gif); background-position:center; background-repeat:repeat-x; height:23px; margin:5px 5px 5px 0; padding:5px; border: 1px solid #5b9400; line-height:25px; font-size:100%; font-weight:bold; }
#column_left li.MenuItem0 { background-image:url(/csshandler.ashx?file=images/background_naviheader.gif); background-position:center; background-repeat:repeat-x; height:23px; margin:5px 5px 5px 0; padding:5px; border: 1px solid #5b9400; line-height:25px; font-size:100%; font-weight:bold; }
#column_left li.MenuItem1 {background-image:url(/csshandler.ashx?file=images/background_navilink.gif); background-position:center;background-repeat:repeat-x;height:13px; margin:6px -6px 0 -6px; padding: 5px 5px 5px 15px; border: 1px solid #c6c6c6; line-height:14px; font-size:100%; font-weight:normal; }
#column_left li.arrowright { list-style-position: inside; list-style-type:circle; }
#column_left li a  { color:#333333; font-weight:normal; text-decoration:none; !important  }
*/

/* ------------------------------ 
FORMIT
------------------------------ */


input.quantity{ width:21px; height:17px; border: 1px solid #888888; text-align:center; float:left; margin-left:10px; }
.siirrakoriinnappi { /*float:right;*/}

#tuoteselaus_right form { margin:0; padding:0 5px 0 0 ; }
#tuoteselaus_right form * { vertical-align:middle; }

select.topsearchdropdown{ width:112px; height:25px; padding:1px 1px 0px 1px; background-image:url(/csshandler.ashx?file=images/select_search_top.gif); border: 0px; border-bottom: 1px solid #8e8e8e; line-height:25px;  color:#666666;}

/******** LAITETAAN ELEMENTTIEN MÄÄRITTEET MIELUITEN ALLEKKAIN ***********/
#topbar .ACACMSSearch { display:block; background-image: url(/csshandler.ashx?file=images/searcharea.png); background-repeat:no-repeat; height:100px; width:490px; float:right; margin:0px 0 0 0; padding: 7px 0 0 0; }
.ACACMSSearchText, input.topsearch { position:relative; z-index:99; width:385px; height:22px; background-image:url(/csshandler.ashx?file=images/field_search_top.gif); border:none 0px; line-height:22px; color:#666666; float:left; display:inline; padding:3px 0 0 5px; margin:54px 0 0 21px; }
.ACACMSSearchButton { position:relative; z-index:99; background:url(/csshandler.ashx?file=images/button_search_top.gif); border:none 0px; width:58px; height:25px; line-height:25px; float:left; display:inline; color:#fff; font-size:0px; cursor:pointer; margin:54px 0 0 0;}

#search form { margin:0; padding:0 0 0 0 ; }
#search form * { vertical-align:middle; }

.toplogininput{ width:137px; height:22px; background-position:0 0; background-image:url(/csshandler.ashx?file=images/input_login_top.gif); background-repeat:no-repeat; 
				border: 0px; line-height:22px; color:#666666; font-size:90%; margin: 1px auto; padding:3px 5px 0 4px !important; }
.toploginbutton { padding-top:3px; }

/*
#column_right .uniForm { border-bottom:1px solid #c1c1c1; border-right:1px solid #c1c1c1; }
#column_right .uniForm .formHeader { margin-bottom:10px; }
#column_right .uniForm .ctrlHolder_user,
#column_right .uniForm .ctrlHolder_password { margin:7px 0 2px 0; }
#column_right .uniForm label { padding-left:10px; width:100px !important; }
#column_right .uniForm .ctrlHolder_user .textInputUser,
#column_right .uniForm .ctrlHolder_password .textInputPassWord{ width:180px; }
#column_right .uniForm .buttonHolder { float:left !important; text-align:left !important; margin-left: 158px; }
#column_right .uniForm .buttonHolder .imageButtonLogin:hover { cursor:pointer; }
#column_right .uniForm .ctrlHolder { border:none !important; }
#column_right .uniForm p.hint { padding-left:10px;  }

*/

/* ------------------------------ 
TUOTESELAUS
------------------------------ */
#tuoteselaus_vaakarivi_deactive  { width:auto; /* min-height: 97px; */ min-height:87px; border-bottom:1px solid #fff; background-image:url(/csshandler.ashx?file=images/bg_vaakalista_deactive.gif); background-repeat: repeat-x; background-position: bottom; background-color: #fafafa; }

#tuoteselaus_vaakarivi_deactive:hover { width:auto; min-height:87px; border-bottom: 1px solid #fff; background-image: url(/csshandler.ashx?file=images/bg_vaakalista_active.gif); background-repeat: repeat-x; background-position: bottom; background-color: #eef5e2; }

#tuoteselaus_vaakarivi_active { width:auto; min-height:97px; border-bottom: 1px solid #fff; background-image: url(/csshandler.ashx?file=images/bg_vaakalista_active.gif); background-repeat: repeat-x; background-position: bottom; background-color: #eef5e2; }
#tuoteselaus_left { float: left; width:454px; }
#tuoteselaus_left img {float:left;}
#tuoteselaus_right { background-image: url(/csshandler.ashx?file=images/jakaja_vaakalista.gif); background-repeat: repeat-y; background-position: left; width: 147px; float: right; text-align: right; }

.tuotelistasmall {
	line-height: 16px; width: 100%; }

#tuotelistasarake { float: left; width:130px; margin: 0; padding: 10px; }

.tuotelistasarake { float: left; width:130px; margin: 0; padding: 10px; }


.tuotelistasmall p { line-height: 16px; vertical-align: middle }
.line2 { background-image: url(/csshandler.ashx?file=images/bg_vaakalista_deactive.gif); background-position: left bottom; height:20px; line-height: 20px; vertical-align: top; padding:0px 0px 0px 5px; }
.line1 {
	/*background-image: url(/csshandler.ashx?file=images/bg_vaakalista_active.gif);
	background-position: left bottom;*/
	background-color:#fff;
	height:20px;
	line-height: 20px;
	vertical-align: top;
	padding:0px 0px 0px 5px;
}
form.listlineform { display:inline; margin:0 auto; padding:0; } 
.spanFancyBox { float:left; }

#tuotekuva { float: left; width: 255px; }
#tuoteseloste_small { float:left; width: 346px; }

/* ------------------------------ 
TILAUSPROSESSI
------------------------------ */

h1.kori { line-height:33px; vertical-align:middle; margin-bottom:15px;}
#kori { position:relative; right:-90px; top:-33px; }


#tilausprosessi_left { width:551px; float:left; margin:0; padding:0;}
#tilausprosessi_right { width:200px; float:right; margin:0; }
#tilausprosessi_full { width:100%; margin:0; padding:0; }

#ostoskorinappi { width:183px; border: 1px solid #5b9400; padding:5px; margin: 5px 0 5px 0; text-align:center; }
#ostoskorinappi:hover { width:183px; border: 1px solid #5b9400; padding:5px; margin: 5px 0 5px 0; text-align:center; background-color:#e3ff97; }

.trheader { background-color: #E1E1E1; }
.tdunder { border-bottom: solid 1px #C8C8C8; }

#mediumbox { background-image: url(/csshandler.ashx?file=images/grey_content_small.gif); height:180px; width: 351px; background-repeat:no-repeat; float:left; margin:10px; }
#mediumbox_green { background-image: url(/csshandler.ashx?file=images/green_content_small.gif); height:180px; width: 351px; background-repeat:no-repeat; float:left; margin:10px; }
#mediumbox_green_full { background-image: url(/csshandler.ashx?file=images/green_content_full_bg.gif); min-height: 180px; width: 731px; background-repeat: repeat-y; margin:10px 10px 0 10px; }
#mediumbox_green_full_bottom { background-image: url(/csshandler.ashx?file=images/green_content_full_bottom.gif); width: 731px; background-repeat: repeat-y; margin: 0 10px 10px 10px; height: 36px; }
#mediumbox_grey_full_bottom { background-image: url(/csshandler.ashx?file=images/grey_content_full_bottom.gif); width: 731px; background-repeat: repeat-y; margin: 0 10px 10px 10px; height: 36px; }
#mediumbox_grey_full { 	background-image: url(/csshandler.ashx?file=images/grey_content_full_bg.gif); min-height: 180px; width: 731px; background-repeat: repeat-y; margin: 10px 10px 0 10px; }

div.stepwizard { font: 10px "Trebuchet MS", Arial; color: #7f7f7f;  }
div.stepwizard ul { list-style:none; margin:0px; padding:0px 0 21px 0; height:54px; }
div.stepwizard ul li { /* Muokkaa tätä leveyttä jos haluat step elementtiä leveämmäksi */ width:100px; display:block;  height:44px; margin:0x; text-align:center; float:left; line-height:11px;  }
div.stepwizard ul li span.info { height:22px; display:block; vertical-align:bottom;}
div.stepwizard ul li span.nro { /* Muokkaa myös tätä leveyttä samassa suhteessa */ width:100px; color:#FFFFFF; font-weight:bold; font-size:105%; margin:5px 0 0 0; padding:0px;  height:18px; line-height:18px; display:block; background: url(/csshandler.ashx?file=images/step_bg_grey.gif) no-repeat center center; } 
div.stepwizard ul li span.active { background: url(/csshandler.ashx?file=images/step_bg.gif) no-repeat center bottom; }
div.stepwizard ul li.active {color:#000;} 

.modalpopup { background-color: white; border: 1px solid black; width: 400px; }

.SubPages { margin:0px; width:195px; }
.SubPages a:link, .SubPages a:visited, .SubPages a:active, .SubPages a:hover { display: block; background-image:url(/csshandler.ashx?file=images/navi_grey_bordered.gif); background-position:top left; background-repeat:no-repeat; margin:0px; padding:0 5px; line-height:23px; height:23px;  font-weight:normal; color:#000; text-decoration:none;  }
.SubPages a:hover {color:#666666;}
.SubPages br {line-height:3px;}

.tuotelistasarake_table 				{ width:600px; margin-top:5px;margin-left:0;margin-bottom:0;margin-right:0;padding:0px; }
.tuotelistasarake_table .tuotelistasarake_td 			{ width: 130px; margin:0px; padding:0px 10px; font-size:10px; font-family:"Trebuchet MS", Arial, "Arial Narrow", Verdana; vertical-align:top; }
.tuotelistasarake_table .tuotelistasarake_td .image_td 	{ width: 130px; height:75px; padding:0px; margin:0px; }
.tuotelistasarake_table .tuotelistasarake_td .prise_td 	{ width: 130px; height:25px; line-height:25px; padding:0px; margin:0px; font-size:14px; font-weight:bold; }
.tuotelistasarake_table .tuotelistasarake_td .koriin_td	{ width: 130px; height:25px; line-height:25px; padding:4px 0 0 0; margin:0px; }
.tuotelistasarake_table .tuotelistasarake_td .header_td	{ width: 130px; line-height:15px; padding:0px; margin:0px; height:30px; }
.visaImage { position: relative; top: -15px; }
#pager { width: 600px; }

.200 {width:200px; margin:0px; padding:0px;}
.gsmHeader { font: bold 13px/24px "Trebuchet MS", Arial, "Arial Narrow", Verdana; text-decoration: none; height:24px; }
.gsmHeader a:link { text-decoration:none; }
.gsmTeksti { font: 11px/14px "Trebuchet MS", Arial, "Arial Narrow", Verdana; color:#333333; vertical-align:top; }
.gsmHinta { font: 11px/14px "Trebuchet MS", Arial, "Arial Narrow", Verdana; font-weight:bold; color:#000000;}
.gsmLinkit { font: bold 11px/14px "Trebuchet MS", Arial, "Arial Narrow", Verdana; text-decoration: none; padding:10px 0 0 0; }
.gsmLinkit a:link { text-decoration:none; }
.gsmTausta { background: #FFFFFF url(/csshandler.ashx?file=images/gsmBackground.gif); }
.600 { border:1px solid #c6c6c6; margin:0px; padding:0px; width:598px;}

.rivi1 {background-color:#e7e7e7;}
.rivi2 {background-color:#fff;}

.tuotekuva {width:60px; margin:0px; padding:0px; text-align:left;}
.valintaruutu { width:600px; height:200px; margin:5px 0px; padding:0px; background: url(/csshandler.ashx?file=images/valintalaatikko.gif) no-repeat; }

table.valintaruutu tr td p {padding:15px 20px;}
table.valintaruutu tr td p strong {margin:0 0 15px 0;}

.ddlNumberResultsPosition { float: right; margin-top: -22px; margin-right: 5px; text-align: right; }

.filterPanel { width: 100%; height: 30px; position: relative; }
.filterPanelRight { text-align: right; float: right; }
.filterPanelLeft { text-align: left; float: left; }
.filterPanel button { height: 22px; vertical-align: top; }

/* UPDATE PROGRESS  */

.modalProgressGreyBackground
{
    background: #CCCCCC;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalProgressRedBackground
{
    background: Red;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.modalProgressWhiteBackground
{
    background: white;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopup
{
    text-align: center;
    padding-top: 300px;
    border-style: solid;
    border-width: 1px;
    background-color: White;
    width: 100%;
    height: 100%;    
}


#overlay
{
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=80);
    opacity: 0.80;
    -moz-opacity: 0.80;
}

#theprogress
{
    width: 110px;
    height: 24px;
    text-align: center;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}
#modalprogress
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -11px 0 0 -55px;
    color: #99E5FF;
}
body > #modalprogress
{
    position: fixed;
}

div#maksuvalinta
{
margin-bottom: 1em;
}
div#maksuvalinta table#valintataulu
{
width: 100%;
margin: 0;
padding: 0;
}
#valintataulu tr td
{
margin: 0;
padding: 0;
}
#valintataulu tr td.maksunappi
{
width: 125px;
height: 80px;
text-align: center;
vertical-align: middle;
}
#valintataulu tr td div.napit
{
width: 125px;
height: 60px;
vertical-align: middle;
text-align: center;
}
#valintataulu tr td span.pankkiteksti
{
display: block;
width: 125px;
height: 0px;
text-align: center;
}

/*--------------------*/