/* Widgets
-------------------------------------------------------------- */

html, body {
	height: 100%;
	}

body {
	behavior: url("csshover3.htc");
	font-family: Arial, Helvetica, sans-serif;
	background: #014C72;
	color: #000000;
	font-size: 13px;
	margin: 0 auto;
	padding: 0;
	}
	
* { 
	margin: 0;
	padding: 0;
	border: 0;
	}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	}

img {
	border: 0;
	}
	
a {
	color: #014C72;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
#InfoPage {
	padding: 0px 10px 0px 15px;
	}
	
form#ContactForm input, form#ContactForm textarea {
	border: 1px solid #014C72;
	padding: 2px 5px;
	width: 200px;
	}

form#ContactForm textarea {
	width: 350px;
	}

form#ContactForm input:focus, form#ContactForm textarea:focus {
	border: 1px dotted #014C72;
	padding: 2px 5px;
	}

form#ContactForm label {
	width: 90px;
	float: left;
	clear: left;
	}

form#ContactForm input, form#ContactForm textarea {
	float: left;
	margin: 0px 0px 3px 0px;
	}

form#ContactForm button {
	background: url('../images/nappi_laheta.png') no-repeat;
	width: 82px;
	height: 27px;
	float: left;
	text-indent: -500000px;
	clear: both;
	margin: 0px 0px 0px 90px;
	cursor: pointer;
	}


div#BodyCenter {
	margin: 0 auto;
	width: 980px;
	min-height: 100%;
	background: #FFFFFF;
	padding: 0;
	z-index: -1;
	}

div#BodyContainer {
	width: 960px;
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	float: left;
	background: #FFFFFF;
	z-index: -1;
	}
	
div.HeaderContainer {
	float: left;
	clear: both;
	width: 960px;
	}
	
div.HeaderTopContainer {
	width: 960px;
	float: left;
	clear: both;
	margin: 0px 0px 0px 0px;
	}
	
a.LogoLink {
	margin: 18px 40px 3px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
	}

div.HeaderCustomerService {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 135px;
	width: 200px;
	height: 45px;
	float: left;
	font-size: 12px;
	line-height: 22px;
	background: url('../images/CustomerService.gif') no-repeat;
	}

div.HeaderShoppingCart {
	float: right;
	clear: right;
	padding: 5px 0px 5px 45px;
	margin: 8px -5px 0px 0px;
	background: url('../images/HeaderShoppingCart.gif') no-repeat;
	height: 33px;
	font-size: 13px;
	width: 210px;
	}
	
ul.CustomerNavigation {
	width: 300px;
	float: right;
	margin: 5px 0px 0px 0px;
	}
	
ul.CustomerNavigation li {
	float: right;
	list-style-type: none;
	font-size: 11px;
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #999999;
	}
	
	
	
ul.InfoNavigation {
	float: left;
	width: 680px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #FFFFFF;
	z-index: 4000000;
	position: relative;
	}
	
ul.InfoNavigation li {
	float: left;
	list-style-type: none;
	position: relative;
	border: 2px solid #FFFFFF;
	z-index: inherit;
	}

ul.InfoNavigation li a {
	display: block;
	color: #015595;
	padding: 5px 12px 5px 12px;
	text-decoration: none;
	}
	
ul.InfoNavigation li:hover a {
	color: #015595;
	}


ul.InfoNavigation li ul {
	display: none;
	position: absolute;
	top: 26px;
	left: 0;
	z-index: inherit;
	}
	
ul.InfoNavigation li:hover {

	background: #d1dee9;
	color: #015595;
	border: 2px solid #d1dee9;
	}
	
ul.InfoNavigation li:hover ul {
	display: block;
	float: left;
	clear: both;
	background: #d1dee9;
	border: 2px solid #d1dee9;
	color: #015595;
	padding: 5px;
	margin: 0px 0px 0px -2px;
	}

ul.InfoNavigation li:hover ul li {
	border: 0px;
	}
	
ul.InfoNavigation li:hover ul li:hover {
	border: 0px;
	margin: 0;
	}
	
ul.InfoNavigation li:hover ul li a {
	display: block;
	float: left;
	clear: right;
		color: #003d5b;
	border-bottom: 1px solid #FFFFFF;
	text-transform: none;
	padding: 2px 10px 2px 10px;
	width: 150px;
	}
	
ul.InfoNavigation li:hover ul li.LastNavigationItem a {
	border-bottom: 0px;
	}


ul.InfoNavigation li:hover ul li a:hover {
	display: block;
	float: left;
	clear: right;
	text-decoration: underline;
	}
	
li.InfoPageID-26 {
	display: none;
	}

.ProductSearch {
	width: 270px;
	position: relative;
	float: right;
	margin: 2px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	height: 29px;
	background: url('../images/ProductSearchBg.png') no-repeat top left;
	}
	
form#SearchForm label {
	display: none;
	}
	
form#SearchForm input#SearchInput {
	border: 1px solid #1d82ca;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 0px 55px;
	padding: 4px;
	width: 160px;
	float: left;
	}
	
form#SearchForm button#SearchButton {
	text-indent: -10000px;
	background: url('../images/hae.gif') no-repeat bottom;
	width: 35px;
	height: 22px;
	margin: 0px 0px 0px 5px;
	border: 0px;
	padding: 0;
	cursor: pointer;
	float: left;
	clear: right;
	}

#path {
	width: 960px;
	height: 25px;
	float: left;
	clear: both;
	background: url('../images/BreadcrumbBg.gif') repeat-x; 
	margin: 0px 0px 3px 0px;
	}
	
.Breadcrumb { margin: 0; padding: 0; line-height: 18px; font-size: 11px; border: 0; }
.Breadcrumb ul, .Breadcrumb li { display: inline; line-height: 18px; margin: 0; padding: 0; border: 0; float: left; }
.Breadcrumb li a {
	font-weight: bold; text-decoration: none; line-height: 18px;
	display: block; padding: 2px 4px; float: left; color: #507394;
}

.Breadcrumb li a:hover {
	text-decoration: underline;
	color: #041422;
	}

.Breadcrumb span.BreadcrumbStart {
	display: block;
	padding: 2px 3px;
	float: left;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #33587a;
	}
	
.Breadcrumb .BreadcrumbSeparator {
	background: url('../images/BreadcrumbSeparator.png') repeat-x; 
	text-indent: -20000px;
	overflow: hidden;
	width: 12px;
	height: 25px;
	float: left;
	}



div.ContentLeftNormal {
	width: 750px;
	float: left;
	}
	
div.ContentRightNormal {
	width: 200px;
	float: right;
	clear: right;
	}
	
div.ContentRightFrontPage {
	width: 200px;
	float: right;
	}








	
div.FooterPaymentMethods {
	width: 960px;
	float: left;
	clear: both;
	margin: 10px 0px 0px 0px;
	border-top: 1px dotted #999999;
	background: url('../images/maksutavat.jpg') no-repeat bottom;
	height: 65px;
	padding: 20px 0px 0px 0px;
	}

div.FooterInfoLinks {
	width: 960px;
	margin: 10px 0px 0px 0px;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	float: left;
	padding: 5px 0px;
	}
div.FooterInfoLinks a { font-weight: normal; }

div.FooterInfoLinks div {
	font-size: 12px;
	padding: 10px;
	float: left;
	margin: 0px 0px 0px 15px;
	}
	
div.FooterInfoLinks div h4 {
	margin: 0px 0px 3px -5px;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	text-transform: uppercase;
	color: #015697;
	}
	
div.FooterInfoLinks .column-1 {
	width: 120px;
	border-right: 1px dotted #999999;
	margin: 0;
	}

div.FooterInfoLinks .column-2 {
	width: 200px;
	border-right: 1px dotted #999999;
	margin: 0px 0px 0px 15px;
	}
	
div.FooterInfoLinks .column-3 {
	width: 200px;
	border-right: 1px dotted #999999;
	}
	
div.FooterCopyrights {
	float: right;
	font-size: 11px;
	line-height: 140%;
	margin: 5px 0px 15px 0px;
	color: #999999;
	}
	
	
	
/* KATEGORIA VALIKON TYYLIT */

	
.CategoriesNav ul.Categories {
	z-index: 1000000;
	position: relative;
	background: url('../images/TopNavBg.gif') repeat;
	width: 960px;
	float: left;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	}
	
.CategoriesNav ul.Categories li {
	float: left;
	list-style-type: none;
	position: relative;
	}

.CategoriesNav ul.Categories li a {
	display: block;
	color: #FFFFFF;
	padding: 5px 8px;
	text-decoration: none;
	}
	
.CategoriesNav ul.Categories li ul a {
	display: block;
	color: #FFFFFF;
	padding: 0px;
	margin: 0;
	}


.CategoriesNav ul.Categories li:hover ul a * {
	color: #FFFFFF;
	}

.CategoriesNav ul.Categories li * {
	border: 0px;
	}

/* PADDING & MARGIN nollaus */

.CategoriesNav ul.Categories li ul * {
	padding: 0;
	margin: 0;
	}

/* VALIKON HOVER TYYLI */	
	
.CategoriesNav ul.Categories li:hover {
	background: #003855;
	color: #FFFF00;
	}






.CategoriesNav ul.Categories li ul:hover li a {
	background: none;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	}

.CategoriesNav ul.Categories li:hover ul li a {
	background: none;
	display:
	color: #FFFFFF;
	}

/* 3. tason linkkien leveys */


.CategoriesNav ul.Categories li:hover ul li ul {
	width: 160px;
	clear: both;
	float: left;
	position: relative;
	background: none;
	border: 0px;
	padding: 0;
	margin: 0;
	}

.CategoriesNav ul.Categories li ul li {
	width: 220px;
	padding: 3px 0px 3px 0px;
	float: left;
	position: relative;
	}

.CategoriesNav ul.Categories li:hover ul li {
	border: 0px;
	display: block;
	background: none;
	color: #F0F0F0;
	}

.CategoriesNav ul.Categories li:hover ul li:hover {
	border: 0px;
	display: block;
	background: none;
	color: #F0F0F0;
	}
	

/* AVAUTUVAN NAVIN LEVEYS */

.CategoriesNav ul.Categories li ul {	width: 450px;
	display: none;
	position: absolute;
	z-index: 1000;
	border-top: 5px solid #003855;
	border-bottom: 10px solid #003855;
	clear: both;
	}
	
.CategoriesNav ul.Categories li.CategoryID-57 ul {	width: 950px;
	display: none;
	position: absolute;
	z-index: 1000;
	border-top: 5px solid #003855;
	border-bottom: 10px solid #003855;
	clear: both;
	left: 0px;
	}

.CategoriesNav ul.Categories li.CategoryID-57 ul li ul {
	left: 0;
	}
		
.CategoriesNav ul.Categories li.CategoryID-21 ul {	width: 700px;
	display: none;
	position: absolute;
	z-index: 1000;
	border-top: 5px solid #003855;
	border-bottom: 10px solid #003855;
	clear: both;
	left: -195px;
	}

.CategoriesNav ul.Categories li.CategoryID-21 ul li ul {
	left: 0;
	}

/* VASEMMALLE AVAUTUVAT */


.CategoriesNav ul.Categories li.CategoryID-3 ul {	width: 450px;
	display: none;
	position: absolute;
	z-index: 1000;
	border-top: 5px solid #003855;
	border-bottom: 10px solid #003855;
	clear: both;
	right: 0;
	}

.CategoriesNav ul.Categories li.CategoryID-79 ul  {	width: 450px;
	display: none;
	position: absolute;
	z-index: 1000;
	border-top: 5px solid #003855;
	border-bottom: 10px solid #003855;
	clear: both;
	left: 0;
	}
	
.CategoriesNav ul.Categories li.CategoryID-122 ul {	width: 450px;
	display: none;
	position: absolute;
	z-index: 1000;
	border-top: 5px solid #003855;
	border-bottom: 10px solid #003855;
	clear: both;
	right: -157px;
	}

.CategoriesNav ul.Categories li.CategoryID-122 ul li ul {
	right: 0;
	}

.CategoriesNav ul.Categories li.CategoryID-3 ul {	width: 450px;
	display: none;
	position: absolute;
	z-index: 1000;
	border-top: 5px solid #003855;
	border-bottom: 10px solid #003855;
	clear: both;
	right: -67px;
	}

.CategoriesNav ul.Categories li.CategoryID-3 ul li ul {
	right: 0;
	}

	
.CategoriesNav ul.Categories li:hover ul {
	display: block;
	position: absolute;
	background: #003855;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	float: left;
	clear: both;
	}
	
.CategoriesNav ul.Categories li ul li ul li {
	position: relative;
	width: 150px;
	float: left;
	clear: both;
	margin: 0;
	padding: 2px 0px 2px 15px;
	border: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	background: url('../images/nuoli.gif') no-repeat 0% 50%;
	display: block;
	}	

.CategoriesNav ul.Categories li ul li ul li a:hover {
	color: #FFFF00;
	text-decoration: underline;
	}
	
.CategoriesNav ul.Categories li ul li a:hover {
	color: #FFFF00;
	text-decoration: none;
	}



li.CategoryID-167, li.CategoryID-169, li.CategoryID-188 {
	display: none;
	}
	



.Product {
	float: left;
	width: 170px;
	height: 260px;
	padding: 0px 5px;
	margin: 0px 5px 5px 0px;
	text-align: left;
	font-size: 13px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	position: relative;
	background: #FFFFFF;
	}

	
.LastProd {
	margin: 0px 0px 5px 0px;
	}

.Product .ProductListImage {
	width: 170px;
	height: 150px;
	line-height: 150px;
	text-align: center;
	margin: 0 auto;
	vertical-align: middle;
	}
	
.Product .ProductImage img {
	display:inline;
	line-height:150px;
	vertical-align: middle;
	}

.Product .ProductImage {
	display: block; position: relative;
	margin: 0px;
	padding: 0px 1px 1px 0px;
	height: 150px; width: 165px;
	line-height: 150px;
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
	}


.Product h2 {
	margin: 5px 0px 0px 5px;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	}
	
.Product dt.Price, .Product dt.ListPrice {
	display: none;
	}
	
.Product dl.Prices {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 105px;
	padding: 0px 0px 0px 10px;
	}

.Product dd.Price {
	font-weight: bold;
	color: #990000;
	font-size: 18px;
	position: absolute;
	bottom: 35px;
	left: 10px;
	}

.Product dd.KreditorPrice {
	font-weight: bold;
	color: #000000;
	font-size: 13px;
	position: absolute;
	bottom: 3px;
	left: 10px;
	}

.Product dd.ListPrice {
	font-size: 12px;
	text-decoration: line-through;
	color: #666666;
	position: absolute;
	bottom: 20px;
	left: 10px;
	}

div.ProductListButtons {
	position: absolute;
	bottom: 0;
	left: 0;
	border: 0;
	margin: 0px 0px 0px 130px;
	}

div.ProductListButtons * {
	border: 0;
	}


div.ProductListButtons button.AddToCart {
	background: url('../images/ProductListAddToCartButton.jpg') no-repeat;
	height: 30px;
	display: block;
	width: 40px;
	cursor: pointer;
	margin: 0;
	padding: 3px 0px 0px 45px;
	bottom: 0;
	right: 0;
	position: relative;
	z-index: 10;
	}

div.ProductListButtons button.AddToCart:hover {
	height: 30px;
	width: 120px;
	padding: 3px 0px 0px 0px;
	cursor: pointer;
	background: url('../images/ProductListAddToCartButtonExtended.png') no-repeat;
	position: relative;
	z-index: 10;
	}

div.ProductListButtons button.AddToCart span {
	visibility: hidden;
	}

div.ProductListButtons fieldset {
	width: 40px;
	z-index: 1;
	}

div.ProductListButtons div.BuyFormQuantity, div.ProductListButtons div.CheckWrap, div.ProductListButtons div.BuyFormVariationSelect {
	display: none;
	}



div.ProductListButtons a.MoreInfo {
	visibility: visible;
	background: url('../images/ProductListMoreInformationIcon.png') no-repeat;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -10000px;
	padding: 8px 0px 0px 0px;
	margin: 0px 35px 0px 0px;
	width: 40px;
	height: 22px;
	line-height: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;	position: relative;
	float: left;
	display: block;
	}
	
div.ProductListButtons a:hover.MoreInfo {
	visibility: visible;
	display: block;
	background: url('../images/ProductListMoreInformationIconExtended.png') no-repeat;
	text-indent: 0;
	z-index: 10;
	bottom: 0;
	right: 0;
	padding: 8px 40px 0px 45px;
	margin: 0px 35px 0px 0px;
	width: 40px;
	height: 22px;
	line-height: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;	position: relative;
	float: left;
	}
	



/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}



/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
	float: left;
	clear: both;
	width: 760px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
}

.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
	text-decoration: underline;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url('/files/{Theme}/i/loading.gif') no-repeat 0 50%;
}



#tabit ul.tabs-nav li {
	padding: 5px 10px;
	border-right: 1px solid #999999;
	}
	
#tabit ul.tabs-nav li.last {
	border: 0;
	}

#tabit ul.tabs-nav li.jarjesta {
	font-weight: bold;
	background: url('../images/ArrangeIcon.gif') no-repeat top left;
	padding: 5px 10px 5px 30px;
	cursor: default;
	}

#tabit ul.tabs-nav {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	clear: both;
	font-size: 12px;
	}

#oletus, #hinnan-mukaan, #aakkosjarjestys {
	width: 760px;
	}



.tabs-container {
	padding: 0;
	float: left;
	width: 760x;
	margin: 5px 0px 0px 0px;
	}

#tabit .tabs-container ul {
	padding: 10px 0px 10px 25px;
	margin: 0px 0px 0px 0px;
	}
	
/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
	
	div#aakkosjarjestys, div#hinnan-mukaan {
		display: none;
		}
}
	


.NewProduct .ProductListTag {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	width: 54px;
	height: 39px;
	margin: 5px 5px 0px 0px;
	}
	
.NewProduct .ProductListTag a {
	display: block;
	width: 54px;
	height: 39px;
	background: url('../images/uusi_tuote.png') no-repeat;
	}









/* Headings ------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { color: #014C72; }

h2.BoxHeader {
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 3px 5px 5px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: url('../images/h2-BoxHeaderBg.gif') repeat-x top left;
	float: left;
	cleaR: both;
	width: 730px;
	}

h3 {
	font-size: 16px;
	font-weight: bold;
	color: #014C72;
	}
	
h4 { 
	font-size: 14px;
	font-weight: bold;
	color: #014C72;
	margin: 5px 0px 5px 0px;
	}

.ContentLeftNormal p {
	padding: 5px 0px 10px 0px;
	}

#ProductPage .tabs-container h2 {
	margin: 15px 0px 5px 0px;
	}














/* Frontpage CAMPAIGNFLASHER */
	
#CampaignFlasher {
	width:750px;
	height: 292px;
	position:relative;
	border: 1px solid #96acc0;
	margin: 0px 0px 10px 0px;
}
#CampaignFlasher ul.ui-tabs-nav{
	position:absolute;
	bottom:0; left:0px;
	list-style:none;
	padding:0; margin:0;
	width:750px;
	height: 45px;
	background: url('../images/FrontPageImageSliderNavBg.gif') repeat-x;
}
#CampaignFlasher ul.ui-tabs-nav li{
	margin: 5px 0px 0px 0px;
	padding:1px 0; padding-left:13px;
	font-size:12px;
	color:#666;
	float: left; overflow: hidden;
}
#CampaignFlasher .ui-tabs-panel{
	width:750px; height:250px;
	background:#FFFFFF; position:relative;
        overflow:hidden;
}
#CampaignFlasher .ui-tabs-hide{
	display:none;
}
#CampaignFlasher li.ui-tabs-nav-item a{/*On Hover Style*/
	display:block;
	height:35px;
	width: 100px;
	color:#333;  background:#fff;
	outline:none;
	float: left;
	border: 1px solid #666666;
	padding: 0;
	margin: 0;
}
#CampaignFlasher li.ui-tabs-nav-item a:hover{
	background:#f2f2f2;
}

#CampaignFlasher ul.ui-tabs-nav li.ui-tabs-selected a{
	background:#ccc;
}
#CampaignFlasher ul.ui-tabs-nav li img{
	float:left; 
	border:1px solid #eee;
}










div#OstajanEdut {
	margin: 0px 0px 5px 0px;
	float: right;
	clear: both;
	}

div#OstajanEdut .Ylaosa {
	background: #e8f2f7 url('../images/edut_hyodyt_yla.png') no-repeat top left;
	width: 201px;
	height: 51px;
	float: left;
	clear: both;
	border: 0;
	}

div#OstajanEdut div {
	background: #e8f2f7;
	border-left: 2px solid #06599a;
	border-right: 2px solid #06599a;
	border-bottom: 1px dotted #333333;
	font-size: 11px;
	font-weight: bold;
	float: left;
	clear: both;
	text-align: center;
	}

div#OstajanEdut .Etu-Aukiolo {
	background: #e8f2f7 url('../images/edut_aukiolo.png') no-repeat 0% 50%;
	width: 141px;
	height: 45px;
	padding: 5px 0px 0px 56px;
	}
	
div#OstajanEdut .Etu-Tilaukset {
	background: #e8f2f7 url('../images/edut_tilaukset.png') no-repeat 0% 50%;
	width: 141px;
	height: 45px;
	padding: 5px 0px 0px 56px;
	}
	
div#OstajanEdut .Etu-Maksutavat {
	background: #e8f2f7 url('../images/edut_maksutavat.png') no-repeat 0% 50%;
	width: 141px;
	height: 45px;
	padding: 5px 0px 0px 56px;
	}
	
div#OstajanEdut .Etu-Turvallisuus {
	background: #e8f2f7 url('../images/edut_turvallisuus.png') no-repeat 0% 50%;
	width: 141px;
	height: 45px;
	padding: 5px 0px 0px 56px;
	border-bottom: 0px;
	}
	
div#OstajanEdut .Alaosa {
	background: url('../images/etuoikea_alakulmat.gif') no-repeat;
	width: 201px;
	height: 7px;
	border: 0;
	}
	
	
	
	
	
#ProductPage {
	font-size: 12px;
	width: 750px;
	}
	
div#OrderNewsLetter {
	width: 201px;
	float: right;
	clear: both;
	margin: 0px 0px 5px 0px;
	padding: 0;
	}
	
div#OrderNewsLetter .Ylaosa {
	background: url('../images/tilaa_uutiskirje_otsikko.png') no-repeat;
	width: 201px;
	height: 35px;
	border: 0px;
	float: left;
	}
	
div#OrderNewsLetter .Lomake {
	width: 192px;
	border-left: 2px solid #06599a;
	border-right: 2px solid #06599a;
	background: #e8f2f7;
	float: left;
	clear: both;
	padding: 0px 0px 0px 5px;
	}

div#OrderNewsLetter .Lomake label {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: -5px 0px 0px 0px;
	}

div#OrderNewsLetter .Lomake input.inputbox {
	float: left;
	width: 140px;
	border: 1px solid #06599a;
	padding: 3px 3px 3px 5px;
	background: #FFFFFF url('../images/sahkopostiosoite_tausta.gif') no-repeat;
	}
	
div#OrderNewsLetter .Lomake input.inputbox:active, div#OrderNewsLetter .Lomake input.inputbox:focus {
	background: #FFFFFF;
	}
	
div#OrderNewsLetter .Lomake input.button {
	background: url('../images/tilaa_nappi.png') no-repeat;
	width: 38px;
	height: 21px;
	float: left;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
	border: 0;
	cursor: pointer;
	overflow: hidden;
	text-indent: -10000;
	}
	
input span {
	display: none;
	}
	
	
div#OrderNewsLetter .Alaosa {
	background: url('../images/etuoikea_alakulmat.gif') no-repeat;
	width: 201px;
	height: 7px;
	float: left;
	clear: both;
	}

div#News {
	margin: 0px 0px 5px 0px;
	float: right;
	clear: both;
	}

div#News .Top {
	background: url('../images/NewsTopBg.gif') no-repeat top left;
	width: 201px;
	height: 23px;
	float: left;
	clear: both;
	border: 0;
	}

div#News .Content {
	background: #e8f2f7;
	width: 197px;
	border-left: 2px solid #014C72;
	border-right: 2px solid #014C72;
	float: left;
	clear: both;
	}
	
div#News ul.NewsList {
	list-style-type: none;
	}
	
div#News ul.NewsList li {
	background: url('../images/nuoli_tumma_lapinakyva.gif') no-repeat 3px 6px;
	border-bottom: 1px dotted #666666;
	padding: 3px 5px 3px 12px;
	font-size: 11px;
	font-weight: bold;
	}

div#News .Bottom {
	background: url('../images/etuoikea_alakulmat.gif') no-repeat;
	width: 201px;
	height: 7px;
	float: left;
	clear: both;
	}
	
#ProductImages {
	position: relative; float: left;
	width: 300px; overflow: hidden;
	clear: left;

}
#ProductImages { margin: 0 6px 0 0; padding: 0 5px 0px 0; }

#ProductShortDesc p { font-size: 14px; }


#CurrentProductImage {
	position: relative; display: block; clear: left; float: left;
	width: 295px; height: 295px; text-align: center;
	margin: 0 0 10px 0; padding: 0; border: 1px solid #e8e8e8;
	text-decoration: none; overflow: hidden;
	line-height: 290px; vertical-align: middle;
}
#CurrentProductImage:hover { border-color: #09f; }
#CurrentProductImage img { display: inline; vertical-align: middle; line-height: 254px; margin: auto; }

#ProductImageCaption {
	margin: 0; padding: 0;
	text-align: center; font-size: 12px;
	height: 20px; color: #666;
}
#ProductThumbnails {
	width: 300px; position: relative;
	overflow: hidden; height: auto;
	margin: 0px 0px 10px 0px; padding-left: 1px;
	list-style: none outside;
	float: left;
}

.SuurennaTuotekuva {
	text-align: center;
	font-size: 11px;
	width: 300px;
	margin: -10px 0px 10px 0px;
	float: left;
	}

#ProductThumbnails ul {
	list-style-type: none;
	}

#ProductThumbnails li {
	list-style-type: none;
	position: relative; float: left;
	width: 55px; height: 55px;
	margin: 0px 5px 10px 0px;
}
#ProductThumbnails li a {
	position: relative; display: block; float: left;
	width: 55px; height: 55px; line-height: 55px;
	border: 1px solid #e8e8e8; vertical-align: middle;
	text-align: center;
}
#ProductThumbnails li a:hover { border-color: #09f; }
#ProductThumbnails li a img { vertical-align: middle; line-height: 55px; display: inline; margin: auto; }


#ProductPage h1 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px dotted #999999;
	float: left;
	width: 435px;
	font-size: 24px;
	font-weight: bold;
	}

#InfoModule {
	float: left;
	width: 430px;
	border-bottom: 1px dotted #999999;
	}
	
#InfoModule #ProductAvaibility {
	float: left;
	width: 90px;
	margin: 0px 10px 0px 0px; border-right: 1px dotted #666666; 
	}
	
#InfoModule #ProductNumber {
	float: left;
	width: 60px;
	margin: 0px 5px 0px 0px; border-right: 1px dotted #666666; 
	}

#InfoModule dt.StorageInfo, #InfoModule dt.ProductNumber {
	font-weight: bold;
	margin: 0px 0px 2px 0px;
	float: left;
	width: 120px;
	}
	
#InfoModule dd.StorageInfo, #InfoModule dd.ProductNumber{
	margin: 0px 0px 6px 0px;
	float: left;
	width: 100px;
	}

#ProductPage dl.Prices {
	float: left;
	position: relative;
	width: 110px;
	margin: 0px 0px 3px 0px;
	padding: 0;
	text-align: left;
	}

#ProductPage dl.Prices dt.Price { display: none; }

#ProductPage dl.Prices dd.Price { font-size: 20px; color: #992622; font-weight: bold; }
#ProductPage dl.Prices dd.KreditorPrice { font-size: 17px; font-weight: bold; color: #014C72; }
#ProductPage dl.Prices span.Currency { margin: 0px 0px 0px 5px; }

#ProductBuy {
	width: 435px;
	float: left;
	border-bottom: 1px dotted #999999;
	margin: 0px 0px 5px 0px;
	}
	
#ProductPage form.BuyForm fieldset {
	border: 0;
	width: 260px;
	float: right;

	margin: 5px 0px 5px 0px;
	}

#ProductPage form.BuyForm fieldset p.label {
	font-weight: bold;
	font-size: 13px;
	float: left;
	}

#ProductPage div.CheckWrap {
	width: 280px;
	float: left;
	clear: left;
	margin: 0px 0px 10px 0px;
	}

#ProductPage form.BuyForm fieldset div.Checks label {
	font-weight: bold;
	font-size: 13px;
	color: #014C72;
	float: left;
	clear: left;
	width: 220px;
	border-bottom: 1px dotted #999999;
	padding: 2px 0px 3px 0px;	
	}

#ProductPage form.BuyForm fieldset div.Checks p.FormHelp {
	padding: 2px 0px 5px 0px;
	float: left;
	font-size: 11px;
	border-bottom: 1px dotted #999999;
	}

#ProductBuy .CheckWrap {
	padding: 10px;
	border: 1px dotted #999999;
	}

#ProductPage form.BuyForm fieldset div.BuyFormQuantity label {
	float: left; margin: 2px 5px 0px 0px;
	}

#ProductPage form.BuyForm fieldset div.BuyFormQuantity input {
	float: left; margin: 0px 5px 0px 0px;
	border: 1px solid #014C72;
	padding: 2px; text-align: center;
	width: 30px;
	}

#ProductPage #ProductBuy dt.ListPrice { display: none; }
#ProductPage #ProductBuy dd.ListPrice { text-decoration: line-through; }

#ProductPage #ProductBuy form.BuyForm button.AddToCart {
	background: url('../images/tuotekortti_lisaa_ostoskoriin.png') no-repeat;
	width: 155px;
	height: 27px;
	text-indent: -500000px;
	float: left;
	margin: -2px 0px 0px 5px;
	cursor: pointer;
	}

#ProductPage #ProductBuy div.normal form.BuyForm button.AddToCart {
	background: url('../images/tuotekortti_lisaa_ostoskoriin.png') no-repeat;
	width: 155px;
	height: 27px;
	text-indent: -500000px;
	float: left;
	margin: -2px 0px 0px 5px;
	cursor: pointer;
	}

#ProductPage #ProductBuy div.tilaa-nyt form.BuyForm button.AddToCart {
	background: url('../images/tuotekortti_tilaa_nyt.png') no-repeat;
	width: 105px;
	height: 27px;
	text-indent: -500000px;
	float: left;
	margin: -2px 0px 0px 5px;
	cursor: pointer;
	}

div.ProductFullDesc {
	margin: 0px 0px 10px 0px;
	float: left;
 	width: 430px; padding: 5px 0px 10px 0px;

	}
	
div.ProductFullDesc ul {
	list-style-type: square;
	margin: 0px 0px 0px 15px;
	float: left;
	}

div.ProductFullDesc table td { 	border-bottom: 1px dotted #666666;
	padding: 2px 5px 2px 0px;}
	
div.ProductFullDesc table th { 	border-bottom: 1px dotted #666666; font-weight: bold;
	padding: 2px 5px 2px 0px; text-align: left; }
	
#ProductShippingMethods dt.ProductShippingCost {
	display: none;
	}
	
p.ProductTabInfo {
	font-weight: bold;
	color: #333333;
	padding: 8px;
	background: #d4e0eb;
	border: 1px dotted #666666;
	margin: 0px 5px 10px 5px;
	float: left;
	}
	
#ProductShippingMethods {
	width: 460px;
	float: left;
	border-left: 1px solid #083b5a;
	border-right: 1px solid #083b5a;
	border-bottom: 1px solid #083b5a;
	padding: 0px 0px 10px 0px;
	}

#ProductShippingMethods h2.BoxHeader {
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 3px 5px 5px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: url('../images/h2-BoxHeaderBg.gif') repeat-x top left;
	float: left;
	clear: both;
	width: 445px;
	}


#ProductShippingMethods dl {
	float: left;
	}
	
#ProductShippingMethods dt.ShippingMethodName {
	float: left;
	width: 380px;
	margin: 8px 0px 3px 10px;
	font-size: 14px;
	font-weight: bold;
	border-top: 1px dotted #999999;
	padding: 5px 0px 0px 0px;
	color: #014C72;
	}
	
#ProductShippingMethods dd.ShippingMethodPrice {
	float: left;
	width: 60px;
	margin: 8px 0px 3px 0px;
	border-top: 1px dotted #999999;
	padding: 5px 0px 0px 0px;
	color: #992622;
	font-weight: bold;
	font-size: 14px;
	}

#ProductShippingMethods dd.ShippingMethodInfo {
	float: left;
	width: 450px;
	padding: 0px 0px 0px 10px;
	line-height: 130%;
	}


#ProductAskForm {
	float: right;
	width: 280px;
	border-left: 1px solid #083b5a;
	border-right: 1px solid #083b5a;
	border-bottom: 1px solid #083b5a;
	}
	
#ProductAskForm .Notification {
	width: 260px;
	padding: 1px 0px 1px 0px;
	margin: 0px 0px 5px 10px;
	float: left;
	}

#ProductAskForm h2.BoxHeader {
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 3px 5px 5px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: url('../images/h2-BoxHeaderBg.gif') repeat-x top left;
	float: left;
	clear: both;
	width: 265px;
	}

#ProductAskForm form#ContactForm fieldset {
	border: 0;
	float: left;
	clear: both;
	margin: 0px 0px 0px 10px;
	}

#ProductAskForm form#ContactForm div.FormItem {
	padding: 3px 0px 3px 0px;
	}
	
#ProductAskForm form#ContactForm label {
	width: 80px;
	padding: 3px 0px 3px 0px;
	float: left;
	font-weight: bold;
	color: #005179;
	}
	
#ProductAskForm form#ContactForm input {
	width: 160px;
	}
	
#ProductAskForm form#ContactForm textarea {
	width: 250px;
	height: 120px;
	}

#ProductAskForm form#ContactForm input, #ProductTabs form#ContactForm textarea {
	border: 1px solid #005179;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	padding: 2px 5px 2px 5px;
	}
	
#ProductAskForm form#ContactForm input:focus, #ProductTabs form#ContactForm textarea:focus {
	border: 1px dotted #005179;
	}

#CrossSale {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	float: left;
	}

#CrossSale h2.BoxHeader {
	background: url('../images/BreadcrumbBg.gif') repeat-x top left;
	font-size: 16px;
	font-weight: bold;
	height: 22px;
	padding: 3px 0px 0px 10px;
	color: #014C72;
	width: 738px;
	}
	
#CrossSale-Compatible, #CrossSale-Similar {
	margin: 0px 0px 5px 0px;
	width: 370px;
	float: left;
	border: 1px solid #96acc0;
	}

#CrossSale-Compatible h2.BoxHeader, #CrossSale-Similar h2.BoxHeader, #CrossSale-InSameOrder h2.BoxHeader {
	background: url('../images/BreadcrumbBg.gif') repeat-x top left;
	font-size: 16px;
	font-weight: bold;
	height: 22px;
	padding: 3px 0px 0px 10px;
	color: #014C72;
	width: 360px;
	}
	

#CrossSale-InSameOrder {
	margin: 0px 0px 5px 0px;
	width: 370px;
	float: right;
	border: 1px solid #96acc0;
	}

#CrossSale-InSameOrder .ProductList, #CrossSale-Similar .ProductList {
	margin: 4px;
	float: left;
	}

	
/* CROSSSALE TÄGEILLE PUUTTEELLISEN KOODIN TAKIA */

#CrossSale .ProductInStock, #CrossSale .ProductOutOfStock, #CrossSale .NewProduct {
	float: left;
	width: 350px;
	height: 70px;
	padding: 0px 5px;
	margin: 0px 3px 5px 0px;
	text-align: left;
	font-size: 12px;
	border-bottom: 1px solid #CCCCCC;
	position: relative;
	background: #FFFFFF;
	}

#CrossSale .ProductInStock .ProductListImage, #CrossSale .ProductOutOfStock .ProductListImage, #CrossSale .NewProduct .ProductListImage {
	width: 80px;
	height: 65px;
	text-align: center;
	margin: 0 auto;
	vertical-align: middle;
	float: left;
	}
	
#CrossSale .ProductInStock .ProductImage img, #CrossSale .ProductOutOfStock .ProductImage img, #CrossSale .NewProduct .ProductImage img {
	display:inline;
	line-height:65px;
	vertical-align:middle;
	}

#CrossSale .ProductInStock .ProductImage, #CrossSale .ProductOutOfStock .ProductImage, #CrossSale .NewProduct .ProductImage { 
	display: block; position: relative;
	margin: 0px; float: left;
	padding: 0px 1px 1px 0px;
	height: 65px; width: 65px;
	line-height: 65px;
	text-align: center;
	overflow: hidden;
	}


#CrossSale .ProductInStock h2, #CrossSale .ProductOutOfStock h2, #CrossSale .NewProduct h2 {
	margin: 10px 0px 2px 10px;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	}
	
#CrossSale .ProductInStock dt.Price, .Product dt.ListPrice, #CrossSale .ProductOutOfStock dt.Price, #CrossSale .NewProduct dt.Price {
	display: none;
	}
	
#CrossSale .ProductInStock dl.Prices, #CrossSale .ProductOutOfStock dl.Prices, #CrossSale .NewProduct dl.Prices {
	position: relative;
	float: left;
	width: 220px;
	padding: 0px 0px 0px 0px;
	}

#CrossSale .ProductInStock dd.Price, #CrossSale .ProductOutOfStock dd.Price, #CrossSale .NewProduct dd.Price {
	font-weight: bold;
	color: #990000;
	font-size: 18px;
	position: relative;
	float: left;
	}

#CrossSale .ProductInStock dd.KreditorPrice, #CrossSale .ProductOutOfStock dd.KreditorPrice, #CrossSale .NewProduct dd.KreditorPrice {
	font-weight: bold;
	color: #000000;
	font-size: 12px;
	float: left;
	margin: 2px 0px 0px 30px;
	}

#CrossSale .ProductInStock dd.ListPrice, #CrossSale .ProductOutOfStock dd.ListPrice, #CrossSale .NewProduct dd.ListPrice {
	font-size: 12px;
	text-decoration: line-through;
	color: #666666;
	position: absolute;
	bottom: 20px;
	left: 10px;
	}
	
	
/* CHECKOUT */

ol#CheckoutStage {
	width: 730px;
	float: left;
	clear: both;
	background: url('../images/kassanvaiheet_tausta.png') repeat-x;
	height: 53px;
	list-style-type: none;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 15px 0px;
	overflow: hidden;
	}

ol#CheckoutStage li {
	width: 100px;
	float: left;
	padding: 17px 20px 17px 20px;
	text-align: center;
	font-size: 15px;
	background: url('../images/kassanvaiheet_li_tausta.png') no-repeat;
	cursor: default;
	}
	
ol#CheckoutStage li.CurrentCheckoutStage {
	background: url('../images/kassanvaiheet_aktiivinen_tausta.png') no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	}

#Cart {
	float: left;
	width: 750px;
	}

div.Notification {
	width: 750px;
	padding: 10px 0px;
	background: #EDF2F8;
	border: 1px dotted #014C72;
	margin: 0px 0px 5px 0px;
	}
	
div.Notification p {
	text-align: center;
	font-weight: bold;
	}
	
table#CartTable {
	width: 750px;
	border: 1px solid #1A6FAB;
	}
	
table#CartTable input {
	border: 1px solid #014C72;
	text-align: center;
	padding: 2px 0px;
	}

table#CartTable a.CartRemove span {
	font-size: 10px;
	}
	
table#CartTable caption {
	display: none;
	}
	
table#CartTable thead tr {
	background: url(../images/TopNavBg.gif) repeat-x;
	color: #FFFFFF;
	text-align: left;
	font-size: 14px;
	height: 25px;
	}
	
table#CartTable thead tr th.CartProduct {
	padding: 0px 0px 0px 10px;
	}
	
table#CartTable tbody {
	text-align: left;
	}
	
table#CartTable tfoot {
	text-align: right;
	}
	
table#CartTable td.CartPic, table#CartTable th.CartProduct, table#CartTable td.CartPrice, table#CartTable td.CartQuantity, table#CartTable  td.CartTotal {
	border-bottom: 1px dotted #666666;
	margin: 0px 0px 2px 0px;
	}
	
table#CartTable td.CartPic a {
	margin: 0px 0px 0px 10px;
	}
	
table#CartTable span.Currency { margin: 0px 0px 0px 3px; }

table#CartTable .CartProduct dl {
	font-size: 11px;
	}

table#CartTable .CartProduct dt {
	width: 80px;
	float: left;
	clear: left;
	}

table#CartTable .CartProduct dd {
	width: 80px;
	float: left;
	font-weight: normal;
	}
	
table#CartTable tfoot tr .CartShippingCost { display: none; }


table#CartTable tfoot tr th.CartTotal {
	font-size: 14px;
	border: 0;
	padding: 5px;
	}
	
table#CartTable tfoot tr td.CartTotal {
	font-size: 18px;
	border: 0;
	padding: 5px;
	}

#Cart fieldset { border: 0; }

.FormSubmit .SubmitButton {
	background: #901216;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 14px;
	line-height: 18px;
	margin-right: 6px;
	padding: 9px;
	}
	
#Cart button { float: right; }

p.ContinueShopping a {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	float: left;
	}

h3.CartBoxHeader {
	background: url('../images/BreadcrumbBg.gif') repeat-x;
	height: 22px;
	padding: 3px 0px 0px 8px;
	}

#Cart .CartShippingCosts {
	border: 1px solid #96ACC0;
	float: right;
	width: 450px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	}

#Cart .CartShippingCosts dl.ShippingCosts {
	padding: 10px;
	float: left;
	}

#Cart .CartShippingCosts dl.ShippingCosts dt {
	float: left;
	width: 350px;
	clear: left;
	font-size: 14px;
	font-weight: bold;
	color: #014C72;
	}
	
#Cart .CartShippingCosts dl.ShippingCosts dd.ShippingMethodPrice {
	float: left;
	font-size: 14px;
	color: #992622;
	font-weight: bold;
	width: 70px;
	}

#Cart .CartShippingCosts dl.ShippingCosts dd.ShippingMethodInfo {
	float: left;
	clear: left;
	font-size: 12px;
	color: #666666;
	padding: 0px 0px 5px 15px;
	width: 410px;
	border-bottom: 1px dotted #999999;
	margin: 0px 0px 5px 0px;
	}

#Cart .CartShippingCosts .Currency { margin: 0px 0px 0px 3px; }

#Cart .ShippingMethods {
	float: left;
	width: 280px;
	border: 1px solid #96acc0;
	}
	
#Cart .ShippingMethods .Posti, #Cart .ShippingMethods .Matkahuolto, #Cart .ShippingMethods .Kiitolinja {
	border-bottom: 1px dotted #999999;
	padding: 5px;
	float: left;
	}	

#Cart .ShippingMethods .Nouto {
	padding: 5px;
	float: left;
	}	
	
#Cart form#CartSubmitForm, #Cart form#CartSubmitFormBottom {
	float: left;
	width: 750px;
	height: 45px;
	}


/* KASSAN NAPIT */

#Cart form#CartSubmitForm button.ToCheckout, #Cart form#CartSubmitFormBottom button.ToCheckout {
	background: url('../images/nappi_siirry_kassalle.png');
	width: 220px;
	height: 35px;
	float: right;
	text-indent: -500000px;
	border: 0;
	margin: 5px;
	position: relative;
	cursor: pointer;
	}

#Cart #UpdateCart button.UpdateButton {
	background: url('../images/nappi_paivita_loppusumma.png');
	width: 170px;
	height: 28px;
	text-indent: -500000px;
	border: 0;
	float: right;
	margin: 5px 15px 0px 0px;
	cursor: pointer;
	}

#Cart p.ContinueShopping a {
	background: url('../images/nappi_jatka_ostoksia.png');
	width: 141px;
	height: 28px;
	text-indent: -500000px;
	border: 0;
	float: left;
	margin: -25px 15px 0px 0px;
	cursor: pointer;
	}

#Checkout #NewCustomerContinue a.SubmitButton {
	background: url('../images/nappi_jatka_tilaamista.png');
	width: 220px;
	height: 35px;
	float: left;
	text-indent: -500000px;
	border: 0;
	margin: 5px;
	position: relative;
	cursor: pointer;
	}

#Checkout #CheckoutReturningCustomer button.SubmitButton {
	background: url('../images/nappi_jatka_tilaamista.png');
	width: 220px;
	height: 35px;
	float: left;
	text-indent: -500000px;
	border: 0;
	margin: 5px;
	position: relative;
	cursor: pointer;
	}


#Checkout #LoginSubmit button.SubmitButton {
	background: url('../images/nappi_kirjaudu_sisaan.png');
	width: 220px;
	height: 35px;
	float: left;
	text-indent: -500000px;
	border: 0;
	margin: 5px;
	position: relative;
	cursor: pointer;
	}

#Checkout #SubmitCustomerInfo button.SubmitButton {
	background: url('../images/nappi_toimitustavan_valinta.png');
	width: 240px;
	height: 35px;
	float: right;
	text-indent: -500000px;
	border: 0;
	margin: 5px 15px 5px 5px;
	position: relative;
	cursor: pointer;
	}

#Checkout #SubmitShippingInfo button.SubmitButton {
	background: url('../images/nappi_maksutavan_valinta.png');
	width: 240px;
	height: 35px;
	float: right;
	text-indent: -500000px;
	border: 0;
	margin: 5px 15px 5px 5px;
	position: relative;
	cursor: pointer;
	}


/* TOIMITUS ERI OSOITTEESEEN */

#CurrentShippingAddress .ShippingAddressWrapper input {
	width: 20px;
	float: left;
	}

#CurrentShippingAddress .CheckWrap p a {
	background: url('../images/nappi_toimitus_eri_osoitteeseen.png');
	width: 200px;
	height: 28px;
	float: left;
	text-indent: -500000px;
	border: 0;
	margin: 25px 15px 5px 5px;
	position: relative;
	cursor: pointer;
	}

#Checkout #SubmitPaymentInfo button.SubmitButton {
	background: url('../images/nappi_tilauksen_esikatselu.png');
	width: 240px;
	height: 35px;
	float: right;
	text-indent: -500000px;
	border: 0;
	margin: 5px 15px 5px 5px;
	position: relative;
	cursor: pointer;
	}

#Checkout #SubmitPreview button.SubmitButton {
	background: url('../images/nappi_tilaa_tuotteet.png');
	width: 250px;
	height: 55px;
	float: right;
	text-indent: -500000px;
	border: 0;
	margin: 5px 15px 5px 5px;
	position: relative;
	cursor: pointer;
	}

#Checkout #CouponCodeForm input {
	float: left;
	}
	
#Checkout #CouponCodeForm button {
	background: url('../images/nappi_laske_alennus.png');
	width: 122px;
	height: 28px;
	float: left;
	text-indent: -500000px;
	border: 0;
	margin: 0px 0px 0px 5px;
	position: relative;
	cursor: pointer;
	}

#Checkout #CouponCodeForm p.FormHelp {
	clear: both;
	padding: 0px 0px 0px 135px;
	}

/* UUSI ASIAKAS TAI KIRJAUTUMINEN */

fieldset#CheckoutNewCustomer {
	border: 0;
	float: left;
	width: 350px;
	margin: 0px 0px 0px 20px;
	}

fieldset#CheckoutNewCustomer p {
	font-size: 12px;
	font-weight: normal;
	padding: 0px 0px 15px 0px;
	line-height: 150%;
	}

fieldset#CheckoutReturningCustomer p {
	font-size: 12px;
	font-weight: normal;
	padding: 0px 0px 5px 0px;
	line-height: 150%;
	}


fieldset#CheckoutReturningCustomer {
	border: 0;
	float: left;
	width: 350px;
	margin: 0px 0px 0px 20px;
	}

fieldset#CheckoutReturningCustomer label {
	font-size: 13px;
	font-weight: bold;
	width: 100px;
	float: left;
	}

fieldset#CheckoutReturningCustomer input {
	float: left;
	}

fieldset#CheckoutReturningCustomer p.ForgetPassword {
	float: left;
	margin: 5px 0px 0px 100px;
	}

fieldset#CheckoutReturningCustomer div.FormItem {
	margin: 0px 0px 3px 0px;
	float: left;
	}	

fieldset#CheckoutReturningCustomer input {
	border: 1px solid #014C72;
	padding: 3px 5px;
	width: 200px;
	}

/* ASIAKASTIEDOT */

#NewCustomerForm, #ShippingAddressForm, #Payment, #OrderPreview, #ContinueToPaymentForm {
	float: left;
	clear: both;
	width: 750px;
	margin: 0px 0px 50px 0px;
	}

body.CheckoutConfirmation fieldset#CurrentShippingAddress, #CouponCodeForm {
	float: left;
	clear: both;
	width: 750px;
	margin: 0px 0px 10px 0px;
	}

#Checkout fieldset {
	margin: 0px 0px 10px 0px;
	}

#Checkout fieldset label {
	width: 125px;
	float: left;
	padding: 0px 0px 0px 10px;
	font-weight: bold;
	}

#Checkout input, #Checkout select, form#ContinueToPaymentForm textarea {
	border: 1px solid #014C72;
	padding: 3px 5px;
	width: 220px;
	}

#Checkout input:focus, form#ContinueToPaymentForm textarea:focus  {
	border: 1px dotted #014C72;
	padding: 3px 5px;
	background: #ECF2F7;
	}

#Checkout label.GroupLabel, #Checkout .InlineCheck label {
	display: none;
	}

#Checkout label[for=yritys], #Checkout label[for=ytunnus] {
	font-weight: normal;
	}

#Checkout p {
	padding: 0px 0px 10px 10px;
	}

#Checkout p.FormErrorMessage {
	border: 1px dotted #CC0000;
	margin: 5px;
	padding: 5px 10px 5px 10px;
	background: #ffffcc;
	font-weight: bold;
	color: #CC0000;
	}

#Checkout p.CheckoutPrevStage {
	margin: 10px 0px 0px 15px;
	}

#Checkout #OrderNewsletter label {
	float: left;
	margin: -21px 0px 0px 370px;
	width: 300px;
	font-weight: normal;
	}

#Checkout #OrderNewsletter input {
	width: 25px;
	border: 0;
	}

#Checkout div {
	margin: 0px 0px 5px 0px;
	}

#Checkout form, fieldset#CurrentShippingAddress {
	border-left: 1px solid #96ACC0;
	border-right: 1px solid #96ACC0;
	border-bottom: 1px solid #96ACC0;
	}

#Checkout h2 {
	border-top: 1px solid #96ACC0;
	background: url('../images/BreadcrumbBg.gif') repeat-x;
	height: 25px;
	margin: 0px 0px 5px 0px;
	padding: 4px 0px 2px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #014C72;
	}

#NewCustomerPassword p.label {
	display: none;
	}

#NewCustomerPassword .Checks label {
	width: 400px;
	margin: 0px 0px 5px 120px;
	}

#NewCustomerPassword label input#RegisterYes {
	float: left;
	width: 25px;
	border: 0;
	}

#NewCustomerPassword p.FormHelp {
	margin: 8px 0px 0px 125px;
	float: left;
	}

/* TOIMITUSTAVAN VALINTA */

#CurrentShippingAddress p {
	margin: 0px 25px 0px 15px;
	float: left;
	}

#SelectShippingMethod p.label {
	display: none;
	}

#SelectShippingMethod div.CheckWrap {
	margin: 10px 0px 0px 25px;
	}

#SelectShippingMethod div.ShippingMethodWrapper {
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px dotted #999999;
	float: left;
	clear: both;
	}	

#SelectShippingMethod p.FormHelp {
	margin: 2px 0px 0px 30px;
	float: left;
	width: 600px;
	}	

#SelectShippingMethod label.ShippingMethod {
	font-size: 14px;
	font-weight: bold;
	float: left;
	width: 650px;
	}

#SelectShippingMethod label.ShippingMethod input {
	float: left;
	width: 20px;
	border: 0;
	}

#SelectShippingMethod label.ShippingMethod span.ShippingMethodName {
	width: 300px;
	float: left;
	margin: 0px 0px 0px 10px;
	}
	
#SelectShippingMethod label.ShippingMethod span.ShippingMethodPrice {
	color: #CC0000;
	margin: 0px 0px 0px 15px;
	float: left;
	}
	
/* MAKSUTAVAN VALINTA */

#Payment p.label { display: none; }

#Payment .PaymentMethodWrapper {
	width: 550px;
	float: left;
	clear: both;
	margin: 0px 0px 10px 15px;
	}

#Payment .PaymentMethodWrapper input {
	width: 20px;
	float: left;
	border: 0;
	}

#Payment label.PaymentMethod {
	width: 500px;
	}

#Payment div.PaymentMethodID-6 {
	background: url('../images/maksutavat_suomen_verkkomaksut.png') no-repeat;
	height: 136px;
	overflow: hidden;
	padding: 80px 0px 0px 170px;
	}

#Payment div.PaymentMethodID-1 {
	overflow: hidden;
	padding: 10px 0px 10px 170px;
	}

#Payment div.PaymentMethodID-4 {
	background: url('../images/maksutavat_osamaksulla.png') no-repeat;
	height: 35x;
	overflow: hidden;
	padding: 15px 0px 0px 170px;
	}		
	
#Payment div.PaymentMethodID-3 {
	background: url('../images/maksutavat_laskulla.png') no-repeat;
	height: 35px;
	overflow: hidden;
	padding: 15px 0px 0px 170px;
	}		

#Payment div.PaymentMethodID-5 {
	background: url('../images/maksutavat_nettiluotto.png') no-repeat;
	height: 50px;
	overflow: hidden;
	padding: 10px 0px 0px 170px;
	}	

#Payment div.PaymentMethodID-2 {
	background: url('../images/maksutavat_luottokunta.png') no-repeat;
	height: 110px;
	overflow: hidden;
	padding: 80px 0px 0px 170px;
	}		
	
#Payment span.PaymentMethodName {
	width: 400px;
	float: left;
	font-size: 14px;
	}
	
#Payment span.PaymentMethodPrice {
	float: left;
	font-size: 14px;
	}
	
#Payment .Currency {
	margin: 0px 0px 0px 3px;
	}
	
#Payment p.FormHelp {
	float: left;
	width: 500px;
	margin: 0px 0px 0px 22px;
	}
	
/* ESIKATSELU */

table#PreviewTable {
	width: 750px;
	border: 1px solid #1A6FAB;
	}
	
table#PreviewTable caption {
	display: none;
	}
	
table#PreviewTable thead tr {
	background: url(../images/TopNavBg.gif) repeat-x;
	color: #FFFFFF;
	text-align: left;
	font-size: 14px;
	height: 25px;
	}
	
table#PreviewTable thead tr th.CartProduct {
	padding: 0px 0px 0px 10px;
	}
	
table#PreviewTable tbody {
	text-align: left;
	}
	
table#PreviewTable tfoot {
	text-align: right;
	}
	
table#PreviewTable td.CartPic, table#PreviewTable th.CartProduct, table#PreviewTable td.CartPrice, table#PreviewTable td.CartQuantity, table#PreviewTable td.CartQuanity, table#PreviewTable  td.CartTotal {
	border-bottom: 1px dotted #666666;
	margin: 0px 0px 2px 0px;
	}
	
table#PreviewTable td.CartPic a {
	margin: 0px 0px 0px 10px;
	}
	
table#PreviewTable span.Currency { margin: 0px 0px 0px 3px; }

table#PreviewTable .CartProduct dl {
	font-size: 11px;
	}

table#PreviewTable .CartProduct dt {
	width: 80px;
	float: left;
	clear: left;
	}

table#PreviewTable .CartProduct dd {
	width: 80px;
	float: left;
	font-weight: normal;
	}
	
table#PreviewTable tfoot tr th.CartTotal {
	font-size: 14px;
	border: 0;
	padding: 5px;
	}
	
table#PreviewTable tfoot tr td.CartTotal {
	font-size: 18px;
	border: 0;
	padding: 5px;
	}
	
table#PreviewTable td.CartProductsTotal, table#PreviewTable td.CartShippingCost {
	padding: 0px 15px 0px 0px;
	}
	
form#ContinueToPaymentForm textarea {
	width: 500px;
	margin: 0px 0px 10px 0px;
	}

form#ContinueToPaymentForm p.label {
	display: none;
	}
	
form#ContinueToPaymentForm div.Checks label {
	float: left;
	clear: both;
	width: 500px;
	margin: 0px 0px 0px 130px;
	}
	
form#ContinueToPaymentForm p.FormHelp {
	float: left;
	clear: both;
	margin: 10px 0px 0px 155px;
	width: 250px;
	}
	
form#ContinueToPaymentForm div.Checks label input {
	float: left;
	width: 25px;
	border: 0;
	}
	
/* VALMIS TILAUS */

#Checkout div.info-page {
	margin: 0px 0px 0px 25px;
	}

#Checkout div.info-page div.Notification {
	margin: 0px 0px 15px -25px;
	}
	
#OrderFinished {
	float: left;
	clear: both;
	width: 750px;
	}

#OrderFinished h2 {
	background: none;
	font-size: 36px;
	font-weight: bold;
	margin: 10px 0px 25px 0px;
	border: 0;
	}
	
table.OrderInfo {
	width: 350px;
	float: right;
	text-align: left;
	margin: 0px 50px 0px 25px;
	padding: 10px;
	border: 2px solid #014C72;
	}
	
#OrderFinished h3 {
	margin: 10px 0px 0px 0px;
	}
	
#OrderFinished #OrderProductsTable {
	float: left;
	clear: both;
	}
	
table.OrderInfo th, table.OrderInfo td {
	border-bottom: 1px dotted #666666;
	}


table#OrderProductsTable {
	width: 750px;
	border: 1px solid #1A6FAB;
	margin: 15px 0px 0px -25px;
	}
	
table#OrderProductsTable caption {
	display: none;
	}
	
table#OrderProductsTable thead tr {
	background: url(../images/TopNavBg.gif) repeat-x;
	color: #FFFFFF;
	text-align: left;
	font-size: 14px;
	height: 25px;
	}
	
table#OrderProductsTable thead tr th.CartProduct {
	padding: 0px 0px 0px 10px;
	}
	
table#OrderProductsTable tbody {
	text-align: left;
	}
	
table#OrderProductsTable tfoot {
	text-align: right;
	}
	
table#OrderProductsTable td.CartPic, table#OrderProductsTable th.CartProduct, table#OrderProductsTable td.CartPrice, table#OrderProductsTable td.CartQuantity, table#OrderProductsTable td.CartQuanity, table#OrderProductsTable  td.CartTotal {
	border-bottom: 1px dotted #666666;
	margin: 0px 0px 2px 0px;
	}
	
table#OrderProductsTable td.CartPic a {
	margin: 0px 0px 0px 10px;
	}
	
table#OrderProductsTable span.Currency { margin: 0px 0px 0px 3px; }

table#OrderProductsTable .CartProduct dl {
	font-size: 11px;
	}

table#OrderProductsTable .CartProduct dt {
	width: 80px;
	float: left;
	clear: left;
	}

table#OrderProductsTable .CartProduct dd {
	width: 80px;
	float: left;
	font-weight: normal;
	}
	
table#OrderProductsTable tfoot tr th.CartTotal {
	font-size: 14px;
	border: 0;
	padding: 5px;
	}
	
table#OrderProductsTable tfoot tr td.CartTotal {
	font-size: 18px;
	border: 0;
	padding: 5px;
	}
	
table#OrderProductsTable td.CartProductsTotal, table#OrderProductsTable td.CartShippingCost {
	padding: 0px 15px 0px 0px;
	}

body #CheckOutStageOrderFinishedOnly {
	display: none;
	}

body.CheckoutThanks #CheckOutStageOrderFinishedOnly  {
	display: block;
	clear: both;
	width: 750px;
	height: 55px;
	}

	
/* ######## KIRJAUDU SISÄÄN ########### */

#AccountLoginForm h2 {
	display: none;
	}
	
#AccountLoginForm p {
	float: left;
	clear: both;
	margin: 0px 0px 10px 0px;
	width: 750px;
	}

#AccountLoginForm div {
	margin: 0px 0px 3px 0px;
	float: left;
	}

#AccountLoginForm label {
	width: 120px;
	float: left;
	clear: left;
	}
	
#AccountLoginForm input {
	border: 1px solid #014C72;
	padding: 3px 5px;
	float: left;
	}

#AccountLoginForm input:focus {
	border: 1px dotted #014C72;
	}

#AccountLoginForm p.ForgetPassword a {
	margin: 3px 0px 0px 120px;
	}

#SubmitAccountLogin button.SubmitButton {
	background: url('../images/nappi_kirjaudu_sisaan.png');
	width: 220px;
	height: 35px;
	float: left;
	text-indent: -500000px;
	border: 0;
	margin: 5px;
	position: relative;
	cursor: pointer;
	}

	
/* ######## KIRJAUDU SISÄÄN ########### */

#OrderStatusLogin h2 {
	display: none;
	}
	
#OrderStatusLogin p {
	float: left;
	clear: both;
	margin: 0px 0px 10px 0px;
	width: 750px;
	}

#OrderStatusLogin div {
	margin: 0px 0px 3px 0px;
	float: left;
	width: 750px;
	clear: both;
	}

#OrderStatusLogin label {
	width: 120px;
	float: left;
	clear: left;
	}
	
#OrderStatusLogin input {
	border: 1px solid #014C72;
	padding: 3px 5px;
	float: left;
	}

#OrderStatusLogin input:focus {
	border: 1px dotted #014C72;
	}

#OrderStatusLogin p.ForgetPassword a {
	margin: 3px 0px 0px 120px;
	}

#OrderStatusLogin button.SubmitButton {
	background: url('../images/nappi_tilausseuranta_kirjautuminen.png');
	width: 250px;
	height: 35px;
	float: left;
	text-indent: -500000px;
	border: 0;
	margin: 5px;
	position: relative;
	cursor: pointer;
	}


/* ###### OMA TILI ######## */

dl#AccountInformation {
	width: 720px;
	float: left;
	clear: both;
	margin: 0px 0px 0px 30px;
	}
	
dl#AccountInformation dt {
	width: 150px;
	float: left;
	clear: left;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
	}
	
dl#AccountInformation dd {
	float: left;
	margin: 0px 0px 3px 0px;
	}

dl#AccountInformation dd a {
	font-size: 11px;
	margin: 0px 0px 0px 25px;
	}

table#OrderHistory {
	width: 720px;
	float: left;
	clear: both;
	border: 1px solid #96ACC0;
	margin: 20px 0px 0px 20px;
	}

table#OrderHistory caption {
	background: url('../images/BreadcrumbBg.gif') repeat-x;
	height: 25px;
	font-size: 16px;
	padding: 2px 0px 0px 0px;
	font-weight: bold;
	float: left;
	clear: both;
	width: 720px;
	}
	
table#OrderHistory thead, table#OrderHistory tbody {
	float: left;
	clear: both;
	}

table#OrderHistory th {
	padding: 0px 25px 0px 0px;
	}

table#OrderHistory td {
	padding: 0px 45px 0px 0px;
	}

/* ##### TILAUSSEURANTA ###### */

dl#OrderStatus {
	font-size: 18px;
	font-weight: bold;
	width: 750px;
	clear: both;
	float: left;
	}
	
dl#OrderStatus dt, dl#OrderStatus dd {
	float: left;
	margin: 0px 15px 0px 0px;
	}

dl#OrderStatus dd#BackToAccountPage {
	font-size: 12px;
	float: left; clear: both;
	margin: 5px 0px 20px 0px;
	}

div#OrderCancel {
	margin: 15px 0px 0px 0px;
	}

body.AccountPage table#OrderProductsTable {
	margin: 15px 0px 0px 0px;
	float: left;
	cleaR: both;
	width: 750px;
	}



#AddThisShare {	 margin: 10px 0px 0px 0px; }

.CheckoutSecurity {
	text-align: center;
	}
	
.CheckoutSecurity h2 {
	line-height: 110%;
	color: #333333;
	font-size: 22px;
	}
	
.CheckoutSecurity p {
	padding: 3px 5px 5px 5px;
	font-size: 11px;
	line-height: 110%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
p.NewsOverview {
	font-size: 14px;
	font-weight: bold;
	}
	
/* KATEGORIAKUVAKKEET
############################################################## */

.ContentLeftNormal ul.Categories { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0; font-weight: bold; font-size: 14px; float: left; }
.ContentLeftNormal .Categories li { width: 135px; height: 115px; padding: 10px 5px 5px 5px; margin: 0px 0px 0px 0px; float: left; text-align: center; border-left: 1px dotted #999999; border-bottom: 1px dotted #999999; }
.ContentLeftNormal .Categories li a { display: block; width: 135px; padding: 70px 0px 0px 0px; }
/* TERVEYS & HYVINVOINTI */
.ContentLeftNormal .CategoryID-254 a { background: url('../kategoria-kuvakkeet/kuntoilu.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-261 a { background: url('../kategoria-kuvakkeet/hierontatuotteet.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-228 a { background: url('../kategoria-kuvakkeet/henkilovaakat.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-227 a { background: url('../kategoria-kuvakkeet/piikkimatot.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-229 a { background: url('../kategoria-kuvakkeet/verenpainemittarit_kuumemittarit.jpg') no-repeat 50% 0%; }
/* KOTI & MÖKKI */
.ContentLeftNormal .CategoryID-65 a { background: url('../kategoria-kuvakkeet/rakentaminen_remontointi.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-87 a { background: url('../kategoria-kuvakkeet/taloustavarat.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-14 a { background: url('../kategoria-kuvakkeet/sisustus.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-102 a { background: url('../kategoria-kuvakkeet/kodintekstiilit.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-15 a { background: url('../kategoria-kuvakkeet/sahkotarvikkeet.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-179 a { background: url('../kategoria-kuvakkeet/lammitys_lammittaminen.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-209 a { background: url('../kategoria-kuvakkeet/saunatarvikkeet.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-203 a { background: url('../kategoria-kuvakkeet/tuulivoimalat_aurinkopaneelit.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-184 a { background: url('../kategoria-kuvakkeet/valosarjat.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-191 a { background: url('../kategoria-kuvakkeet/turvallisuus.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-86 a { background: url('../kategoria-kuvakkeet/siivous_siisteys.jpg') no-repeat 50% 0%; }
/* PIHA & PUUTARHA */
.ContentLeftNormal .CategoryID-118 a { background: url('../kategoria-kuvakkeet/grillaus_savustus.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-123 a { background: url('../kategoria-kuvakkeet/ruukut_kukka-astiat.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-30 a { background: url('../kategoria-kuvakkeet/puutarhakalusteet.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-31 a { background: url('../kategoria-kuvakkeet/puutarhanhoito.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-117 a { background: url('../kategoria-kuvakkeet/piha_koriste-esineet.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-181 a { background: url('../kategoria-kuvakkeet/ulkovalaisimet.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-170 a { background: url('../kategoria-kuvakkeet/aitaverkot.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-159 a { background: url('../kategoria-kuvakkeet/tallit_suojat.jpg') no-repeat 50% 0%; }
/* MOOTTORI & TEKNIIKKA */
.ContentLeftNormal .CategoryID-2 a { background: url('../kategoria-kuvakkeet/autotarvikkeet.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-225 a { background: url('../kategoria-kuvakkeet/kyparat.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-267 a { background: url('../kategoria-kuvakkeet/autokemikaalit.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-165 a { background: url('../kategoria-kuvakkeet/korjaamotarvikkeet.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-46 a { background: url('../kategoria-kuvakkeet/mopot_crossipyorat.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-10 a { background: url('../kategoria-kuvakkeet/skootterit.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-9 a { background: url('../kategoria-kuvakkeet/monkijat.jpg') no-repeat 50% 0%; }
/* TYÖKALUT & -KONEET */
.ContentLeftNormal .CategoryID-24 a { background: url('../kategoria-kuvakkeet/sahkotyokalut.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-172 a { background: url('../kategoria-kuvakkeet/tyovalaisimet.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-237 a { background: url('../kategoria-kuvakkeet/sahkokasityokalut.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-22 a { background: url('../kategoria-kuvakkeet/paineilmatyokalut.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-248 a { background: url('../kategoria-kuvakkeet/tyoturvallisuus.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-196 a { background: url('../kategoria-kuvakkeet/aggregaatit.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-251 a { background: url('../kategoria-kuvakkeet/metallintyosto.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-198 a { background: url('../kategoria-kuvakkeet/rakennuslammittimet.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-187 a { background: url('../kategoria-kuvakkeet/tyokalupakit.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-25 a { background: url('../kategoria-kuvakkeet/vesipumput.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-29 a { background: url('../kategoria-kuvakkeet/kasityokalut.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-162 a { background: url('../kategoria-kuvakkeet/painepesurit.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-74 a { background: url('../kategoria-kuvakkeet/muut_tyokalut.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-263 a { background: url('../kategoria-kuvakkeet/teollisuuspyorat.jpg') no-repeat 50% 0%; }
/* VAPAA-AIKA JA HARRASTE */
.ContentLeftNormal .CategoryID-1 a { background: url('../kategoria-kuvakkeet/retkeilytarvikkeet.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-116 a { background: url('../kategoria-kuvakkeet/ase_metsastys.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-112 a { background: url('../kategoria-kuvakkeet/vesi_veneily.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-121 a { background: url('../kategoria-kuvakkeet/pelit_lelut.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-109 a { background: url('../kategoria-kuvakkeet/polkupyoratarvikkeet.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-107 a { background: url('../kategoria-kuvakkeet/trampoliinit.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-82 a { background: url('../kategoria-kuvakkeet/lemmikkitarvikkeet.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-37 a { background: url('../kategoria-kuvakkeet/kalastustarvikkeet.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-62 a { background: url('../kategoria-kuvakkeet/airsoft.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-80 a { background: url('../kategoria-kuvakkeet/hevostarvikkeet.jpg') no-repeat 50% 0%; }
/* ELEKTRONIIKKA */
.ContentLeftNormal .CategoryID-115 a { background: url('../kategoria-kuvakkeet/kodin_elektroniikka.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-34 a { background: url('../kategoria-kuvakkeet/viihde-elektroniikka.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-195 a { background: url('../kategoria-kuvakkeet/jatkojohdot.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-235 a { background: url('../kategoria-kuvakkeet/hiustenhoito.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-163 a { background: url('../kategoria-kuvakkeet/valaisimet.jpg') no-repeat 50% 0%; }
.ContentLeftNormal .CategoryID-164 a { background: url('../kategoria-kuvakkeet/paristot_akut.jpg') no-repeat 50% 0%; }


/* PALAUTELOMAKE
################################################### */

div.palautelomake {
	width: 400px;
	float: left;
	}

div.palautelomake input, div.palautelomake textarea {
	border: 1px solid #333333;
	padding: 5px;
	}
	
div.palautelomake form input.button {
	background: url('../images/nappi_laheta.png') no-repeat;
	width: 82px;
	height: 27px;
	float: left;
	text-indent: -500000px;
	clear: both;
	margin: 0px 0px 0px 10px;
	cursor: pointer;
	border: 0;
	}
	
/* TUOTESIVUN TUOTETIETOTAULUKKO
##################################################### */

#ProductPage .ShippingMethodID-8 { display: none; }
#ProductPage .ProductShippingCostMini { float: left; width: 90px; clear: both; text-align: left; margin: 0px 10px 5px 0px; border-right: 1px dotted #666666; }
#ProductPage .ProductShippingCostMini dt, #ProductPage .ProductShippingCostMini dd.ShippingMethodInfo { display: none; }
#ProductPage .ProductShippingCostMini dl.ShippingCosts { width: 40px; float: left; clear: both; padding: 0px 0px 8px 0px; }


#ProductPage div.ProductShortDesc p {
	font-size: 16px;
	line-height: 20px;
	padding: 0px 0px 10px 0px;
	}

.CartHotPicks .Product {
	width: 190px;
	height: 85px;
	float: left;
	overflow: hidden;
	position: relative;
	}
	
.CartHotPicks .Product .ProductImage, .CartHotPicks .Product .ProductListImage {
	border: 0;
	display:block;
	height:60px;
	line-height:60px;
	margin:0;
	overflow:hidden;
	padding:0 1px 1px 0;
	position:relative;
	text-align:center;
	width:60px;
	}

.CartHotPicks .Product .ProductImage img {
	display:inline;
	line-height:80px;
	vertical-align:middle;
}
	
.CartHotPicks .Product h2 {
	width: 80px;
	margin: -55px 0px 0px 70px;
	float: left;
	}
	
.CartHotPicks .Product dl.Prices {
	position: relative;
	float: left;
}
	
.CartHotPicks dd.KreditorPrice { display: none; }	

#CrossSaleCart {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	float: left;
	}

#CrossSaleCart #CrossSale-Compatible h2.BoxHeader, #CrossSaleCart #CrossSale-Similar h2.BoxHeader, #CrossSaleCart #CrossSale-InSameOrder h2.BoxHeader {
	background: url('../images/BreadcrumbBg.gif') repeat-x top left;
	font-size: 16px;
	font-weight: bold;
	height: 22px;
	padding: 3px 0px 0px 10px;
	color: #014C72;
	width: 738px;
	}
	

#CrossSaleCart #CrossSale-InSameOrder {
	margin: 0px 0px 5px 0px;
	width: 748px;
	float: right;
	border: 1px solid #96acc0;
	}

#CrossSaleCart #CrossSale-InSameOrder .ProductList, #CrossSaleCart #CrossSale-Similar .ProductList, #CrossSaleCart .Product {
	margin: 4px;
	float: left;
	}
	
#CrossSaleCart .ProductInStock, #CrossSaleCart .ProductOutOfStock, #CrossSaleCart .NewProduct, #CrossSaleCart .Product {
	float: left;
	width: 350px;
	height: 65px;
	padding: 0px 2px;
	margin: 0px 3px 3px 0px;
	text-align: left;
	font-size: 12px;
	border: 0;
	border-bottom: 1px solid #CCCCCC;
	position: relative;
	background: #FFFFFF;
	}

#CrossSale .ProductInStock .ProductListImage, #CrossSaleCart .ProductOutOfStock .ProductListImage, #CrossSaleCart .NewProduct .ProductListImage, #CrossSaleCart .Product .ProductListImage {
	width: 80px;
	height: 65px;
	text-align: center;
	margin: 0 auto;
	vertical-align: middle;
	float: left;
	border: 0;
	}
	
#CrossSaleCart .ProductInStock .ProductImage img, #CrossSaleCart .ProductOutOfStock .ProductImage img, #CrossSaleCart .NewProduct .ProductImage img, #CrossSaleCart .Product .ProductImage img  {
	display:inline;
	line-height:65px;
	vertical-align:middle;
	}

#CrossSaleCart .ProductInStock .ProductImage, #CrossSaleCart .ProductOutOfStock .ProductImage, #CrossSaleCart .NewProduct .ProductImage, #CrossSaleCart .Product .ProductImage { 
	display: block; position: relative;
	margin: 0px; float: left;
	padding: 0px 1px 1px 0px;
	height: 65px; width: 65px;
	line-height: 65px;
	text-align: center;
	overflow: hidden;
	}


#CrossSaleCart .ProductInStock h2, #CrossSaleCart .ProductOutOfStock h2, #CrossSaleCart .NewProduct h2, #CrossSaleCart .Product h2 {
	margin: 10px 0px 2px 10px;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	}
	
#CrossSaleCart .ProductInStock dt.Price, .Product dt.ListPrice, #CrossSaleCart .ProductOutOfStock dt.Price, #CrossSaleCart .NewProduct dt.Price, #CrossSaleCart .Product dt.Price {
	display: none;
	}
	
#CrossSaleCart .ProductInStock dl.Prices, #CrossSaleCart .ProductOutOfStock dl.Prices, #CrossSaleCart .NewProduct dl.Prices {
	position: relative;
	float: left;
	width: 220px;
	padding: 0px 0px 0px 0px;
	}

#CrossSaleCart .ProductInStock dd.Price, #CrossSaleCart .ProductOutOfStock dd.Price, #CrossSaleCart .NewProduct dd.Price {
	font-weight: bold;
	color: #990000;
	font-size: 18px;
	position: relative;
	float: left;
	}

#CrossSaleCart .ProductInStock dd.KreditorPrice, #CrossSaleCart .ProductOutOfStock dd.KreditorPrice, #CrossSaleCart .NewProduct dd.KreditorPrice, #CrossSaleCart .Product dd.KreditorPrice {
	font-weight: bold;
	color: #000000;
	font-size: 12px;
	float: left;
	margin: 2px 0px 0px 30px;
	}

#CrossSaleCart .ProductInStock dd.ListPrice, #CrossSaleCart .ProductOutOfStock dd.ListPrice, #CrossSaleCart .NewProduct dd.ListPrice  {
	font-size: 12px;
	text-decoration: line-through;
	color: #666666;
	position: absolute;
	bottom: 20px;
	left: 10px;
	}