@import url("layout.css");
	
body
{ 
color: #333333;
background: #ffffff;
font-family : verdana, arial, helvetica, sans-serif; 
}

h1, h2, td, th, p, div, li, ul, ol {
	font-family : verdana, arial, helvetica, sans-serif; 
	color : #333333;
}

a {
	font-family : verdana, arial, helvetica, sans-serif; 
}

h1 {
	font-size: 20px;
	margin : 10px 0px 8px 0px;
	padding: 0px;
	}

h2 {
	font-size: 16px;
	margin : 10px 0px 8px 0px;
	padding: 0px;
	}
	
td, ul, li {
font-size : 11px; 
text-decoration : none; 
font-weight: normal;
}

td.scrollhead {
font-size : 12px; text-decoration : none; font-weight: bold;
color : #666666;
}
td.scroll, td.scrollact {
font-size : 12px; text-decoration : none; font-weight: bold;
color : #666666;
width:15px;
text-align:center
}
p  {
font-size : 11px;
margin-top:2px;
margin-bottom:6px;
}

div  {
font-size : 11px;
}

a.action {
	font-weight : bold;
}

a.outaction { 

  font-weight: normal;
}

p.head  {
font-size : 12px;
text-decoration : none;
font-weight: bold;
color : #666666;
}
p.head14  {
font-size : 14px;
text-decoration : none;
font-weight: bold;
color : #cc0000;
margin-top:0px;
margin-bottom:6px;
}
p.head12  {
font-size : 12px; 
text-decoration : none;
color: #666666;
font-weight: bold;
margin-top:0px;
margin-bottom:0px;
}
p.tuote  {
font-size : 12px;
text-decoration : none;
font-weight: bold;
color : #cc0000;
margin-top:0px;
margin-bottom:0px;
}

td.payStep {
	vertical-align: top;
	color : #999999;	
}

td.payStepCurrent {
	vertical-align: top;
	font-weight: bold;
	color : #000000;
		}

table.priceList, table.buttonBar {
	border-collapse: collapse;
		}

table.buttonBar td {
	background-color: #e0e0e0;
		}

table.priceList td.mandatory, td.mandatory {
	font-weight : bold;
	color : #000000;
	}

input.text {
	background-color: #f9f9f9;
	color : #666666;
		}		
		
input.mandatory {
	color : #000000;
	background-color: #ffffff;	
		}		

input.error {
	background-color: #ffffcc;
	color : #990000;
		}		
		
table.priceList td.error {
	background-color: Yellow;
	color : #cc0000;
		}

div.error {
	background-color: Yellow;
		}
				
table.priceList td {
	border: 1px solid #cccccc;
	margin : 0px;
	background-color: #f9f9f9;
	padding: 3px 6px 3px 6px;
	vertical-align: middle;
		}

			
table.priceList th {
	border: 1px solid #cccccc;
	margin : 0px;
	font-size : 11px;
	font-weight : bold;
	background-color : #eeeeee;
	padding: 3px 6px 3px 6px;
	vertical-align: middle;
	color : #333333;
	line-height: 22px;
	}
						
td.tuoteviiva {
	background-color : #cccccc;
}

td.hinta, span.hinta	{
font-weight: bold;
}

td.tracker	{
font-size : 12px;  font-weight: bold;
color: #cc0000;
}
td.nav,tr.nav
{ 
background: #f0f0f0;
}
td.navact
{
font-size : 12px;  font-weight: bold; 
color: #000000;
background: #ffffad;
}
td.head12  {
font-size : 12px; 
text-decoration : none;
color: #666666;
font-weight: bold;
}
.box
{ 
background: #dcdcdc;
}
.box2
{ 
background: #e7e7e7;
}
td.border1
{ 
background:#999999
}
td.border2
{ 
background:#808080
}
td.form
{
font-size : 12px;  font-weight: bold; 
color: #666666; 
background:#dcdcdc
}
.footer, td.footer
{ 
color:#808080;
text-align: center;
}
a:link, a:visited  {
font-size : 11px; 
text-decoration: underline;
color: #000000
}
a:active	{
font-size : 11px; 
text-decoration: underline;
color: #cc0000
}
a:hover {
font-size : 11px; 
text-decoration : underline;
color: #cc0000
}
a.nav:link, a.nav:visited  {
font-size : 12px;  font-weight: bold;
text-decoration : underline;
color: #000000
}
a.nav:active	{
font-size : 12px;  font-weight: bold;
text-decoration : none;
color: #cc0000
}
a.nav:hover {
font-size : 12px;  font-weight: bold;
text-decoration : underline;
color: #cc0000
}
a.nav2:link, a.nav2:visited  {
font-size : 12px;  font-weight: normal;
text-decoration : none;
color: #cc0000
}
a.nav2:active	{
font-size : 12px;  font-weight: normal;
text-decoration : none;
color: #cc0000
}
a.nav2:hover {
font-size : 12px;  font-weight: normal;
text-decoration : underline;
color: #cc0000
}
a.link14:link, a.link14:visited  {
font-size : 14px;  font-weight: bold;
text-decoration : underline;
color: #cc0000
}
a.link14:active	{
font-size : 14px;  font-weight: bold;
text-decoration : none;
color: #cc0000
}
a.link14:hover {
font-size : 14px;  font-weight: bold;
text-decoration : underline;
color: #cc0000
}
a.footer:link, a.footer:visited  {
font-size : 11px;  font-weight: normal;
text-decoration : underline;
color: #808080
}
a.footer:active	{
font-size : 11px;  font-weight: normal;
text-decoration : underline;
color: #808080
}
a.footer:hover {
font-size : 11px;  font-weight: normal;
text-decoration : none;
color: #808080
}

/* product navi bar contains sorting and multiple page browsing links  */

div.productNaviBar{
  vertical-align : middle;
  background-color: #f0f0f0;
  border-top: 1px solid #cccccc; 
  border-bottom: 1px solid #cccccc; 
  padding: 2px 4px 2px 4px; 
  margin: 0px auto;
}

div.row span.left {
  float: left;
  text-align: left;
  width: 49%;
  }

div.row span.right {
  float: right;
  text-align: right;
  width: 49%;
  }
  
div.spacer {
        clear : both;
}

/* pagelist in product naviBar */

ul.pageList {
margin-left: 0px;
margin-right: 0px;
}

ul.pageList li {
display: inline;
list-style-type: none;
margin: 0px;
}

.pageList li a
{
padding: 3px 0.5em;
text-decoration: none;
border: 1px solid #f0f0f0;
}

.pageList li a:hover
{
}

.pageList li a#current
{
border: 1px solid #000000;
text-decoration: none;
}

 a#currentSort img
{
border: 1px solid #000000;
}

/* category list */

div#categoryContainer {
	width:166px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color : #f0f0f0;
}

div#categoryContainer label {
	display: block;
	font-weight: bold;
	padding: 4px 6px 4px 6px;
	background-color : #DFDFDF;
	}

#categoryList
{
margin: 0px;
padding: 0px;
list-style: none;
}

#categoryList li 
{
padding: 4px 18px 4px 6px;
background-image: url(../img/arrow_right.gif);
background-repeat: no-repeat;
background-position: right;
}

/* shopping cart */

div#shoppingCartContainer {
	width:166px;
	padding: 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin: 0px 0px 10px 0px;
	background-color : #f0f0f0;
}

div#shoppingCartContainer label {
	display: block;
	font-weight: bold;
	background-color : #DFDFDF;
	padding: 4px 6px 4px 6px;
	margin: 0px 0px 0px 0px;

    background-image: url(../img/shoppingcart.gif);
	background-repeat : no-repeat;
    background-position: right;
}

div#shoppingCartContainer p {
	padding: 4px 6px 4px 6px;
	margin: 0px;
	font-weight: bold;
	background-color : #DFDFDF;
	background-image: url(../img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: right;
	}
		
#shoppingCartList
{
margin: 0px;
padding: 0px;
list-style: none;
}

#shoppingCartList li 
{
padding: 4px 6px 4px 6px;
border-top : 1px solid #dddddd;
/* icon not in use
background-image: url(../img/shoppingCartItem.gif);
background-repeat: no-repeat;
background-position: top left;
*/
}

/* search  */

div#searchContainer {
	background-color : #f0f0f0;
	width:154px;
	padding: 4px 6px 4px 6px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin: 0px 0px 10px 0px;
}