#va_tuoteluettelo input[type="text"], #va_tuoteluettelo input[type="password"],#va_haku input[type="text"] {
    border: 1px solid #aaa;
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	height:100%;
	padding:4px;
	display:block;
	width:100%;
	border-radius:0;
	-webkit-appearance: none;
}


.vat_rivi{
    margin-bottom:10px;	
}
#vat_otsikko{
    margin-top: 0;
    border:1px solid #aaa;
    background:#e6e6e6;
    color:#555;
    font-size: 16px;
    padding: 10px;
}
#va_tuoteluettelo{
    float: none;
    /*border: 1px solid #888;*/
    width: 100%;
}
.va_minilista{
    width: 100%;
    float: none;
	margin-top:2%;
}
h4.tl_minituoteotsikko{
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    height: 30px;
    overflow: hidden;
    display: block;
    color: #000;
}
.tl_minihinta{
    color:#000;
    font-weight: bold;
    margin-top: 3px;
}
a.tl_minituotelinkki{
    display: block;
    border: 1px solid #aaa;
    width: 46.229%;
    height: 140px;
    float: left;
    padding: 1%;
    text-align: center;
    color: #000;
    margin-left: 1%;
    margin-bottom: 1%;
	margin-top:1%;
}
.tl_minithumb{
	height: 90px;
}
.mini_listaotsikko{
	margin-top:1%;
    padding-bottom: 1%;
    border-bottom: 1px solid #aaa;
    color: #000;
}
.vat_nappi{
    background-color: #316e86;
    color: #FFFFFF;
    text-shadow: none;
    -moz-box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    margin: 0;
    outline: medium none;
    white-space: nowrap;
    height: 40px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    margin-top: 10px;
	display:block;
}
a.vat_nappi,a.vat_nappi:visited,a.vat_nappi:hover{
	line-height:38px;
	font-family: sans-serif;
	color:#fff !important;
}
.va_hennen{
	color:#555;
	font-weight:normal;
	font-size:80%;
}
strike.va_hennen{
	color:#555;
	font-weight:normal;
	font-size:100%;
	margin-right:8px;
}
.va_hennen span{
	color:#555;
	font-size:80%;
}
.va_hnyt{
	color:#f00;
	font-size:120%;
	font-weight:bold;
}
.va_hnyt span,.va_hnytnormi span{
	font-size:90%;	
}
.va_hnyt.luettelo{
	font-size:100%;
}
#va_omattiedotaulu{
	margin-bottom:10px;	
}
.va_omattiedotrivi{
	overflow:hidden;	
}
.va_omattiedottieto{
	float:none;
}
.va_omattiedottieto div{
	padding:2px;
}

/*tab*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 0.5em; background: none; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
/*.ui-widget-content { border: 1px solid #aaaaaa; color: #222222; }*/
.ui-widget-content a { color: #222; }
.ui-widget-header { border-bottom: 1px solid #aaa; color: #222; font-weight: bold; }
.ui-widget-header a { color: #222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999; background: #dadada; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaa; background: #fff; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
@media only screen and (min-width: 481px) {
#va_tuoteluettelo{
    float: none;
    width: 100%;
}
a.tl_minituotelinkki{
    /*width: 90px;*/
    width: 21.586%;
    height: 140px;
    /*float: left;*/
    padding: 1%;
    /*margin-left: 10px;*/
    margin-left: 1%;
}
}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
#va_tuoteluettelo{
    float: right;
    width: 79%;
}
#va_tuoteluettelo.va_kassa{
    float: none;
    width: 100%;
}
.va_minilista{
    width: 79%;
    float: right;
}
a.tl_minituotelinkki{
    width: 10.920%;
    height: 140px;
    /*float: left;*/
    padding: 1%;
    margin-left: 1%;
}
.va_omattiedottieto{
	float:left;
}
}