@charset "utf-8";
/*  
Site Name: wrange.fi
Site URI: http://www.wrange.fi
Description: Wrange web-shop
Version: 1.0
Last modified: 27/05/09
Author: Pedro Reis
Author URI: http://www.uxte.com/
*/

/*///////////////////////////

Colors:
Green:			#b2d234
Ligh green:		#ecf4cc

/////////////////////////*/


*{margin:0;padding:0}

html, body{height:100%;}

body{
	background:#f6f6f6 url(images/body_bkg.jpg) top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

h1{}
h2{}
h3{font-size:14px}
small{font-size:10px}

.light-text{color:#ccc}
.dark-text{color:#333}
.spread-text{letter-spacing:0.1em}

.clear{display:block; clear:both; float:none;}

a{outline:none}
a img{border:none}

a:link, a:visited{text-decoration:none; color:#333;}
a:hover{text-decoration:underline}

#wrap{
	position:relative;
	width:980px;
	margin:0 auto;
	z-index:1;
}

.column { 
	width: 50%; 
	position: absolute; 
	top: 0; 
}

.left {left: 0;} 
.right {right: 0;}

.align-left{float:left}
.align-right{float:right}

#leftcol {
	background: url(images/top_left_bkg.jpg) no-repeat top right;
	margin-right:490px; 
	height:500px;

}

#rightcol {
	background: url(images/top_right_bkg.jpg) no-repeat top left;
	margin-left:490px;
	height:500px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
:::::::::::::::::::::: HEADER ::::::::::::::::::::::::::::
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header{
	position:relative;
	height:90px;
}

#logo{
	margin:40px 30px;
}

/*------------------------------- changed on 09/06/09 ---------------------------------- 
	Added Flash banner
--------------------------------------------------------------------------------------*/

#banner{
	background:#eaeaea url(images/top_bkg.jpg) 0 0 repeat-x;
	padding:50px 20px 0 20px;
}

#banner #flash{
	background-color:#ccc;
	display:table-cell;
	vertical-align:middle;
	width:940px;
	height:300px;
	outline:none;
	text-align:center;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
::::::::::::::::::::::: FORMS ::::::::::::::::::::::::::::
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button {
	background:none;
	position:relative;
	display:block;
	border:none;
	width:auto;
	overflow:visible;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

button img{padding:0 !important;}

button.custom-button, button.form-button{
	padding-left:10px;
	font-weight:bold;
	text-transform:uppercase;
	color:#999;
}

div.custom-button{
	padding-left:10px;
	font-weight:bold;
	text-transform:uppercase;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


button.custom-button span, button.form-button span{padding:12px 10px 12px 0;}
button.custom-button:hover, button.form-button:hover {color:#333 !important;}
button.custom-button img, button.form-button img{vertical-align:middle; margin-left:3px}


div.custom-button span{padding:12px 10px 12px 0;}
div.custom-button:hover{color:#333 !important;}
div.custom-button img{vertical-align:middle; margin-left:3px}

input[type=text], input[type=password], select, textarea {
	display:block;
	border:#ccc 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:4px;
}

select{float:none; padding:3px;}

fieldset {
	position:relative;
	display:block;
	border:none;
	margin-bottom:10px;
}

legend {
	background-color:#eaeaea;
	font-weight:bold;
	text-transform:uppercase;
	color:#333;
}

label{
	float:left;
	font-size:12px;
}

button.form-button{background: url(images/button_form_bkg.png) 0 -50px no-repeat;}
button.form-button:hover{background-position:0 -150px;}	
button.form-button span{background: url(images/button_form_bkg.png) right 0 no-repeat;}
button.form-button:hover span{background-position:right -100px;}






/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
::::::::::::: USER POD ::::::::::::::::::::
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#user-pod{
	background: url(images/user_pod_center_bkg.jpg) top right repeat-x;
	position:absolute;
	top:-62px;
	right:-2px;
	height:100px;
}

#user-pod-left{
	background: url(images/user_pod_left_bkg.jpg) top left no-repeat;
	height:100px;
}

#user-pod-right{
	background: url(images/user_pod_right_bkg.jpg) top right no-repeat;
	position:relative;
	height:100px;
	padding-right:2px;
}

ul#user-links{
	float:left;
	list-style-type:none;
	padding:10px 0 0 10px;
}

ul#user-links li{
	background:url(images/user_pod_button_left_bkg.jpg) top left no-repeat;
	float:left;
	margin-right:10px;
	font-weight:bold;
	text-transform:uppercase;
	
}

ul#user-links li a:link, ul#user-links li a:visited{
	background:url(images/user_pod_button_right_bkg.jpg) top right no-repeat;
	display:block;
	text-decoration:none;
	color:#999;
	padding:12px 12px 8px 12px;
	
}

ul#user-links li a:hover{
	color:#333;
}

ul#user-links li a img{
	vertical-align:middle;
	margin: 0 -4px 0 6px;
}

#user-pod-bottom{
	background-image: url(images/user_pod_tab_closed_bkg.jpg);
	background-position: top;
	background-position:right;
	background-repeat:no-repeat;	
	position:absolute;
	top:50px;
	right:0;
}

#user-greet{
	float:left;
	padding:18px 10px 10px;
	font-size:18px;
	color:#fff;
}

#user-pod-button{
	float:left;
	font-weight:bold;
	text-transform:uppercase;
}

#user-pod-button a:link, #user-pod-button a:visited{
	display:block;
	padding:22px 30px 12px 10px;
	width:105px;
	text-align:left;
	text-decoration:none;
	color:#b2d234;
}

#user-pod-button a:hover{
	color:#333;
}

#banner{
	background:#eaeaea url(images/top_bkg.jpg) 0 0 repeat-x;
	padding:50px 20px 0 20px;
}

form#login-form{float:left; padding:15px 10px 0 0; margin-left:-10px;}
form#login-form button{ float:left; padding:5px 4px 3px 4px;}
form#login-form input{	float:left;margin-left:10px; width:120px;}

.LoginFormUser input {
margin-left:10px; 
width:120px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
::::::::::::::::::::: CONTAINER ::::::::::::::::::::::::::
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#container{
	position:relative;
	height:100%;
	background-color:#eaeaea;
	padding-bottom:20px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
::::::::::: CART PREVIEW ::::::::::::::::::
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#cart-preview{
	background-color:#eaeaea;
	padding:0 20px 20px 20px;
}

#cart-preview-content{
	background: url(images/cart_preview_center_bkg.jpg) top left repeat-x;
	position:relative;
	text-transform:uppercase;
}

#cart-preview-content h3{
	background:url(images/cart_preview_left_bkg.jpg) top left no-repeat;
	padding:12px 10px;
	color:#b2d234;
}

#cart-preview-legend{
	background:url(images/cart_preview_right_bkg.jpg) top right no-repeat;
	position:absolute;
	top:0;
	right:0;
	padding-right:10px;
	font-weight:bold;
	color:#999;
}

#cart-preview-legend img{vertical-align:middle; padding-left:3px}

#cart-preview-legend a:link, #cart-preview-legend a:visited{
	text-decoration:none;
	color:#999;
}

#cart-preview-legend a:hover{
	color:#333;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
::::::::::::::::::::: LEFT-NAV :::::::::::::::::::::::::::
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#left-nav{
	width:200px;
	padding:4px 0 0 20px;
	float:left;
}

form#search-form{
	position:relative;
	background:url(images/searchform_bkg.gif) top left no-repeat;
	width:190px;
	height:32px;
}

#search-field{
	background:transparent;
	border:0;
	position:absolute;
	padding:7px 30px 7px 10px;
	width:140px;
	display:block;
	
}

#search-button{
	position:absolute;
	top:2px;
	right:16px;
}


#left-nav h3{
	color:#666;
	text-transform:uppercase;
	margin:20px 0 10px 0;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
:::::::::::::::::::::: CONTENT :::::::::::::::::::::::::::
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content{
	background-color:#fff;
	float:left;
	
	/*
	position:absolute;
	height:100%;
	top:0;
	right:10px;
	*/
	
	width:740px;
}

#content-header{
	background:url(images/content_header_top_bkg.gif) top left no-repeat;
	padding-left:10px;
	padding-bottom:10px;
}

#content-header h2{
	background:#b2d234 url(images/content_header_right_bkg.gif) top right no-repeat;
	float:left;
	padding:12px 36px 12px 0;
	font-size:14px;
	text-transform:uppercase;
	color:#fff;
}

.page-numbers{
	background:url(images/page_numbers_left_bkg.gif) top left no-repeat;
	float:right;
	margin:10px 10px 0 10px;
}

.page-numbers span{
	background:url(images/page_numbers_right_bkg.gif) top right no-repeat;
	display:block;
	padding:4px 6px 5px;
}

.page-numbers a:link, .page-numbers a:visited{padding:3px;}
.page-numbers a.selected{ text-decoration:none !important; cursor:default !important; font-weight:bold}

#content-area{
	padding:0 10px;
}

#content-area h3{font-size:16px; padding-bottom:10px;}

#content-area p{
	padding-bottom:10px;
	line-height:18px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
::::::::::::::::: PAGE ::::::::::::::::::::
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#page ul{list-style-type:none; padding:0 0 10px 10px}
#page ul li{
	background:url(images/icon_16_tick.png) left 2px no-repeat; 
	padding:0 0 4px 26px;
	font-size:16px;
	font-weight:bold;
	color:#666;
}

#page img{padding:10px 10px 20px;}
#page img.center{display:block; margin:0 auto;}
#page p.legend{margin-top:-15px; font-size:12px; padding:0 10px 10px 10px}
#page p.center{text-align:center}

#content-footer{
	background: url(images/content_bottom_bkg.gif) bottom left no-repeat;
	padding:0 0 10px 10px;
}

a.page-top{
	float:left;
	display:block;
	background:url(images/page_top_bkg.gif) top left no-repeat;
	padding:4px 22px 5px 6px;
	margin-top:10px;
	
}



ul#shopping-list {
	list-style-type:none;
	margin-top:-20px;
}

ul#shopping-list li{
	border-bottom:#eaeaea 1px solid;
	padding:10px 0;
}

#shopping-list img{padding-right:30px;}

#shopping-list .meta{padding-top:10px; width:220px}
#shopping-list p{padding:0}
#shopping-list p.title{font-weight:bold;}
#shopping-list p.description{font-size:12px;}

#shopping-list .price{
	background:url(images/price_small_left_bkg.gif) top left no-repeat;
	float:left;
	font-weight:bold;
	color:#fff;
	margin-top:4px;
}

#shopping-list .price span{
	background:url(images/price_small_right_bkg.gif) top right no-repeat;
	display:block;
	padding:1px 4px;
}

.update-form{float:left; margin:30px 0 0 0;}
.update-form span{color:#666}
.update-form input{padding:0; width:30px; margin-left:6px}
.update-form button{float:left; width:19px}
.update-form p{margin-left:30px}

.remove-button{float:right; padding:30px}

#product-meta .number{
	background:url(images/number_bkg.png) 0 0 no-repeat;
	padding:1px 11px 2px 10px;
	margin-right:10px;
	font-size:30px;
	font-weight:bold;
	color:#b2d234;
	
}

#product-meta .description{width:400px}

#product-meta .description small{font-size:12px}

#total-tag{
	background:url(images/tag_bkg.png) right top no-repeat;
	float:right;
}

#total-tag .price{
	background:url(images/tag_bkg.png) 0 -50px no-repeat;
	padding:11px;
	margin-left:-10px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}

#total-tag .custom-button{
	float:left;
}

ul#shopping-process{
	background:url(images/shopping_process_bkg.png) 0 0 no-repeat;
	list-style-type:none;
	height:52px;
	margin-top:20px;
}

ul#shopping-process li{
	float:left;
	width:180px;
	padding:18px 0;
	font-weight:bold;
	text-transform:uppercase;
	color:#999;
}

ul#shopping-process li.selected{
	background:url(images/shopping_process_bkg.png) 0 -68px no-repeat;
	color:#fff;
}


ul#shopping-process li span{
	background:url(images/number_small_bkg.png) 8px 0 no-repeat;
	display:block;
	float:left;
	font-size:18px;
	padding:1px 15px 3px 15px;
	margin-top:-5px;
}

ul#shopping-process li.selected span{ background-position: 8px -72px}

ul#shopping-process li a{
	color:#999;
}
ul#shopping-process li a:hover{
	text-decoration:none;
	color:#333;
}

ul#shopping-process li a:hover span{background-position: 8px -36px}

table#order-review, table#delivery-review{margin-bottom:10px}

table#order-review tr td, table#delivery-review tr td{
	padding:3px 30px 3px 10px;
	font-family:"Courier New", Courier, monospace;
	vertical-align:top;
	
}

table#delivery-review tr td font{
	padding:3px 30px 3px 10px;
	font-family:"Courier New", Courier, monospace;
	vertical-align:top;
font-size:13px;
}

table tr.top td{border-bottom:#ccc 1px dotted; font-weight:bold;}
table tr.limit td{border-top:#ccc 1px dotted; border-spacing:10px !important;}
table tr td.result{font-weight:bold; text-align:right}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
::::::::::: PRODUCTS LIST :::::::::::::::::
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#products{
	margin:0 -10px;

	
}

#products p{padding:0}

#products tr td{
	width:160px;
	vertical-align:top;
	padding-bottom:20px;
	
}

#products tr td p.thumb a:link, #products tr td p.thumb a:visited{
	display:block;
	border:#ddd 1px solid;
	margin-bottom:6px;
height:160px;
vertical-align:middle;
}

#products tr td p.thumb a:hover{ border-color:#999}

#products tr td p.thumb img{vertical-align:middle}

#products tr td p.title{
	font-weight:bold;
font-size:13px;
height:50px;
}

#products tr td p.description{
	font-size:12px;
}

#products tr td p.meta{padding-top:4px}
#products tr td p.meta img{vertical-align:middle}

/*
#products tr td p.meta a:link, #products tr td p.meta a:visited{
	display:block;
	float:left;
	text-decoration:none;
	color:#333;
}

#products tr td p.meta a:hover{text-decoration:underline}
*/

#products tr td p.meta .button span{float:right; padding-top:1px;}


#products tr td p.meta .price{
	background:url(images/price_small_left_bkg.gif) top left no-repeat;
	float:left;
	font-weight:bold;
	color:#fff;
}

#products tr td p.meta .price span{
	background:url(images/price_small_right_bkg.gif) top right no-repeat;
	display:block;
	padding:0 4px 3px 4px;
	
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
:::::::::::::::: FORMS ::::::::::::::::::::
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

button.custom-button{
	background:none;
	position:relative;
	border:none;
	width:auto;
	overflow:visible;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#999;
}

button.custom-button span{padding:12px 10px 10px 10px;}

button.custom-button:hover {color:#333 !important;}

button.custom-button img{vertical-align:middle; margin-left:3px}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
:::::::::::::::::: REGISTRATION PAGE :::::::::::::::::::::
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#registration-form fieldset{ background:#f3f3f3 url(images/fieldset_bottom_bkg.png) 0 bottom no-repeat; padding-bottom:10px}

#registration-form legend span{
	background:url(images/fieldset_top_bkg.png) 0 0 no-repeat;
	display:block;
	width:700px;
	padding:12px 10px;
}

#registration-form label{padding:10px 0 0 10px}
#registration-form input[type=text], #registration-form input[type=password] {
	float:none;
	width:157px;
}

#registration-form input.long{width:690px;}
#registration-form input.short{}

.checkifsame{position:absolute; top:-36px; left:200px;}

#registration-form select{width:345px;}
#registration-form textarea{width:690px;}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
:::::::::::: PRODUCT PAGE :::::::::::::::::
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#product-header{
	background:url(images/product_header_bkg.gif) top left no-repeat;
	padding-left:10px;
}

#product-header h2{
	padding:12px 30px 12px 0;
	font-size:14px;
	text-transform:uppercase;
	color:#fff;
}

#product-meta{
	background-color:#ecf4cc;
	padding:10px;
	margin-bottom:20px;
}

p.stock-indicator{
	font-weight:bold; 
	text-transform:uppercase; 
	padding:0 0 4px 22px;
}
.in-stock{background:url(images/icon_16_in_stock.png) left top no-repeat}
.low-stock{background:url(images/icon_16_low_stock.png) left top no-repeat}
.no-stock{background:url(images/icon_16_no_stock.png) left top no-repeat}

p.notes{font-size:12px; width:300px;}

#buy-tag{
	background:url(images/buy_tag_bkg.gif) right top no-repeat;
	float:right;
	width:360px;
}

#buy-tag .price{
	background:#b2d234 url(images/buy_tag_left_bkg.gif) left top no-repeat;
	padding:10px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}

#buy-tag form{padding-left:10px; float:right;}

#buy-tag form input{
	background:none; 
	border:#ccc 1px solid; 
	width:30px;
}

#content-area .product-image{float:left}

#content-area #product-description{
	background:#f4f4f4 url(images/product_description_bottom_bkg.gif) left bottom no-repeat;
	float:right; 
	width:360px;
}

#content-area #product-description h3{
	background:url(images/product_description_top_bkg.gif) left top no-repeat;
	padding:10px;
}

#content-area #product-description p{padding:0 10px 10px 10px;}

a.share-button:link, a.share-button:visited{
	background:url(images/icon_16_add_this.png) 10px center no-repeat;
	display:block;
	padding:12px 10px 12px 32px;
	font-weight:bold;
	text-transform:uppercase;
	color:#666;
}

a.share-button:hover{
	text-decoration:none;
	color:#000;
}

ul#product-specs{
	list-style-type:none;
	padding-top:20px;
}

ul#product-specs li{
	background:#f3f3f3 url(images/arrow_right_mini.gif) 10px 14px no-repeat; 
	border-bottom:#fff 1px solid; 
	padding:10px 10px 10px 20px; 
}

ul#product-specs li.title{
	background:#eaeaea url(images/arrow_down_black.gif) right center no-repeat;
	padding:12px 10px;
	font-weight:bold;
	text-transform:uppercase;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
::::::::::::::::::::::: FOOTER :::::::::::::::::::::::::::
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer{
	background-color:#3a3a3a;
	padding:20px;
}

#footer ul{
	float:left;
	width:175px;
	margin:0 20px 20px 0;
	list-style-type:none;
	color:#ccc;
}

#footer ul li.title, #footer p.title {
	text-transform:uppercase;
	font-weight:bold;
	color:#b2d234;
	padding-bottom:10px;
}

#footer ul a:link, #footer ul a:visited {
	display:block;
	padding-bottom:4px;
	color:#ccc;
}

#footer ul a:hover {
	color:#fff;
	text-decoration:none;
}

#form2{
	float:left;
	width:354px;
	padding-bottom:20px;
}

#form2 input, #form2 textarea{
	width:344px;
	margin-bottom:10px;
	background-color:#343434;
	border-color:#555;
	color:#ccc;
}

#form2 img{cursor:pointer;}

#footer-bottom{
	background: url(images/footer_bottom_bkg.png) 0 0 no-repeat;
	width:940px;
	height:100px;
}

#footer-bottom img{
	float:left;
	margin:30px 100px 30px 30px;
}

#footer-bottom ul{
	margin:25px 30px 0 0;
}


.pln_link {
        float: left;
        text-align: center;
        font-weight: normal;
        color: #000;
        width: 19px;
        height: 16px;
        padding: 2px 0px 0px 0px;
        margin: 0px 2px 0px 0px;
}

.pln_delink {
        float: left;
        text-align: center;
        font-weight: bold;
        color: #000;
        width: 19px;
        height: 15px;
        padding: 2px 0px 0px 0px;
        margin: 0px 2px 0px 0px;
}


.pln_link a:hover {
        text-decoration: underline;
}

font {
font-family:arial;

}


#orderform font {

font-size:12px;

}


#orderform tr td{

padding:5px;

}





ul.ProductGroupTree {
    list-style:none;
    border-top:#ddd 1px solid;
    width:180px;
}

ul.ProductGroupTree li ul{
    list-style:none;
    padding:0 0 10px 6px;
    border-top:none;
    width:174px;
}

ul.ProductGroupTree li a:link, ul.ProductGroupTree li a:visited {
    border-bottom:#ddd 1px solid;
    padding:4px 16px 6px 6px;
    display:block;
    text-decoration:none;
    color:#666;
   
}

ul.ProductGroupTree li.hassub a{
    background: url(images/arrow_down_mini.gif) right center no-repeat;
}

ul.ProductGroupTree li a:hover {
    color:#000;
    background-color:#f0f0f0;   
}

ul.ProductGroupTree .sel a{
    color:#000 !important;
    background-color:#F0F0F0 !important;
    border-left:#b2d234 6px solid !important;
}

ul.ProductGroupTree li.normal a:hover{
    border-left:none;
}

ul.ProductGroupTree li ul li.normal a, ul.ProductGroupTree li ul li ul li.normal a{
    color:#666666 !important;
    background-color:#e3e3e3 !important;
    border-left:none !important;
    background-image:none !important;
}

ul.ProductGroupTree li ul li.hassub a{
    background:#e3e3e3 url(images/arrow_down_mini.gif) right center no-repeat !important;
}

ul.ProductGroupTree li ul li ul {
    padding-left:0;
}

ul.ProductGroupTree li ul li.normal a:hover{
    color:#000 !important;
    background-color:#f0f0f0 !important;
    border-left:#b2d234 0px solid !important;
}


ul.ProductGroupTree li.open a {
    color:#000 !important;
    background-color:#F0F0F0 !important;
    border-left:#b2d234 6px solid !important;
}


ul.ProductGroupTree li ul li.open a {
    color:#000 !important;
    background-color:#F0F0F0 !important;
    border-left:none !important;
}



#reg table tr td{
padding:5px;
}

#reg font{
font-family: Arial; 
font-size:14px;
}

#reg strong{
font-family: Arial; 
font-size:14px;
}

.piilota_hinta { display: none; visibility: hidden; }