/*---------------------------------------
reset
----------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}
html{
font-size:100%/*WinIE6- text resize adjust*/
}
img {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ul {
list-style: none;
margin:0;
padding:0;
}
q:before, q:after,
blockquote:before, blockquote:after {
content: "";
}

strong{font-weight:900;}

/*---------------------------------------
basic text styles
----------------------------------------*/

body{
font:0.8em 'courier new', courier,  sans-serif;
line-height:1.1em;
color:#000000;
background:#fff;
}
h1, h2, h3, h4, h5, h6{
font-family:'helvetica neue', helvetica, arial, verdana, sans;
font-weight:bold;
line-height:1em;
margin:0;
padding:0.2em 0 1em 0;
display:block;
}
h1{font-size:2.35em; line-height:0.85em; padding:0 0 3em 0; margin-top:-7px;}
h2{font-size:1.68em;}
h3{font-size:1.3em;}
h5{padding: 0.4em 0 0.25em 0;}

p{
padding:0;
margin:0 0 1em 0;
}
a{
  text-decoration:none;
}
a:link, 
a:hover,
a:visited, 
a:active{
color:#000000;
text-decoration:underline;
}

.nw{white-space:nowrap;}

/*---------------------------------------
layout structure
----------------------------------------*/
body{
text-align:center;
overflow-x: hidden; 
overflow-y: scroll;
}

#top_fix {
position:fixed;
top:0;
left:0;
width:100%;
height:0;
}

#top, 
#content_wrap {
width:960px;
margin:0 auto;
}
#content_wrap {
position:absolute;
border: 2px solid #fff;
top:0px;
left:50%;
margin: 0 0 0 -480px;
}

#content {
position:absolute;
top:0;
left:180px;
width:720px;
padding:70px 0;
}
#head {
width:140px;
float:left;
padding:40px 0;
}
#head #logo h1{
padding:0;
margin:0;
}
#head #logo h1 a{
display:block;
width:61px;
height:61px;
overflow:hidden;
text-indent:-9999px;
background:transparent url('http://www.arelalizza.fi/img/arelalizza_blk.gif') top left no-repeat;
}

.block{float:left; clear:both; margin:1em 0;}
.brd-t{border-top:1px solid #bbb;}
.text-right{text-align:right;}
.light{color:#bbb;}
.outdent{padding-left:2em; text-indent:-2.25em;}
.no-t-mrg{margin-top:-1em;}

/* general col classes 
------------------------------*/

.item-form ul.cols2,
.item-form ol.cols2 {
width:105.25%;
}
.item-form ul.cols2 li,
.item-form ol.cols2 li{
width:45%;
margin-right:4.75%;
}
.item-form ul.cols3,
.item-form ol.cols3 {
width:105.25%;
}
.item-form ul.cols3 li,
.item-form ol.cols3 li{
width:28%;
margin-right:4.75%;
}
.item-form ul.cols4,
.item-form ol.cols4 {
width:105.25%;
}
.item-form ul.cols4 li,
.item-form ol.cols4 li{
width:20%;
margin-right:4.75%;
}



/*---------------------------------------
navigation
----------------------------------------*/

#head-top {
font-family: arial, 'helvetica neue', helvetica, verdana, sans;
font-size:9px;
letter-spacing:0.1em;
margin:5px 0 0 -10px;
color:#555;
height:15px;
}
#head-top a{
padding:2px 10px;
text-decoration:none;
color:#555;
}
#head-top a:hover{
text-decoration:underline;
}

ul.nav{
font-family: arial, 'helvetica neue', helvetica, verdana, sans;
font-size:0.875em;
margin:50px 0 10px 0;
padding:0;
border-top:2px solid #bbbbbb;
border-bottom:2px solid #bbbbbb;
}

ul.nav a{
display:block;
padding:3px 0 10px 1px;
color:#555;
text-decoration:none;
}
ul.nav a:hover{background:#efefef;}

ul.nav li.here{
color:#000; 
font-weight:900;
}
ul.nav .here a{
color:#000;
}

ul.nav li ul.category{padding-bottom:10px; border-bottom:1px solid #bbbbbb;}

ul.nav li ul.category a{padding:4px 0 4px 2px;font-weight:normal;}
ul.nav li ul.category li.level2 a{padding-left:12px;}
ul.nav li ul.category li.level3 a{padding-left:24px;}
ul.nav li ul.category li.level4 a{padding-left:36px;}


ul.nav li ul.category li.here{border:0; padding-bottom:0px;}
ul.nav li ul.category li.here a{font-weight:900;}


/*---------------------------------------
SHOP PRODUCT-LIST LAYOUT
----------------------------------------*/

.products{
margin:-15px 0 0 -7px;
}
.products div{
float:left;
height:330px;
width:160px;
padding:5px;
margin:3px;
}

.products div a{text-decoration:none;}
.products div h4{font:normal 11px arial; margin:0.5em 0 0 0; padding:0; float:left; width:60%;}
.products div p{margin:0.25em 0 0 0; padding:0 1% 0 0; float:right; text-align:right;}
.products div p span{display:block;text-align:right;}

.striked{text-decoration:line-through; font-weight:normal;}
.special-price{font-weight:bold; background:#ffff00;}


/*---------------------------------------
SHOP PRODUCT LAYOUT
----------------------------------------*/

.cols2{float:left; margin-top:-9px; width:105%;}
.cols2 .col{float:left; width:47%; margin-right:2%;}

.swatches img{width:20px; height:20px; margin-right:5px;}

ul#productimages li{width:340px; height:510px; overflow:hidden; background:#efefef;}
ul#productimages li img{width:340px;}

.pic-nav {font:0.8em arial;}
.pic-nav p{margin:10px 0 0;}
.pic-nav .thumbs{margin:0 0 0 -6px; padding:0;}
.pic-nav .thumbs li{float:left; display:inline; }
.pic-nav .thumbs li a{float:left; margin:4px; padding:2px 6px; text-decoration:none; border:1px solid #444;}
.pic-nav .thumbs li a:hover{background:#000;border-color:#000; color:#efefef;}

.swatches{margin-top:20px;}

.order-form {border-top:1px solid #ccc; margin:30px 20px 0 0; padding-top:5px;}
.order-form .txt-head{font-weight:bold; padding:0 0 0.25em 0; margin:0;}
.order-form .price{font-size:18px; font-weight:bold;}


.product-option{margin:5px 0;}
.product-option p{float:left; width:120px; margin:0; padding:0;}

.order-form .button{margin:30px 0 10px 0px;}


/*---------------------------------------
CART
----------------------------------------*/

.cart-return {
position:relative;
top:-4em;
}

#cart {
width:100%;
float:left;
clear:both;
margin-top:1.75em;
}
#cart h3{
clear:both;
}

.crumb {
float:left;
clear:both;
margin:-55px 0 1em 0;
width:100.5%;
}
.crumb li{ 
float:left;
padding:3px 0 3px 3px;
margin:0;
width:19.25%;
border-left:1px solid #fff;
color:#bbb;
background:#eee;
font-family:'helvetica neue', arial;
}
.crumb li.here{color:#000;background:#fff;}
.crumb li a{color:#000;text-decoration:none;}
.crumb li span{display:block;float:left;}
.crumb li span.num{font-size:26px;line-height:0.9em; margin-right:7px;}
.crumb li span.phase{font-size:11px;line-height:1.1em;}

table.order {
margin:0 0 5.5em;
clear:both;
font-family:arial;
width:100%;
}
table.order td,
table.order th{padding:2px 10px 10px 0; vertical-align:top; text-align:right;}
table.order th{padding-right:3px;}

table.order th{font-weight:normal; line-height:1em;}
table.order th label{margin-right:0.55em;}
table.order tr.brd-t td{border-top:1px solid #bbb;}

table.order td.col1,
table.order th.col1{text-align:left;}
table.order td.col2{width:5%; white-space:nowrap;}
table.order td.col3{width:13%;}
table.order td.col4{width:13%;}
table.order td.col5{width:13%;}
table.order td.col6,
table.order th.col6{width:10%; padding-right:0; white-space:nowrap;}

tr.sum td{color:#000;}
tr.sum .col4{font-weight:bold;}

table.order label{
font-size:11px;
color:#999;
}

.order-field{padding:0; margin-top:-3px; margin-right:-4px; text-align:right;}

.method-info{
margin-top:2em;
float:left;
display:block;
width:100%;
clear:both;
}
.method-info label{
clear:both;
}

.label-cols label{display:block;padding-bottom:0.25em;}
.label-cols select{width:260px;}

#cart ul{margin:0.25em 0 3em 0; float:left; display:block; width:62.5%; clear:both;}
#cart ul li{padding:0.35em 0; display:block; float:left; clear:both; width:100%;}
#cart ul li label{display:block; float:left; width:43%; margin-top:0.25em;font-family:'helvetica neue', helvetica, arial; font-size:11px;}
#cart ul p{width:54%; margin-top:0.25em; float:left; clear:right;}
#cart ul li input{width:54%;font:1em 'courier new', courier,  sans-serif;}



.payment-info {display:block; float:left; width:100%; margin:1em 0; padding-top:0.75em; border-top:1px solid #bbb; border-bottom:1px solid #bbb;}
.payment-info label{display:block; float:left; width:30%; clear:left; padding:0;font-family:'helvetica neue', helvetica, arial; font-size:11px;}

.visa-pic,.visa-e-pic,.verified-by-visa-pic,.mastercard-pic,.mastercard-securecode-pic,.nordea-pic,.osuuspankki-pic,
.sampopankki-pic,.aktia-pic,.saastopankki-pic,.paikallisosuuspankit-pic,.handelsbanken-pic,
.tapiola-pic,.paypal-pic,.suomen-verkkomaksut-pic,.ennakkomaksu-pic,.lasku-pic{
display:block;float:left; margin:0.5em 1em 0.75em 0;text-indent:-9999px;height:30px;
}
.visa-pic{width:60px;background:transparent url('img/pay_visa.gif') top no-repeat;}
.visa-e-pic{width:50px;background:transparent url('img/pay_visa_e.gif') top no-repeat;}
.verified-by-visa-pic{width:50px;background:transparent url('img/pay_visa_v.gif') top no-repeat;}
.mastercard-pic{width:54px;background:transparent url('img/pay_master.gif') top no-repeat;}
.mastercard-securecode-pic{width:64px;background:transparent url('img/pay_master_s.gif') top no-repeat;}
.nordea-pic{width:72px;background:transparent url('img/pay_nordea.gif') top no-repeat;}
.osuuspankki-pic{width:30px;background:transparent url('img/pay_op.gif') top no-repeat;}
.sampopankki-pic{width:64px;background:transparent url('img/pay_sampo.gif') top no-repeat;}


/*


*/