/*-----------------------------------------------
# [Master Stylesheet] 
#  
# Project:				Partioretki
# Version:				0.8
# Last change:			15.06.2010 
# Last assigned to:		Joni 
-----------------------------------------------*/


/*-----------------------------------------------
Colors
-----------------------------------------------*/
/*	
#	background:			#000;
#	paragraph:			#fff;
*/



/*-----------------------------------------------
General
-----------------------------------------------*/

body
{
background: #ebe9e6 url(../i/bg-body-stripe.png) 0 0 repeat-x;
color: #5b5b5b; 
font: 75% 'Trebuchet MS', Verdana, sans-serif; 
line-height: 1.5em;
}

html>body {
font-size:12px;
}

div.hr {
clear: both;
background: transparent url(../i/hr.gif) 0 0 repeat-x;
height: 1px;
}

div.hr_dotted {
clear: both;
background: transparent url(../i/hr_dotted.gif) 0 0 repeat-x;
height: 1px;
margin: 1.5em 0 3em;
}

div.hr hr, 
div.hr_dotted hr {
display: none;
}

div.clear {
clear: both;
}

img {
padding: 0 10px 10px 0;
}



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

h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a 
{
color: #454545;
}

/* Heading sizes in typographic scale */

h1 {
font-size: 2.67em; /* 32px */
line-height: 1em;
margin: 0.6em 0 0.4em; /* margin-top + margin-bottom = line-height x 2 */
}

h2 {
font-size: 2em; /* 24px */
line-height: 0.75em;
margin: 1.1em 0 0.4em;
}

h3 {
font-size:1.5em; /* 18px */
line-height: 1em;
margin: 1.6em 0 0.4em;
}

h4 {
font-size:1.333em; /* 16px */
line-height: 1.125em;
margin: 1.825em 0 0.4em;
}

h5 {
font-size:1.167em; /* 14px */
line-height: 1.286em;
margin: 2.172em 0 0.4em;
}

p {
font-size: 1em; /* 12px */
margin:0 0 1.5em 0;
}

blockquote p {
font: 1.167em Times, serif;
font-style: italic;
line-height: 1.286em;
}

address {
color: #454545;
font-style: normal;
}

strong {
font-weight: bold;
}

span.bullet {
color: #ccc;
padding: 0 5px;
}

p.ingress {
color: #333;
font: 1.167em Georgia,Times, serif;
font-style: italic;
}

ul, ol {
line-height: 1.5em;
}




/*-----------------------------------------------
Links - General
-----------------------------------------------*/

a {
color: #454545; 
cursor: pointer;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#footer a {
color: #000;
}

div#mycashflow-functions a {
color: #00B2BB;
}



/*-----------------------------------------------
Dynamic form
-----------------------------------------------*/

input, textarea, select {
font: 1em 'Helvetica neue', Helvetica, Arial, sans-serif; 
color: #333;
}

input.text_field {
background: #fff;
border: 1px solid #888;
padding: 3px;
}

input.button,
a.button {
background: #00b2bb;
border: 0;
color: #fff;
cursor: pointer;
font-size: 1.17em;
}

fieldset {
/*background:transparent url(../i/hr_dotted.gif) repeat-x scroll 0 bottom;
margin-top: 3em;
padding-bottom: 1.5em;*/
}

fieldset.no_border {
background: none;
}

legend {
color: #1495E5;
line-height: 1.2em; /* 24px / 16px = 1.2em */
font-size: 1.67em;
margin: 0;
padding: 0;
}



/*-- Dynamic form start --*/

.dynamic_form {
background: #f5f5f5;
margin: 1.5em 0;
padding: 1.5em;
width: 600px;
}

.dynamic_form label {
float: left;
clear: both;
display: block;
margin: 1.5em 0 3px;
}

.dynamic_form input.checkbox,
.dynamic_form input.radio {
float: left;
clear: left;
margin: 1.5em 5px 0 0;
}

.dynamic_form input.radio {
float: left;
clear: left;
margin: 1.7em 5px 0 0;
}

.dynamic_form label.checkbox {
float: left;
clear: none;
margin-top: 1.5em;
width: 370px;
}

* html .dynamic_form label.checkbox {
margin: 1.7em 0 3px;
}

* + html .dynamic_form label.checkbox {
margin: 1.7em 0 3px;
}

.dynamic_form .text_field,
.dynamic_form textarea,
.dynamic_form .browser,
.dynamic_form select {
float: left;
clear: both;
display: block;
width: 270px;
}

.dynamic_form select {
width: 275px;
}

.dynamic_form textarea {
float: left;
padding: 3px;
width: 270px;
}

.dynamic_form input.button {
float: left;
margin-top: 1.5em;
}

* html .dynamic_form input.button {
width: 280px;
}

* + html .dynamic_form input.button {
width: 280px;
}

span.star {
color: #c14e0f;
font-size: 1.17em;
line-height: 0.9em;
}

label.error {
color: #c14e0f;
}

.dynamic_form a#show_more_profile {
float:left;
font-size:1.17em;
font-weight:bold;
padding:1.5em 0;
width:100%;
}

.dynamic_form label.checkbox.public_info {
display:inline;
float:right;
margin:0.4em 100px 0 0;
width:auto;
}

.dynamic_form input.checkbox.public_info {
clear:none;
display:inline;
float:right;
margin:0.4em 5px 0 0;
}





/*-----------------------------------------------
Layout
 -----------------------------------------------*/

div.container {
position: relative;
margin: 0 auto;
overflow: auto;
width: 940px;
}

div#header {
float: left;
background: #454249 url(../i/bg-header.png) 0 0 no-repeat;
margin: 0 20px 10px 0;
padding: 0 10px 10px 10px;
width: 340px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
}

div#mini-cart {
float: right;
background: transparent url(../i/bg-shopping-cart.jpg) 0 0 no-repeat;
height: 130px;
border-left: 1px solid #26a2a5;
padding: 20px 0 0 15px;
width: 304px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
}

div#help {
float: right;
background: transparent url(../i/bg-shopping-cart.jpg) 0 0 no-repeat;
height: 130px;
border-right: 1px solid #007f82;
padding: 20px 0 0 15px;
width: 204px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
}

#general div.ecommerce-functions {
height: 146px;
}

div#content {
background: #fff;
padding: 20px 10px 15px;
width: 920px;
}

div#wrapper {
float: left;
background: #454545;
width: 100%;
}

div#footer {
background: #d3d3d3;
padding: 0 0 20px 20px;
margin-bottom: 40px;
width: 920px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
}

div.sidebar {
float: right;
margin-left: 20px;
width: 200px;
}

.column {
float: left;
margin: 0 20px 1.5em 0;
width: 160px;
}

.right {
float: right;
}

.left {
float: left;
}

.column-540px {
width: 540px;
}

.column-360px {
position: relative;
width: 360px;
}



/*-----------------------------------------------
Product lists
 -----------------------------------------------*/

ul.product-list {
margin-left: 0;
} 

#category ul.product-list {
clear: right;
}
 
ul.product-list li {
float: left;
text-align: center;
} 

ul.product-list.medium li img,
ul.product-list.big li img {
padding: 0;
} 

ul.product-list.medium li.last,
ul.product-list.small li.last {
padding: 0;
} 

ul.product-list.big li.heading,
ul.product-list.medium li.heading,
ul.product-list.small li.heading {
background: #d8eded;
font-size: 0.58em;
height: 40px;
margin: 10px 0;
padding-left: 10px;
text-align: left;
text-transform: uppercase;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} 

ul.product-list.big li.heading {
width: 350px;
}

.heading h2 {
color: #00b2bb;
}

ul.product-list.medium li.heading,
ul.product-list.small li.heading {
width: 510px;
}

ul.product-list.medium.column-360px li.heading {
background: transparent url(../i/bg-header-2col.png) 0 0 no-repeat;
padding-right: 10px;
width: 340px;
}

ul.product-list li.heading h1 {
float: left;
font-size: 2em;
line-height:0.75em;
margin:1em 0 0.4em;
} 


/** small **/
ul.product-list.small li {
height: 60px;
padding-right: 20px;
text-align: left;
width: 160px;
}

ul.product-list.small li p {
margin: 0;
} 

ul.product-list.small li img {
float: left;
} 

ul.product-list.small li h3 {
margin: 0;
font-size: 12px;
font-weight: bold;
}

/** medium **/
ul.product-list.medium {
float: right;
width: 540px;
}

ul.product-list.column-360px {
float: left;
margin-right: 10px;
width: 360px;
}

ul.product-list.medium li {
height: 200px;
padding: 0 20px 0 0;
width: 160px;
}

/** big **/
ul.product-list.big {
float: left;
width: 360px;
margin-right: 20px;
} 

ul.product-list.big li {
position: relative;
height: 280px;
margin-bottom: 10px;
width: 360px;
}

a.product-frame {
position: absolute;
background: transparent url(../i/bg-big-product.png) 0 0 no-repeat;
height: 280px;
left: 0;
top: 0;
width: 360px;
z-index: 10;
}

ul.product-list.big li h3 {
position: absolute;
bottom: 25px;
z-index: 3000;
}


/** kategoria **/
ul.product-list#kategoria {
float: left;
margin-bottom: 20px;
}

ul.product-list#kategoria li {
padding: 0 10px;
}

ul.product-list#uusimmat {
float: right;
width: 540px;
} 

ul.product-list#suosituimmat {
float: right;
} 

ul.product-list.big h3,
ul.product-list.medium h3 {
color: #a37c56;
font-size: 1.25em;
margin: 0;
width: 100%;
}

ul.product-list li p {
margin: 0;
} 

ul.product-list a.img_link {
float: left;
text-decoration: none;
width: 100%;
}

ul.product-list.medium a.img_link {
height: 105px;
}

ul.product-list a.img_link span {
color: #d9c5ac;
}

ul.product-list p.price span {
color: #999;
font-size: 0.8em;
font-weight: normal;
display: block;
text-decoration: line-through;
}

ul.product-list a.show-all {
float: right;
font-size: 1.57em;
margin: 0.9em 0 0 0;
text-transform: none;
}

ul.product-list#uusimmat-tuotteet {
float: right;
width: 540px;
} 

ul.product-list.big li dl.Prices {
position: absolute;
bottom: 5px;
width: 100%;
z-index: 3000;
}

ul.product-list.big li dl.Prices dt {
display: none;
}


ul.product-list.big li dl.Prices dd {
display: inline;
}

ul.product-list.big li dl.Prices dd.DiscountPrice {
font-size: 1.17em;
padding-right: 5px;
}

ul.product-list.big li dl.Prices dd.Price {
font-size: 1.17em;
}

ul.product-list.big li dl.Prices dd.ListPrice {
color: #666;
text-decoration: line-through;
}




/*-----------------------------------------------
Brand list
 -----------------------------------------------*/

ul.BrandsNavigation {
float: left;
padding-top: 20px;
width: 540px;
}

ul.BrandsNavigation li {
float: left;
border: 1px solid #ededed;
height: 124px;
width: 124px;
margin: 0 7px 7px 0;
text-align: center;
}

ul.BrandsNavigation li a {
display: block;
width: 105px;
height: 105px;
padding: 9px;
}


ul.BrandsNavigation li img {
padding: 0;
vertical-align: middle;
}

ul.BrandsNavigation li h3 {
margin: 0;
font-size: 1em;
}



/*-----------------------------------------------
Banners
 -----------------------------------------------*/

div#banner-list {
background: #ebe9e6;
clear: both;
padding: 20px 0 20px 20px;
width: 900px;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

* + html div#banner-list {
display: inline;
}

div#banner-list a {
margin: 0 16px 0 0;
}

div#banner-list a img {
padding: 0;
}




/*-----------------------------------------------
Logo
 -----------------------------------------------*/

a#logo-trekki {
background: transparent url(../i/trekki-ulkona-kuin-kotonaan.png) no-repeat;
display: block;
font-size: 1em;
height: 85px;
margin-left: 40px;
text-indent: -9999px;
width: 245px;
}





/*-----------------------------------------------
Header
 -----------------------------------------------*/

div#header h4 {
position: relative;
float: left;
color: #3b3229;
font-size: 0.83em;
text-transform: uppercase;
margin: 20px 0 0 20px;
width: 180px;
}

div.ecommerce-functions h5 {
color: #fff;
font-size: 1.71em;
margin: 0 0 10px; 
text-shadow:  1px 1px 2px rgba(0, 0, 0, 0.6);
}

div#mini-cart h5 {
background: transparent url(../i/icon-shopping-cart.png) 90px 0 no-repeat;
}

div.ecommerce-functions p {
color: #3b3229;
margin-bottom: 0;
}

div.ecommerce-functions a {
color: #ffc600;
}

div.ecommerce-functions span#price,
div.ecommerce-functions span.phone {
color: #fff;
font-size: 1.5em;
}

div.ecommerce-functions a#siirry-kassalle {
background: transparent url(../i/btn-siirry-kassalle.png) 0 0 no-repeat;
float: right;
display: block;
margin: 29px 20px 0 0;
height: 39px;
width: 98px;
text-align: left;
text-indent: -9999px;
}




/*-----------------------------------------------
Search forms
 -----------------------------------------------*/

form.search-form {
float: left;
background: transparent url(../i/bg-search-form.png) 0 0 no-repeat;
height: 29px;
line-height: 12px;
margin: 70px 0 10px;
width: 340px;
}

* html form.search-form {
}

form.search-form input.text_field {
float: left;
background: transparent;
border: 0;
color: #b5b5b5;
padding: 7px 0 0 30px;
width: 280px;
}

form.search-form input.button {
background: transparent;
cursor: pointer;
height: 29px;
padding: 0;
text-indent: -9999px;
width: 30px;
text-transform: capitalize;
}

* html form.search-form input.button {
height: 28px;
width: 27px;
}

div#footer h4#search-header,
div#footer div#plupperButton {
float: left;
margin-left: 72px;
}

div#footer form.search-form {
background: transparent url(../i/bg-search-form-footer.png) 0 0 no-repeat;
margin: 0 0 10px 72px;
width: 280px;
}

div#footer form.search-form input.text_field {
width: 220px;
}




/*-----------------------------------------------
Newsletter
 -----------------------------------------------*/

form#newsletter {
clear: both;
background: #ebe9e6 url(../i/bg-form-newsletter.png) 620px 20px no-repeat;
height: 29px;
margin: 10px 0;
padding: 20px;
width: 880px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

* html form#newsletter {
background: #ebe9e6 url(../i/bg-form-newsletter.png) 620px 23px no-repeat;
}

* + html form#newsletter {
background: #ebe9e6 url(../i/bg-form-newsletter.png) 620px 23px no-repeat;
}

form#newsletter label {
font-size: 1.17em;
margin: 0 115px 0 0;
}

form#newsletter input.text_field {
border: 0;
margin-top: 1px;
width: 200px;
}

form#newsletter input.button {
background: transparent;
cursor: pointer;
height: 29px;
padding: 0;
text-indent: -9999px;
text-transform:capitalize;
width: 45px;
}



/*-----------------------------------------------
Navigation - Categories
 -----------------------------------------------*/
 
ul.Categories {
clear: both;
background: transparent url(../i/bg-navigation.jpg) 0 0 repeat-y;
color: #fff;
cursor: pointer;
font-size: 1.25em;
margin-top: 10px;
padding-bottom: 10px;
width: 340px;rab
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

ul.Categories li a {
background: transparent url(../i/bg-navigation-level-1.png) 0 bottom repeat-x;
color: #fff;
display: block;
padding: 5px 0 5px 15px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
width: 325px;
}

* html ul.Categories li a {
background: none;
border-bottom: 1px solid #007c82;
}

* html ul.Categories li ul li a {
background: none;
border-bottom: 1px solid #007c82;
}

* html ul.Categories li ul li ul li a {
background: none;
border-bottom: 1px solid #007c82;
}

ul.Categories li ul li a {
background: transparent url(../i/bg-navigation-level-2.png) 0 bottom repeat-x;
padding-left: 30px;
width: 310px;
}

ul.Categories li ul li ul li a {
background: transparent url(../i/bg-navigation-level-3.png) 0 bottom repeat-x;
padding-left: 45px;
width: 295px;
}

ul.Categories li.Current {
background: transparent url(../i/bg-navigation-current-level.gif) 333px 11px no-repeat;
}

/*ul#suosituimmat-kategoria {
float: left;
background: transparent url(../i/bg-top-sellers-big.png) 0 0 no-repeat;
clear: both;
margin-top: 10px;
padding: 15px 10px 0;
}*/

#category ul#suosituimmat-kategoria {
float: right;
background: transparent url(../i/bg-top-sellers-side.png) 0 bottom no-repeat;
margin-bottom: 10px;
padding: 0;
width: 180px;
}

ul#suosituimmat-kategoria li.heading {
background: none;
height: auto;
margin: 0 0 10px;
padding: 0;
}

#category ul#suosituimmat-kategoria li.heading {
background: transparent url(../i/bg-top-sellers-side.png) 0 0 no-repeat;
height: auto;
padding: 8px 5px 0;
width: auto;
}

ul#suosituimmat-kategoria li.heading h2 {
margin: 0;
}

#category ul#suosituimmat-kategoria li.heading h2 {
line-height: 1em;
font-size: 1.67em;
text-align: center;
}

ul#suosituimmat-kategoria li {
background: transparent url(../i/bg-top-sellers-small.png) 0 0 no-repeat;
padding: 10px;
width: 160px;
}

#category ul#suosituimmat-kategoria li {
background: transparent url(../i/bg-top-sellers-small.png) 5px 0 no-repeat;
height: 50px;
margin-bottom: 18px;
}




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

#product h1 {
float: left;
margin-top: 40px;
width: 540px;
}

div#basic-info {
float: left;
background: transparent url(../i/bg-content.png) 0 0 no-repeat;
margin-top: 10px;
padding: 20px 20px 0;
width: 880px;
}

div#basic-info-bottom.clear {
background: transparent url(../i/bg-content-bottom.png) 0 bottom no-repeat;
height: 20px;
margin-bottom: 10px;
}

div#basic-info h1 {
color: #000;
margin-top: 10px;
}

div#basic-info dl.Prices {
float: right;
height: 65px;
padding: 20px;
}

a.BrandLink {
float: right;
margin-top: 20px;
text-align: center;
width: 170px;
}

a.BrandLink img{
padding: 0;
}

div#basic-info dl.Prices {
background: transparent url(../i/bg-price-and-logo.png) 0 0 no-repeat;
}

div#basic-info a.BrandLink {
background: transparent url(../i/bg-price-and-logo.png) right 0 no-repeat;
}

#product dl.Prices {
float: right;
background: #d8eded;
color: #00b2bc;
padding: 20px 10px;
text-align: center;
width: 150px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
}

#product dd.Price {
font-size: 2.5em;
color: #000;
padding: 8px 0 10px;
}

#product dt.KreditorPrice {
margin-top: 16px;
}

#product dd.KreditorPrice {
font-size: 1.3em;
padding-top: 0;
}

#product dt.ListPrice {
display: none;
}

#product dd.ListPrice {
font-size: 1.33em;
text-decoration: line-through;
}

div#description h2 {
background: #d8eded;
color: #00B2BB;
font-size: 1.17em;
margin: 10px 0;
padding: 15px 0 15px 10px;
text-align: left;
text-transform: uppercase;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

div#buy-options h2 {
position: relative;
color: #fff;
margin-left: 20px;
text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
z-index: 10;
}

div#buy-options {
float: right;
background: transparent url(../i/bg-shopping-cart.jpg) 0 0 no-repeat;
margin-top: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

form.BuyForm {
position: relative;
height: 100px;
margin-top: -50px;
padding: 60px 0px 20px 20px;
width: 520px;
}

form.BuyForm .FormItem {
float: left;
margin-right: 20px;
width: 160px;
}

form.BuyForm .BuyFormQuantity {
margin-right: 0;
}

form.BuyForm label {
color: #000;
display: block;
text-transform: uppercase;
}

form.BuyForm input {
float: left;
border:1px solid #999999;
padding: 6px 2px 5px;
text-align: center;
width: 34px;
}

form.BuyForm select {
margin-top: 5px;
width: 120px;
}

form.BuyForm button.AddToCart {
position: absolute;
bottom: 14px;
background: #584736 url(../i/btn-lisaa-ostoskoriin.png) no-repeat scroll 0 0;
border: 0;
color: #fff;
cursor: pointer;
height: 37px;
left: 20px;
text-indent: -9999px;
width: 153px;
}

dl.Availability {
float: right;
background: #D8EDED;
border-top: 1px solid #adbebe;
color: #00b2bc;
padding: 20px 10px;
text-align: center;
width: 150px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
}

div#buy-options dl.Availability {
position: relative;
float: right;
background: none;
border: 0;
color: #000;
margin: -40px 20px 0 0;
padding: 0;
}

div#buy-options dl.Availability dt.StorageInfo {
display: none;
}

ul#tutustu-naihin.product-list {
clear: left;
margin-top: 10px;width: 360px;
}

ul#tutustu-naihin.product-list li.heading {
width: 330px;
}

ul#ProductThumbnails {
float: left;
padding-top: 10px;
width: 360px;
}

ul#ProductThumbnails li {
float: left;
}

#product div#ProductImage {
position: relative;
float: left;
height: 280px;
text-align: center;
width: 360px;
}

#product div#ProductImage img {
padding: 15px 0 0;
}

#product a.product-frame {
background-image: url(../i/bg-big-product-page.png);
}

div.addthis_toolbox {
float: right;
background: #D8EDED; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 10px 0;
padding: 10px;
width: 520px;
}

div.addthis_toolbox span {
display: block;
margin-bottom: 3px;
}

div.addthis_toolbox a {
padding-right: 10px !important;
}

div.addthis_toolbox a span {
padding-right: 5px !important;
}

div#brand-description {
float: right;
padding-top: 30px;
width: 540px;
}

div#brand-description img {
float: left;
padding: 0 20px 20px 0;
}

#description ul { 
list-style-type: disc; 
}

/*-----------------------------------------------
Checkout
 -----------------------------------------------*/

ol#CheckoutStage {
float: left;
background:transparent url(../i/bg-checkout-tube.png) 0 0 repeat-x;
color: #fff;
margin: 0 auto;
height: 70px;
width: 920px;
}

ol#CheckoutStage li {
float:left;
color:#fff;
font-size: 1.33em;
height: 45px;
padding-top: 25px;
text-align: center;
width: 180px;
}

ol#CheckoutStage li.CurrentCheckoutStage {
background:transparent url(../i/bg-checkout-tube-current.png) center bottom no-repeat;
color: #fff;
font-weight: bold;
}

ol#CheckoutStage li.CompletedCheckoutStage {
font-weight: bold;
}



/*-----------------------------------------------
Footer
 -----------------------------------------------*/

div#footer h4,
div#footer dt,
address strong {
color: #fff;
display: block;
font-size: 1.5em;
font-weight: normal;
margin: 1.5em 0 0.7em;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

div#footer img#maksutavat {
float: right;
margin: 1.5em 25px 0 0;
border: 5px solid #fff;
padding: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}




/*-----------------------------------------------
Navigation
 -----------------------------------------------*/
 
ul#nav_top {
float: left;
margin-top: 10px;
}

ul#nav_top li {
float: left;
margin-right: 5px;
}

ul#nav_top li a {
float: left;
background: #454545 url(../i/bg_nav_top.gif) repeat-x bottom left;
color: #fff;
height: 23px;
padding: 7px 10px 0 10px;
text-decoration: none;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius:5px; 
}

ul#nav_top li a:hover {
background: #000;
}

ul#nav_top li a.selected {
background: #ffc600 url(../i/bg_nav_top_selected.gif) repeat-x bottom left;
color: #000;
}





/*-----------------------------------------------
Login Navigation
 -----------------------------------------------*/

ul#loggedin,
.CustomerLoggedIn ul#loggedout {
display: none;
}

.CustomerLoggedIn ul#loggedin {
display: block;
}
 
ul.login-navigation {
float: right;
background: #454545;
margin-top: 10px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius:5px; 
}

ul.login-navigation li {
float: left;
}

ul.login-navigation li a {
display: block;
color: #fff;
height: 23px;
padding: 7px 10px 0 10px;
}

ul.login-navigation li a.btn-login {
border-right: 1px solid #373737;
}

ul.login-navigation li a.btn-forgot-password {
border-left: 1px #6a6a6a solid;
border-right: 1px #373737 solid;
}

ul.login-navigation li a.btn-register {
border-left: 1px solid #6a6a6a;
}

* html ul.login-navigation li a.btn-login {
width: 100px;
}

* html ul.login-navigation li a.btn-forgot-password {
width: 120px;
}

* html ul.login-navigation li a.btn-register {
width: 80px;
}


/*-----------------------------------------------
Breadcrumb
 -----------------------------------------------*/
 
div#breadcrumb-bar {
clear: both;
background: transparent url(../i/bg-breadcrumb.png) 0 0 repeat-x;
color: #fff;
height: 40px;
margin-top: 10px;
width: 920px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* Antti Väätäinen - Pulse247 Oy fix breadcrumbiin lisäykset alkaa */
ul.Breadcrumb, ul.Breadcrumb ul, ul.Breadcrumb li, ul.Breadcrumb li a {
     background: none repeat scroll 0% 0% transparent;
     color: #FFFFFF;
     display: inline;
     float: none;
     font-size: 12px;
     height: 38px;
     line-height: 38px;
     list-style: none outside none;
     margin: 0pt;
     padding: 0pt;
     text-decoration: none;
     white-space: nowrap;
     width: auto;
}
div#breadcrumb-bar span {
    margin-left: 0px;
}

ul.Breadcrumb {
    
}

ul.Breadcrumb li a {
     left: 0px;
     line-height: 20px;
     overflow: visible;
     padding: 10px 5px 10px 0px;
     position: relative;
     text-indent: 0pt;
     top: 0px;
}

ul.Breadcrumb li span {
     display: block;
}
div #breadcrumb-bar ul.Breadcrumb li span.BreadcrumbSeparator {margin:0 5px 0 0; display: inline; top:0; float: none;}

/* Breadcrumb fix lisäykset loppuu */

/* div#breadcrumb-bar  margin: 11px 0 0 10px; alkuperäinen arvo. Muutettu ylä margin 0 breadcrumbin korjauksen yhteydessä */

div#breadcrumb-bar span{
float: left;
margin: 0 0 0 10px;
width: 70px;
}


ul#breadcrumb {
float: left;
}

ul#breadcrumb li {
background: transparent url(../i/bg-breadcrumb-arrow.png) 0 0 no-repeat;
float: left;
padding: 0 20px;
}

ul#breadcrumb li ul {
float: left;
}

ul#breadcrumb li ul li {
float: left;
}

ul#breadcrumb li.you-are-here{
background: none;
color: #7b6652;
padding: 12px 30px 10px 10px;
}

ul#breadcrumb li a {
float: left;
color: #fff;
padding: 11px 0 10px 10px;
}

ul#breadcrumb li span.BreadcrumbSeparator {
display: none;
}





/*-----------------------------------------------
Account information
-----------------------------------------------*/

a.kampanja-nosto {
float: left;
clear: left;
}

a#back-to-frontpage {
background:transparent url(../i/btn-takaisin-etusivulle.png) no-repeat scroll 0 0;
display:block;
height:40px;
margin: 29px 20px 0 109px;
text-align:center;
text-indent:-9999px;
width:156px;
}

#OrderStatus { margin: 18px 0; font-size: 14px; }
#OrderStatus dd+dd { margin-left: -6px; }

#OrderHistoryTable { margin: 18px 0; }

dl#AccountInformation {
	margin: 18px 0; width: 270px; overflow: hidden;
	padding: 0 116px 0 150px;
}
dl#AccountInformation dt,
dl#AccountInformation dd {
	position: relative; float: left;
	margin: 0; padding: 4px 0;
}
dl#AccountInformation dt { margin-left: -150px; width: 150px; clear: left; }
dl#AccountInformation dd { width: 100%; }
dl#AccountInformation dd.AccountLogout,
dl#AccountInformation dd.AccountEdit {
	text-align: right; float: right;
	width: 116px; margin-right: -116px;
}
dl#AccountInformation dd p { margin: 0; }


/*dl#AccountInformation {
overflow: hidden;
margin: 20px 0; 
padding: 0 116px 10px 150px;
width: 300px; 
}

* html dl#AccountInformation {
overflow: hidden;
margin: 20px 0; 
padding: 0 70px 10px 150px;
width: 200px; 
}

dl#AccountInformation dt,
dl#AccountInformation dd {
position: relative; 
float: left;
margin: 0; 
padding: 4px 0;
}

dl#AccountInformation dt { 
margin-left: -150px; 
width: 150px; 
clear: left; 
}

* html dl#AccountInformation dt { 
margin-left: -70px; 
width: 150px; 
clear: left; 
}


dl#AccountInformation dd { 
width: 100%; 
}

dl#AccountInformation dd.AccountLogout,
dl#AccountInformation dd.AccountEdit {
text-align: right; 
float: right;
width: 116px; 
margin-right: -116px;
}

* html dl#AccountInformation dd.AccountLogout,
* html dl#AccountInformation dd.AccountEdit {
width: 150px; 
margin-right: -150px;
}

dl#AccountInformation dd p { 
margin: 0; 
}*/



/*-----------------------------------------------
Account information
-----------------------------------------------*/

table#OrderHistoryTable {
margin-bottom: 20px;
width: 660px;
}

table#OrderHistoryTable th {
background: #E6EFC2;
}

caption, th, td {
padding: 5px;
}

.henkilokuntakuva{ float:left;}
div#InfoPage h3{
clear:both;
}