/*#########################################################
###      Document Stylesheet for Rajala Pro Shop        ###
###       Type: Formatting for Structure & Text         ###
###          Jussi Lahtinen / Smilehouse Oy             ###
#########################################################*/


/* ----------------------------------------------------- */
/* Resetting style formats								 */
/* ----------------------------------------------------- */

html, body, font { font-size: 10px; margin: 0; padding: 0; line-height: 1; }
* {	font-size: 1em;	margin: 0; padding: 0; outline: 0;}
img { border: none; }
ul, ol, li { list-style: none; }
:focus { outline: none; }
table, td, form, fieldset {	border: none; border-collapse: collapse; border-spacing: 0;}


/* ----------------------------------------------------- */
/* Reusable classes   	          						 */
/* ----------------------------------------------------- */

.hide { display: none; }
.right { float: right; }
.left { float: left; }
.current { cursor: default; }
.clear {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 1px;
	overflow: hidden;
}

/* ----------------------------------------------------- */
/* Typography           								 */
/* ----------------------------------------------------- */

body,ul,ol,dl,td,th,caption,pre,p,blockquote{font: 1.1em Arial, Helvetica, sans-serif;}
font,input,textarea, select {font: 1.0em Arial, Helvetica, sans-serif;}

.red {color: #ea0000; }

/* ----------------------------------------------------- */
/* Forms                								 */
/* ----------------------------------------------------- */
 
form {margin:0; padding:0; display:inline;}

label {
cursor:pointer;
font-weight: bold;
width:250px;
display:block;
}

fieldset {
	border: 1px solid #ccc;
	padding: 1em;
        margin-bottom: 1em;
}

legend {
	padding: 0.5em;
	background: transparent;
	font-size: 1.3em;
	font-weight: bold;
	
}
  
.req {	color: #FF0000;}

/* ----------------------------------------------------- */
/* Framework Settings    								 */
/* ----------------------------------------------------- */

#logo {
  display: block;
  float: left;
  width: 193px;
  height: 35px;
  text-indent: -9999px;
  margin: 23px;
  background: url(logo.png) no-repeat 0 0;
}

#wrapper { 
 margin: 0 auto;
 width: 950px;
}

#faux {
 background: url(faux.png);
  overflow: auto;
 width: 100%;
}

#header {
 height: 80px;
 margin: 10px 0px 5px 0px;
 background: #ffde00;
}
#navigation {
 width: 930px;
 padding: 10px;
 margin: 0px 0px 8px 0px;
 background: url(navbg.png) no-repeat;
}
#leftcolumn { 
 background: #e9e9e9;
 margin: 0px 10px 5px 0px;
 width: 160px;
 float: left;
}
#content { 
 float: left;
 margin: 0px 10px 0 0px;
 width: 610px;
 display: inline;
 border-bottom:22px solid #000;
}

#content ul {margin: 15px;}

#content li {margin: 7px;}

#content .pad {padding: 10px;}


#rightcolumn { 
 background: #e9e9e9;
 margin: 0px;
 width: 160px;
 float: right;
}
#footer { 
 width: 930px;
 clear: both;
 background: #ffde00;
 margin: 10px 0px 10px 0px;
 padding: 10px;
}
#footer a:link, #footer a:visited {
	color: #000;

}

#header .left {margin: 23px;}
#header .right {
	background: url(prowebstore.png) no-repeat right;
	padding-right: 157px;
	height: 80px;
}
#smallcart {
	background: #ffde00 url(ots-kundvagn.png) no-repeat 10px 10px;
	padding-top: 40px;
}
.smallcartfooter {
	background: #000;
	text-align: center;
	padding: 10px;
	border-bottom: 10px solid #FFF;
}




#showcontents{
margin-left:21px;
margin-top:10px;

}

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

#nav-menu li {
	float: left;
	margin: 0 0.04em;
	list-style: none;
}

#nav-menu li a {
	background: url(navspacer.png) no-repeat right;
	height: 1.3em;
	line-height: 1.3em;
	float: left;
	display: block;
	color: #dbd7d7;
	text-decoration: none;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	text-transform: uppercase;
	font-size: 0.9em;
    font-weight: bold;
}
#nav-menu li a:hover {
	color: #ffde00;
}


/* Hide from IE5-Mac \*/
#nav-menu li a {
float: none
}
/* End hide */

/* ----------------------------------------------------- */
/* Basic formatting        								 */
/* ----------------------------------------------------- */
 
body {
	text-align: left;
	color: #000;
	background: #fff;
}

a:link, a:visited {
	text-decoration: none;
	color: #666;

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

}

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

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

li {
	list-style: disc;
	font-weight: normal;
	text-transform: none;
}
h1 {
	margin-bottom: 10px;
	color: #ffde00;
	font-size: 14px;
	text-transform: uppercase;
	background: #000;
	font-weight: bold;
	padding: 6px 7px;
}

h2 {
	margin-bottom:10px;
	margin-top: 5px;
	color: #ffde00;
	background: #000;
	font-weight: bold;
        padding:4px;
	text-transform: uppercase;

}

h3 {	font-size: 13px;}

HR {
	text-align: right;
	width: 100%;
	height: 1px;
	color: #e4e4e4;
	border: none;
	margin-right: 2px;
	margin-left: 2px;
} /* For Internet Explorer */

HTML>BODY HR {
	margin-right: 2;
	width: 100%;
	height: 1px;
	background-color: #e4e4e4;
	border: none;
	margin-left: 2px;
} /* For Gecko-based browsers */

HTML>BODY HR {
	margin-right: 2;
	width: 100%;
	height: 1px;
	background-color: #e4e4e4;
	border: 0px solid #e4e4e4;
	margin-left: 2px;
} /* For Opera and Gecko-based browsers */


/* ----------------------------------------------------- */
/* WS Built in styles      								 */
/* ----------------------------------------------------- */

	
.LoginFormUser, .LoginFormPasswd, .RecoveryFormUser {
     height: 11px;
	 width: 100px;
	 margin: 1px;
	 padding: 2px;
     border: 1px solid #e0e0e0;
     background: #FFF url(inputbg.png) no-repeat; 	
        
}

.ProductSearchParameter {
     height: 14px;
	 width: 100px;
	 margin: 7px 0px;
	 padding: 2px;
     border: 1px solid #e0e0e0;
     background: #FFF url(inputbg.png) no-repeat; 	
        
}
#searchsubmit{margin-top:4px;}
.topbanner {
	float: right;
	padding: 3px;
}


.ProductOptionsField  {border: 1px solid #000;}

.ProductAmountField, .ShoppingCartQuantityField  {
	width: 20px;
	margin-bottom: 2px;
}
.ProductAddButton {
	margin-bottom:0;
	padding: 0px;
}
.RecoveryFormUser  {
	width: 158px;
        padding:3px;
        height:14px;
        margin-right: 10px;
}


.WishlistItemDelete {
	background: url(btn-poista.gif) no-repeat;
	height: 13px;
	width: 40px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}

.WishlistClear {
	background: url(btn-tyhjenna_lista.png) no-repeat;
	height: 13px;
	width: 108px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}
.WishlistOrder {
	background: url(btn-tilaa_listan_tuotteet.png) no-repeat;
	height: 13px;
	width: 184px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}
.WishlistAddBasket {
	background: url(btn-siirra_tuotteet_koriin.png) no-repeat;
	height: 13px;
	width: 193px;
	margin: 0 10px;
	padding: 0px;
	border-style: none;
}
.WishlistItemAddBasket {
	background: url(btn-siirra_koriin.png) no-repeat;
	height: 13px;
	width: 92px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}

.table {
	width: 100%;
	margin-top: 10px;
}

.table th {
	font-weight: bold;
	padding: 4px;
	color: #ffde00;
	background-color: #000;
	text-transform: uppercase;
}

.table td {
	padding: 4px;
	vertical-align: middle;
}



.TableFooter td {
	font-weight: bold;
	padding: 4px;
    margin-bottom: 20px;
    background-color:#ffde00;
        
}

.TableTdDark, .TableRowDark td {
	background: #f0f0f0;
	padding: 2px;
	font-weight: bold;
	margin: 1px;
}

.TdDark {
	background: #f8f8f8;
	padding: 2px;
	font-weight: bold;
	border-bottom: 1px solid #FFF;
}

.TableError td {
	padding: 2px;
	font-weight: bold;
	background-color: #FF0000;
	color: #FFF;
}

.border {border: 1px solid #ececec;}

.total {
	font-weight: bold;
	font-size: 16px;
}
.price {
	color: #f4b914;
	font-weight: bold;
    font-size: 2em;
}


.oldprice {
	color: #737373;
	font-size: 11px;
        font-weight:normal;
position:relative;
top:-3px;
}

.ennakko .price {visibility: hidden;}



/* ----------------------------------------------------- */
/* Product list cards              						 */
/* ----------------------------------------------------- */

.productlistcard {
	background: #e9e9e9;
	margin-bottom: 10px;
	position: relative;
	margin-right: 0px;
	margin-left: 10px;
	float:left;
	border: 1px solid #CCC;
}

.productlistcard.vaihtolaite {
        background: none;   
        padding: 0 5px 10px 5px;	
	clear:both;
	border: none;
        border-bottom: 1px solid #CCC;
}


.productlistcard.vaihtolaite .space{
width:580px;
height:auto;

}

.productlistcard.vaihtolaite .productlistcardpic, .productlistcard.vaihtolaite .saatavuus {
	display: none;
}
.productlistcard.vaihtolaite .price, .productlistcard.vaihtolaite .osta {
        float: left;
        font-size: 14px;
}

.productlistcard.vaihtolaite .osta {

position:relative;
top:auto;


}



.productlistcard.vaihtolaite .productlistcardcontent{
       float:left;
       width:100%;
}


.productlistcard.vaihtolaite .productlistcardcontent .price, 
.productlistcard.vaihtolaite .productlistcardcontent h3,
.productlistcard.vaihtolaite .productlistcardcontent a
{
       float:left;
     
}
.productlistcard.vaihtolaite .productlistcardcontent .price{
height:auto;

}

.productlistcard.vaihtolaite .productlistcardcontent h3{

width:400px;
margin-right:20px;
}
.productlistcard.vaihtolaite .productlistcardcontent .price{
width:80px;

}

.productlistcard .space {
	margin: 6px 0px;
	background: #FFF;
	height: 130px;
	width: 190px;
}
.productlistcard h3 {
	font-size: 11px;
	padding: 0px;
	margin: 5px 0px 5px 0px;
       line-height:1.05em;
}

.productlistcardpic {
	float: left;
	padding: 5px;
        width:75px;
}

.productlistcard .price {
        width: 190px;
        padding:0;
}

.productlistcard a {color:#000;}
.productlistcard a:hover{color:#f4b914;}

.productlistcardcontent{
float:left;
position:relative;
width:100px;
}

.productlistcard .osta{
position:absolute;
top:96px;
}
.poista .osta {display:none;}
.poista.actionswrapper {display:none;}

.saatavuus {
    position:absolute;
    top:116px;
    margin-left:-80px;
    font-size:10px;
    color:#666666;
    width:170px;
}
.saatavuus2{
color:#666666;

}




/* ----------------------------------------------------- */
/* Product card     	          						 */
/* ----------------------------------------------------- */

.productcard {margin-bottom: 5px;}

.bigproductpic {position: relative;}

.productcard h2 {
	font-size: 2.3em;
	padding: 0px;
	text-transform: uppercase;
	background: #FFF;
        color: #000;
}
 .productcardtop {
	padding: 5px;
	background: #FFF;

}
.productcardcontent {
	padding: 5px 10px 20px;
	float: left;
	width: 300px;
}

.productcardcontent p{margin:20px 0;}


.actionswrapper{
margin-top:6px;
padding:6px;
background: #e9e9e9;
margin-bottom:10px;
}

#lisatiedot-toggle {
  display: block;
  width: 610px;
  height: 29px;
  text-indent: -9999px;
  background: url(nayta_lisatietoja.png) no-repeat 0 0;
}

.productcardpic {
	float: left;
	padding: 0px 10px 10px;
	width: 250px;
}


#zoomicon{margin-top:10px;}

.productcard .actions{
	float: right;
	padding: 30px;
	background: #e9e9e9;
        width:250px;

}
.productcard table td{padding: 8px;}


.productcard .price {
	font-size: 2.9em;
	padding-top: 5px;
	padding-bottom: 5px;
}


#nettiluotto_price {
	font-size: 0.5em;
        display:block;

}
.productcard a {color: #6f6e6b;}

.pad, .cartinfo{padding: 10px;}

.boxots {margin: 0px 3px 6px;}

.print {
  display: block;
  margin-bottom: 10px;
  width: 89px;
  height: 28px;
  text-indent: -9999px;
  background: url(btn-tulosta.png) no-repeat 0 0;
}
#takaisin {
  display: block;
  float: left;
  width: 85px;
  height: 32px;
  text-indent: -9999px;
  background: url(btn-takaisin.png) no-repeat 0 0;
}
#jatka_ostoksia{
  display: block;
  float: left;
  width: 126px;
  height: 32px;
  text-indent: -9999px;
  background: url(btn-jatka_ostoksia.png) no-repeat 0 0;
}
.takaisin {  
        clear:both;
        margin: 5px;
        margin-top: 15px;
        display: block;
}

a:link.takaisin, a:visited.takaisin {
	font-weight: bold;
	color: #000;

}

.piilota {visibility: hidden;}

.tarjous {
	background: url(tarjous.gif) no-repeat;
	display: block;
	height: 49px;
	width: 49px;
}




/* ----------------------------------------------------- */
/* Notifications     	                 	    	 */
/* ----------------------------------------------------- */


.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

	
.info {

    background: #d0e0ff url(info.gif) no-repeat 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #5e9eff;
    border-bottom: 2px solid #5e9eff;
}


/*-----------------------------------------------
Paging
 -----------------------------------------------*/

.paging {
	text-align: center;
	xmargin: 25px 0px 24px 0;
        padding:25px 0;
	color:#666;
	border:0px;

}

.paging a:link,
.paging a:visited,
.paging a:hover,
.paging a:active {
	text-decoration:none;
	color:#ffde00;
        border-color:#000;
	background:#686868;
	margin: 0px 2px;
	padding:3px 6px;
	font-size:12px;
	font-weight: bold;
}
.paging .thisPage {
	background: #ffde00;
	font-weight: bold;
	color: #000;
}
.paging a:hover {background:#ffde00; border-color:#ffde00; color:#000;}
.paging span {text-decoration:none; background:#000; padding:3px 6px; margin: 0px 2px; color:#ffde00; font-size:12px;}

.paging .dots {
	padding-left: 2px;
	padding-right: 2px;
	font-size: 12px;
        border:0px;
        background:none;
}
/** Laajennettu haku **/	

#haku table {
	margin: 0px;
	padding: 0;
}
#haku th {
	background-color: inherit;
	font-weight: normal;
	border-bottom: 1px solid #F3F6F8;
	padding: 10px;
	line-height: 14px;
}
#haku td {
	background-color: inherit;
	border-bottom: 1px solid #F3F6F8;
}

#haku tbody tr:hover {
	color: inherit;
	background-color: #f7f6f7;
}

#haku input {padding: 1px;}
#haku td{padding: 10px;}
#haku .submit {border: 0px;}

/** Tuotehaku **/
#tuotehaku {
	background: #FFDE00 url(ots-sok.png) no-repeat 10px 10px;
	padding: 20px 10px 10px 10px;
}
#tuotehaku .keyword {
	width: 115px;
	padding: 1px;
	height: 12px;
	margin-top: 2px;
	margin-bottom: 2px;
        font-size: 11px;
}

#tuotehaku .submit {
	float: right;
}

#tuotehaku .pad {
	padding-top: 5px;
	padding-bottom: 5px;
}
/** Tuoteryhmät **/

ul.ProductGroupTree {
	margin: 10px 0px 0px 5px;
	padding: 0px;
	list-style-type: none;
	xborder-left: 8px solid #FFF;
}

.ProductGroupTree li {
	list-style: none;
	text-align: left;
	padding: 0px;
	height: 100%;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
}

.ProductGroupTree li a {
	padding: 4px 0px 4px 2px;
	display: block;
	color: #000;    
}

.ProductGroupTree li a:first-letter{
        text-transform:uppercase;
}
.ProductGroupTree li a:hover {
	xpadding: 2px 0px 2px 5px;
	display: block;
	text-decoration: none;
	
}

.ProductGroupTree li ul {
	margin: 0px;
	padding: 0px;
}

.ProductGroupTree li ul li  {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.ProductGroupTree li ul li a {/*LINKKI TUOTEPUUSSA*/
	padding: 2px 0px 2px 15px;
	display: block;
	background-image: url(nav-arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px;
}

li.sel a{ /*AKTIIVINEN LINKKI TUOTEPUUSSA*/
	color: #000;
	font-weight: bold;
	text-decoration: none;
background-color:#ffffff;
}
li.sel li a{ /*EI-AKTIIVINEN LINKKI AVATUSSA RYHMÄSSÄ*/
       font-weight:normal;
background-color:transparent;
}

li.open a{font-weight:bold;}/*AVOIN LINKKI TUOTEPUUSSA, ALARYHMIÄ*/
li.open li a{font-weight:normal;}
li.open li.sel a{font-weight:bold;}


/** Kirjautuminen **/

#login {
	background: url(ots-logga_in.png) no-repeat 5px top;
	margin-left: 6px;
	padding: 15px 15px 0px 5px;
	margin-top: 8px;
}
#login td {	font-size: 10px;

}

#loginlinks {
	margin-left: 8px;
	color: #000;
}

#loginlinks a:link, #loginlinks a:visited {
	color: #000;
	padding: 0px 5px;
}

.box{
	background: #FFF url(boxbg.gif) no-repeat right bottom;
	margin-right:10px;
    padding:10px;
}

.box a:link, .box a:visited {
	color: #f4b914;
}

.ale {
	border: 3px solid #ffde00;
	background: url(alebg.gif) no-repeat right top;
}
.uutuus {
	border: 3px solid #56c10e;
	background: url(uutuusbg.gif) no-repeat right top;
}




.infobox {
	background: url(infoboxbg.gif) no-repeat;
	height: 148px;
	width: 286px;
}
.path {
	background: #FFF;
	padding: 5px;
	margin-bottom: 17px;
	text-transform: uppercase;
	font-weight: bold;
    height:20px;
}

.path a {
	color: #000;

}




.productcard.ennakko {
float:none;
position:static;
width:auto;
}


.productcard.ennakko .oldprice, .productcard.ennakko .price{
display:none;

}
.productcard.ennakko .inline{padding-left:0;}



.orderlinks {	
        margin:25px 10px 25px 10px;

}
.vaihe   {
	margin-bottom: 10px;

}


.tdpad td {	padding: 3px;
}
.productcardtable table {
	margin-bottom: 10px;
}
.productcardtable tr{	border-bottom: 1px dashed #000;
}
.productcardtable td{	padding: 5px;
}
.productcardtable th{
	font-weight: bold;
	text-transform: uppercase;	
	padding: 5px;
}


.ProductAddToWishlistButton {
	margin-left: 15px;
}

.carttable tr td{
        border-top:1px dashed #000;
}
.registration table{

        margin:20px;
}

.productcardtable td, table.productcardtable th {
       border-bottom:1px dashed #000;
}

.bottomborder {
	border-bottom: 10px solid #FFF;
}

/*-----------------------------------------------
Thickbox
 -----------------------------------------------*/

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666;
}

#TB_window a:link {color: #666;}
#TB_window a:visited {color: #666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666;}
#TB_window a:focus{color: #666;}


/* ---- thickbox settings ---- */

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=55);
	-moz-opacity: 0.55;
	opacity: 0.55;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffde00;
	z-index: 102;
	color:#000;
	display:none;
	border: 0px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	border-top: 0px solid #666;
	border-left: 0px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}




/*-----------------------------------------------
Frontpage
 -----------------------------------------------*/

.home-large {
margin-bottom: 20px;
margin-right: 10px;
margin-left: 10px;
padding: 30px 0px 30px 30px;
}

.home-large p {padding: 0;}

.home-large a {color: #000;}

.home-large a:hover, .home-medium a:hover,.home-small a:hover{
color:#f4b914;}

.home-large .pic {
float: right;
width: 260px;
}

.home-large .name {
font-size: 28px;
font-weight: bold;
margin: 0 0 10px 0;
}

.home-large .shortinfo {
font-size: 14px;
font-color: #ccc;
margin: 0 0 20px 0;
}

.home-large .price {
font-size: 42px;
font-weight: bold;
margin: 0;
}

.home-large .buy {float: right;}

.home-medium {
float: left;
width: 280px;
background: #e9e9e9;
border: 1px solid #CCC;
margin-bottom: 20px;
margin-right: 10px;
margin-left: 10px;
height:225px;
}


.home-medium p {
padding: 0;
margin-bottom:0;
}

.home-medium p.buy {
position:absolute;
top:120px;
}


.home-medium .saatavuus{
position:absolute;
top:160px;
font-size:11px;
margin-left:-100px;

}
.home-medium.ennakko p.buy{
visibility:hidden;

}


.home-medium a {color: #000;}

.home-medium .space {
background-color: #fff;
margin: 15px 0;
height:165px;
padding:15px;
}

.home-medium .content {
width: 150px;
float: right;
position:relative;
}

.home-medium .name {
font-size: 18px;
font-weight: bold;
margin: 0 0 6px 0;
}

.home-medium .price {
font-size: 28px;
font-weight: bold;
margin: 0 0 8px 0;
}




img.mediumpic{
max-height:110px;

}

#fraga {
   display:none;
}
.saatavuusArvo{
display:inline;
}

.saatavuusArvo a {
  color: #ffc904;
font-weight: bold;
font-size: 11px;
}


.popup {
	position: absolute;
	left:40;
	top:-200;
	width:170;
	height:150;
	background-color: #FFDE00;
	padding: 15px;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
	z-index: 2;
	visibility: hidden;
	border: 0px solid #000;
background-image:url(credarrow.gif);
background-repeat:no-repeat;
background-position:2px 2px;
margin-top:24px;


}

#creditinfo{

position:relative;
top:2px;
margin-right:4px;

}

			
.popup td {
	white-space:nowrap;
	color: #000;
	padding-right: 10px;

	font-size: 10pt;
}

	.formError {
			position:absolute;
			top:300px; left:300px;
			width:150px;
			padding-bottom:15px;
			display:block;
			z-index:5000;
		}
			.formError .formErrorContent {
				width:100%; 
				background:#000;
				color:#fff;
				font-family:tahoma;
				font-size:10px;
				box-shadow: 1px 1px 6px #000;
				-moz-box-shadow: 1px 1px 6px #000;
				-webkit-box-shadow: 1px 1px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;
				
			}
				.formError .formErrorArrow div{
					box-shadow: 1px 4px 5px #000;
					-moz-box-shadow: 1px 4px 5px #000;
					-webkit-box-shadow: 1px 1px 5px #000;
					font-size:0px; 
					
				}
				.formError .formErrorArrow .line10{width:15px;height:1px; background:#000;margin:0 auto; font-size:0px; display:block;} 
				.formError .formErrorArrow .line9{width:13px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line8{width:11px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line7{width:9px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line6{width:7px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line5{width:5px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line4{width:3px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line3{width:1px;height:1px; background:#000;margin:0 auto;display:block;} 

/*-----------------------------------------------
Print CSS
 -----------------------------------------------*/

@media print {


   #login, #fraga, #rightcolumn { display: none; }
	



}