/* -------------------------------------------------------- LOAD EXTERNAL CSS */

@import url("reset-min.css"); /* Normalize browser styles */
@import url("uni-form/css/uni-form.css"); /* Load uni-form styles */
@import url("cms.css"); /* styles for cms pages, make sure that this is in sync with admin */

/* ------------------------------------------------------------------- BASICS */

body { font-size:12px; font-family: Arial, helvetica, sans-serif; background:#fff; }

a { color:#82C44E; text-decoration:none; }
a:hover, a:active { text-decoration:underline; }
a.naviSectionSel { font-weight:bold; }
hr {border-top: 1px solid #EEE;}

/* ------------------------------------------------------- JAVASCRIPT RELATED */

.ecHasJS .ecJavascriptOff { display:none; }
.ecJavascriptOn { display:none; }
.ecHasJS .ecJavascriptOn { display:block; }

/* ----------------------------------------------------------- TOP NAVIGATION */

ul.ecTopBar { font-size:1em; padding:6px 6px 8px; margin-bottom:3px; background:#e8e8e8 url(gfx/bg_salesbar.gif) bottom repeat-x; }
	ul.ecTopBar li { display:inline; padding:0 10px; border-right: 1px dotted #FFF;}
    ul.ecTopBar li a { text-decoration:none; font-weight:bold; font-size:1.1em; }
        ul.ecTopBar li a:hover { text-decoration:underline; }
ul.ecTopBarSalesDesktop { font-size:1em; background:#fff url(gfx/bg_topbarSales.png) bottom repeat-x; padding:8px; margin-bottom:10px; text-align:center; }
	ul.ecTopBarSalesDesktop li { display:inline; padding-left:13px; padding-right:13px; border-right: 1px dotted #FFF; }
    ul.ecTopBarSalesDesktop li a { text-decoration:none; color:blue; }
        ul.ecTopBarSalesDesktop li a:hover { text-decoration:underline; }
.selectedCompany {font-weight:normal; font-size:1.2em; padding-bottom:5px !important; float:left;}
.exitSales a {}


/* ------------------------------------------------------------------- HEADER */

#ecHeader a { text-decoration:none; }
#ecHeader a:hover { text-decoration:underline; }

#ecLogo { border:none; }

#ecLanguages { position:absolute; left:0; font-size:0.8em; display:none; }
	#ecLanguages li { display:inline; }
		#ecLanguages li span { display:block; float:left; width:16px; height:11px; overflow:hidden; background:url(gfx/sprite_languages.png); margin:2px 4px 0 0; }
		#ecLanguages li a { float:left; margin-right:12px; }
		#ecLanguages li.current a { color:#888; }
		#ecLanguages li a:hover { text-decoration:underline; }

	#ecLanguages .lang_fi { background-position:0 0; }
	#ecLanguages .lang_sv { background-position:0 -11px; }
	#ecLanguages .lang_en { background-position:0 -22px; }
	
	#ecLanguages .current .lang_fi { background-position:-16px 0; }
	#ecLanguages .current  .lang_sv { background-position:-16px -11px; }
	#ecLanguages .current  .lang_en { background-position:-16px -22px; }

#ecHeaderNavigation { position:absolute; top:40px; left:280px; }
	#ecHeaderNavigation li { display:inline; }
	
#ecUserNavigation { background:#F1F7E8 url(gfx/signin_bg.gif) repeat-x scroll 0 0; color:#999999; float:right; font-size:11px; margin-top:1px; padding:8px;}
	#ecUserNavigation li { float:left; background:url(gfx/sprite_ecusernavigation.png) no-repeat; padding-left:20px; margin-left:12px; height:16px; }
	
	#ecUserNavigation .ecUserName { background-position:0 0; }
	#ecUserNavigation .ecUserInfo { background:url(gfx/own_isku.png) no-repeat; }
	#ecUserNavigation .ecLogout { background-position:0 -64px; }
	
#ecHeader { margin-top:10px; }
	#ecHeader h1 { display:inline; float:left; margin:0 30px 0 0px; width:96px; }
		#ecHeader h1 a, #ecHeader h1 a img { display:block; }
			#ecHeader h1 span { display:block; font-size:0; height:0; width:0; text-indent:-9999px; }
			#ecHeader h1 br { display:none; }
	#ecHeader #ecHeaderTop {overflow:hidden; padding-bottom:10px; width:100%;}
		#ecHeader #ecHeaderTop #mainSloganHeadline {color:#999999; float:left; font-size:17px; font-weight:normal; padding-top:10px; margin-bottom:0px; margin-top:0.2em;}
	
#ecLogin { background:#F1F7E8 url(gfx/signin_bg.gif) repeat-x scroll 0 0; color:#999999; float:right; font-size:10px; margin-top:1px; padding:3px 8px 8px; }
	#ecLogin div { display:inline; }
	#ecLogin div.errors { display:block; }
	#ecLogin fieldset { float:left; display:inline; margin: 8px 0 0 15px; padding:0; }
		#ecLogin label { display:none; }
		#ecLogin .text { border:1px solid #CCCCCC; float:left; font-size:11px; height:17px; margin-right:7px; padding:3px 0 0 3px; width:94px; }
		#ecLogin .button { margin-top:13px; }
	#ecLogin #signIn {float:left; color:#999999; font-size:10px; margin-top:6px; overflow:hidden; text-align:right; width:118px;}
		#ecLogin #signIn #registrationLink {  }
		#ecLogin #signIn #passwordRecoveryLink {  }
			#ecLogin #signIn a {color:#999999; font-weight:normal; text-decoration:none;}

#ecShoppingCart { font-size:12px; padding:10px 0 0; background:transparent url(gfx/subLeftSep.gif) no-repeat scroll 0 top; }
	.cartWrapper { background:transparent url(gfx/iskukoti_kori.jpg) no-repeat scroll 95px 10px; margin:0px 10px 0 0; padding:4px 45px 14px 0px; }
		.cartWrapper p {padding-bottom:10px;line-height:14px;}
		.cartWrapper p#prodcomparecount {padding-bottom:0;}
		.cartWrapper label { display:none; }
		.cartWrapper a {color:#785028; font-weight:bold;}
.cartCurrent {}
	.cartCurrent .cartWrapper {}
	.cartCurrent .cartWrapper a {}

#ecSearch { float:right; width:215px; }
	#ecSearch fieldset { float:left; margin-left:15px; }
	#ecSearch div { display:inline; float:left; }
	#ecSearch label { float:left; display:none; }
	#ecSearch .text { border:1px solid #CCCCCC; font-size:11px; height:17px; padding:3px 0 0 3px; width:158px; margin-right:7px; }
	#ecSearch .button { }
	#ecSearch a {font-size:11px;}

.ecAdvSearch {height:100%; width:90px; text-align:center; position:absolute; top:0px; right: 120px; float: right; padding-top:14px;}
    .ecAdvSearch a {}
.ecOrderForm {height:100%; width:120px; text-align:center; background-image:url(gfx/bg_searchbarRight.gif); background-repeat:repeat-x; position:absolute; top:0px; right: 0px; float: right; padding-top:14px;}
    .ecOrderForm a {}
/* ---------------------------------------------------------- MAIN NAVIGATION */

#ecMainNavigation { overflow:hidden; padding-bottom:10px; width:100%; }
    #ecMainNavigation #ecMainNavigationList { overflow:hidden; padding-top:5px; width:76.5%; }
		#ecMainNavigation #ecMainNavigationList li { display:inline; }
			#ecMainNavigation #ecMainNavigationList li a { color:#3B3B3B; display:inline; float:left; font-weight:normal; margin-left:65px; padding:0; border:none; font-size:20px; }
			#ecMainNavigation #ecMainNavigationList li a.naviSectionSel { color:#82C44E; }
			#ecMainNavigation #ecMainNavigationList li a:hover { color:#82C44E; text-decoration:none; }

/* ---------------------------------------------------------- MENU NAVIGATION */

li.hasChildren {
    position: relative;
}

li.hasChildren div {
    display:none;
    z-index:1;
}

li.current div {
    display:block;
    background-color:#FFF;
}

li.hasChildren div.pfColumn1 { margin-left:8px; }
li.hasChildren div.pfColumn2 { margin-left:8px; }
li.hasChildren div.pfColumn3 { margin-left:8px; }
li.hasChildren div.pfColumn4 { margin-left:8px; }
li.hasChildren div.pfColumn5 { margin-left:8px; }

/* ------------------------------------------------------------------- FOOTER */

#ecFooter { clear:both; font-size:11px; height:83px; margin-top:36px; width:100%; }
	#ecFooter a {color:#785329; text-decoration:none; font-weight:bold; padding:0;}
	#ecFooter a:hover {text-decoration:underline;}
	#ecFooter #footerLeft { background:transparent url(gfx/footer_gray.gif) repeat-x scroll 0 0; float:left; height:83px; width:129px; padding:10px; }
		#langDropdown {color:#333333;display:inline;float:left;font-size:11px;line-height:18px;padding-left:5px;width:130px;}
	#ecFooter #footerMid { background:transparent url(gfx/footer_gray.gif) repeat-x scroll 0 0; display:inline; float:left; height:83px; margin:0 12px; width:570px; padding:15px; }
	#ecFooter #footerRight { background:transparent url(gfx/footer_green.gif) repeat-x scroll 0 0; float:left; height:83px; width:215px; }
		#ecFooter #footerMid ul {float:left; list-style-type:none; margin:0 10px 0 0; padding:0; width:125px;}
		#ecFooter #footerMid ul li {margin-left:20px;}
		#ecFooter .iconlink {float:left;line-height:16px;margin:10px 0 0 10px;}
			#ecFooter .iconlink a.print {background:url(gfx/icon_print.gif) no-repeat 0 0; padding-left:16px;}
			#ecFooter .iconlink a.send {background:url(gfx/icon_send.gif) no-repeat 0 0; padding-left:16px;}
			#ecFooter .iconlink a.share {background:url(gfx/icon_share.gif) no-repeat 0 0; padding-left:16px;}
			#productToolbox a { padding-left: 18px; }
            #productToolbox a span { width: 0; height: 0; visibility: hidden; line-height: 0 !important; display: inline; }
            .addthis_button_print { background: url(/interior/general/css/gfx/icon_print.gif) left center no-repeat; }
            .addthis_button_email { background: url(/interior/general/css/gfx/icon_send.gif) left center no-repeat; }
            .addthis_button_compact { background: url(/interior/general/css/gfx/icon_share.gif) left center no-repeat; }
	
/* ---------------------------------------------------------------- STRUCTURE */

#ecWrapper { width:990px; border:none; margin:auto; background:white; padding-bottom:20px; } /* page wrapper */

	#ecPage { overflow:hidden; width:100%; min-height:400px; } /* contains page columns */

        #ecLeftColumn { background:transparent url(gfx/subLeftBg.gif) repeat-y scroll 100% 0; border-right:1px solid #CCCCCC; display:block; float:left; width:149px; overflow:hidden; }
            #ecProductMenu { } /* product list menu */
            #ecCampaigns { text-transform:uppercase; } /* campaigns */
            #ecCampaigns a { text-decoration:none; }
            #ecCampaigns a:hover { text-decoration:underline; }
        #ecMainContent { width:560px; float:left; margin:0 20px; } /* main content area */
        #ecSubMenu { width:180px; float:right; } /* side menu */
		
.ec1Column #ecMainContent {  } /* width of main content area in 1 column layout */
.ec2Column #ecMainContent { width:760px; margin-right:0px; } /* width of main content area in 2 column layout */
.ec3Column #ecMainContent {  } /* width of main content area in 3 column layout */

/* ------------------------------------------------------------------ GENERIC */

legend { text-indent:-9999px; line-height:0; } /* use legend only for accessibility purposes since it's tricky to style correctly */

ul.ecHorizontalList { width:100%; overflow:hidden; }
	ul.ecHorizontalList li { float:left; }

h1 {color:#333333;font-size:22px;margin:10px 0 0 20px;font-weight:normal;}
h2 {color:#333333;font-size:18px;margin:1em 0;font-weight:normal;margin-left: 20px;}
h3 {color:#333333;font-size:15px;margin:0.2em 0 0.7em;font-weight:bold;margin-left: 20px;}
h4 {color:#333333;font-size:14px;margin:0.5em 0  ;font-weight:bold;margin-left: 20px;}
h5 {color:#333333;font-size:13px;margin:0.4em 0;font-weight:bold;margin-left: 20px;}
h6 {color:#333333;font-size:12px;margin:0.2em 0;font-weight:bold;margin-left: 20px;}

.ecTitle { margin-bottom:1em; }
h1.ecTitle { font-size:2.0em; }
h2.ecTitle { font-size:1.9em; font-family: Trebuchet, arial; color:#666; font-weight:normal; }
h3.ecTitle { font-size:1.8em; font-family: Trebuchet, arial; color:#0088de; font-weight:normal; }
h4.ecTitle { font-size:1.2em; font-weight:bold; font-family: Trebuchet, arial; color:#0088de; }
h5.ecTitle { font-size:1.2em; }
h6.ecTitle { font-size:1em; font-weight:bold; }

#ecMainContent p { padding-bottom:10px; margin-left:20px; }
	#ecMainContent table p { margin-left:0px; }
#ecMainContent .moreinfo {margin-top:20px;}

/* these clash with jquery ui styles !!!
#ecMainContent ul, #ecMainContent ol { padding-bottom:1em; }
	#ecMainContent ul li { list-style:none; margin-left:0em; }
	#ecMainContent ol li { list-style:decimal; margin-left:1.4em; }
*/
.wizardForm input { margin: 3px 0px; }
.textInput { padding:1px; border: 1px solid #CCC; background-color:#FFF;}
.textInputDisabled { padding:1px; border: 1px solid #CCC; background-color:#EEE; color:#666;}

.commentAuthor {color:#000; font-size:1.1em; font-weight:bold; border-bottom:1px dotted #666;}
.commentBody { color:#333; margin-bottom: 15px;}

/* ------------------------------------------------------------------ BUTTON STYLES */

.buttonSearch {background-image:url(gfx/button_go.png); background-repeat:no-repeat; display:block; width:74px; height:29px; color:#FFF; border:0; margin-left:5px; margin-top:9px; font-size:1.1em; font-weight:bold; cursor:pointer;}
    .buttonSearch:hover {color:#002b47;}
.buttonLogin {background-image:url(gfx/send.gif); width:22px; height:22px; color:#FFF; border:0; cursor:pointer;}
    .buttonLogin:hover {color:#002b47;}
.buttonBuy {background-image:url(gfx/button_addToBasket2.gif); background-repeat:no-repeat; display:block; width:100px; height:20px; color:#003300; border:0; padding-left:15px; font-size:9px; text-transform:uppercase; cursor:pointer;}
    .buttonBuy:hover {color:#fff;}
.productOptions {background-image:url(gfx/button_options.gif); background-repeat:no-repeat; display:block; width:100px; height:20px;  border:0; float:right; font-size:9px; text-transform:uppercase; cursor:pointer; text-align:left;}
    .productOptions strong a { font-weight:normal; color:#003300; position:relative; top:3px; padding-left:23px;}
    .productOptions strong a:hover {color:#fff; text-decoration:none;}
.buttonBack {background-image:url(gfx/button_back.gif); background-repeat:no-repeat; position:relative; left:690px; top:0px; width:67px; height:20px; text-align:center; cursor:pointer;}
	.buttonBack a {text-decoration:none; color:#FFF; font-size:0.9em;}
        .buttonBack a:hover {color:#1d4100;}

.buttonModify { background-color:#005991; color:#FFF; border:0px; padding:4px; cursor:pointer;}
    .buttonModify:hover {background-color:#0088de;}
.buttonRemove { background-color:#b82700; color:#FFF; border:0px; padding:4px; cursor:pointer;}
    .buttonRemove:hover {background-color:#ff6000;}
.buttonAdd {background-image:url(gfx/button_go.png); background-repeat:no-repeat; display:block; width:74px; height:29px; color:#FFF; border:0; margin-left:5px; font-size:1.1em; font-weight:bold; cursor:pointer;}
    .buttonAdd:hover {color:#002b47;}
.buttonAddtocart { background-color:#5e9f00; color:#FFF; border:0px; padding:4px; cursor:pointer;}
    .buttonAddtocart:hover {background-color:#7ed700;}
.buttonClearlist { background-color:#b82700; color:#FFF; border:0px; padding:4px; cursor:pointer;}
    .buttonClearlist:hover {background-color:#ff6000;}

.buttonRed {background-image:url(images/button_bg_red.jpg); background-repeat:repeat-x; color:#FFF; border:0px; padding:4px; cursor:pointer;}
    .buttonRed:hover {color:#000;}
.buttonBlue {background-image:url(images/button_bg_blue.jpg); background-repeat:repeat-x; color:#FFF; border:0px; padding:4px; cursor:pointer;}
    .buttonBlue:hover {color:#000;}
.buttonGreen {background-image:url(images/button_bg_green.jpg); background-repeat:repeat-x; color:#FFF; border:0px; padding:4px; cursor:pointer;}
    .buttonGreen:hover {color:#000;}
.buttonYellow {background-image:url(images/button_bg_yellow.jpg); background-repeat:repeat-x; color:#FFF; border:0px; padding:2px 4px; cursor:pointer; margin-top:2px;}
    .buttonYellow:hover {color:#000;}
.buttonOrange {background:#83C44E url(images/ui-bg_highlight-soft_50_83c44e_1x100.png) repeat-x 50% 50%;color:#fff;border:1px solid #83C44E; padding:2px 4px; cursor:pointer; margin:2px 0; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;overflow:visible;}
	.buttonOrange:hover {color:#000;}

label {color:#000; padding-bottom:1px; padding-right:5px;}
.inputText {border:1px solid #CCC; border-bottom:2px solid #666; padding:1px;}
.textfieldSmall {width:35px; border:1px solid #ccc; border-bottom:2px solid #666; padding:2px;}
/* ------------------------------------------------ PAGINATION CONTROL STYLES */
.pagination { padding-top:10px;}
.pagination ul { margin-bottom:-20px;}
.pagination li { display:inline; }
.pagination ul li { padding:5px; color:#aaa; font-size:1.1em; text-decoration:none; border:0px solid #aaa; background:url(gfx/bg_searchbarLeft.gif)}
.pagination ul li a {padding:5px;text-decoration:none; border:1px solid #aaa; background:url(gfx/bg_searchbarLeft.gif)}
.pagination ul li a:hover {background-color:#aaa; background:url(gfx/bg_searchbarRight.gif)}
.pagination ul li a:hover {border-bottom: 2px solid #666;}
/* --------------------------------------------------------------- BOX STYLES */

.ecBox { padding:10px 0 0; background:transparent url(gfx/subLeftSep.gif) no-repeat right top; }
	.ecBoxHeader { display:none; }
		.ecBoxHeader h2 { font-weight:normal; text-transform: uppercase; float:left; }
		.ecBoxHeader a { position:absolute; top:12px; right:16px; }
		
	.ecBoxContent { padding:0 0 10px; }
		.ecBoxInner { padding:8px 15px 0px 0; }
	
	.ecBoxFooter { width:100%; overflow:hidden; }
		.ecBoxFooter div {  }
	
/* ------------------------------------------------------ TABLE STYLES */
	
.ecTableGeneric { border-collapse:collapse; border-spacing:2px; margin:10px 0; width:auto; }

	.ecTableGeneric td, .ecTableGeneric tr.odd td, .ecTableGeneric th { padding:4px 8px;background:none;}
	
	.ecTableGeneric thead th { background-color:#EAEAEA; color: #000; font-weight:bold; font-size:1.1em;}
	.ecTableGeneric tbody td { vertical-align:top; border-bottom:0px solid #c0c0c0; }
	
	.ecTableGeneric .odd { border-bottom:none;}
	.ecTableGeneric .even { border-bottom:none;}
	
	.ecTableGeneric .text { width:30px; }

.prodListCat a {color:#49b8ff;}

#savedCartsTable {width:100%;}
#savedCartsTable tr {}
#savedCartsTable th {background-color:#e3efdb; border-top:1px solid #FFF; padding:10px;}
#savedCartsTable td {}
/* ------------------------------------------------------------- WIZARD STEPS */
	
.ecWizardSteps { width:100%; overflow:hidden; background:#f0f0f0; position:relative; height:4.5em; }
	.ecWizardSteps h2 { font-size:1.25em; position:absolute; top:0px; left:8px; }
		.ecWizardSteps h2 span { font-size:0.8em; }
	.ecWizardSteps .left { padding:2px; position:absolute; bottom:10px; left:8px; border:1px solid #FFF; background-image: url(images/button_bg_yellow.jpg); background-color:#0088de; color:#000; cursor:pointer;}
                .ecWizardSteps .left:hover {border:1px solid #c98400;}
	.ecWizardSteps .right { padding:2px; position:absolute; bottom:10px; right:8px; border:1px solid #FFF; background-image: url(images/button_bg_green.jpg); background-color:#71c900; color:#000; cursor:pointer;}
                        .ecWizardSteps .right:hover {border:1px solid #578f00;}
    input.updateCart { padding:2px; border:1px solid #FFF; background-image: url(images/button_bg_blue.jpg); background-color:#005991; color:#FFF; float:right; cursor:pointer;}
        input.updateCart:hover {color:#000;}
    button.saveCart { padding:2px; border:1px solid #FFF; background-image: url(images/button_bg_purple.jpg); background-color:#6A0091; color:#FFF; float:right; cursor:pointer;}
        button.saveCart:hover {color:#000;}
	.ecWizardSteps ul { position:absolute; top:3px; left:260px; font-size:0.8em; }
		.ecWizardSteps ul li { padding-top:5px; padding-left:2px; float:left; text-align:center; background-image:url(gfx/bg_basketNumber_white.jpg); background-repeat:no-repeat; display:block; width:33px; height:33px;}
		.ecWizardSteps ul li.current { font-weight:bold; background-image:url(gfx/bg_basketNumber_green.jpg);}
		.ecWizardSteps ul li span { display:block; width:150px; text-align:center; margin-left:-62px; margin-top:3px;}
            .ecWizardSteps ul li em { font-size:1.6em; margin-left:-6px;}
		
#ecMainContent .ecWizardSteps ul li { list-style:none; margin-right:40px;}

.priceVatless {font-size:1.5em; color: #72c100; float:right; clear:both;}
.priceVat {color:#666666; float:right; clear:both;}

.priceTotal {float:right;}
    .priceTotal .priceVatless {font-size:1.5em; color: #72c100; }
    .priceTotal .priceVat {color:#666666;}

.summaryText {background:#EEE; padding:10px;}

.cmsPage { }

/* ----------------------------------------------------------- EC UNIT STYLES */

.price { color:#000; }
.priceDiscount { color:#f00000; }
.oldPrice { text-decoration:line-through; color:#808080 }
.priceDisc{font-size:1em; color:#000;}
.priceNorm {font-size:0.9em; color:#000; text-decoration:line-through;}
.priceMin {font-size:0.9em; color:red;}
.priceCom {font-size:0.9em; color:#666;}
.priceExp {font-size:0.9em; color:#666;}

/* ---------------------------------------------------------------- FUNCTIONS */

.ecButtonRow { text-align:right; }
	.ecButtonRow button { margin-left:8px; }
	
/* ------------------------------------------------------------- PRODUCT MENU */

#ecProductMenu .ecBoxContent { padding:0 5px 10px 0px; }
#ecProductMenu .ecBoxInner { padding:0; }

#ecProductMenu ul { list-style-type:none; margin:0; padding:0; text-align:right; }
	#ecProductMenu ul li { z-index:11; display:block; margin:6px 0; position:relative; word-wrap:break-word; overflow:hidden; background:transparent; }
	#ecProductMenu ul li.current { }
	#ecProductMenu ul li a.current { font-weight:bold; color:#82C44E; } /* currently open menu branch */
		#ecProductMenu ul li a { color:#333333; display:block; font-weight:normal; text-align:left; }
		
		#ecProductMenu ul li a:hover { color:#82C44E; text-decoration:none; } /* active menu link */
		
		#ecProductMenu ul li ul li a { padding-left:0px; } /* 2nd level indent */
		#ecProductMenu ul li ul li ul li a { padding-left:0px; } /* 3rd level indent */
		
/* ------------------------------------------------------------ PRODUCT TABLE */
		
.ecProductTable { width:99%; margin-bottom:12px; border-collapse:collapse; border-spacing:0px; }
	.ecProductTable strong { display:block; width:120px; margin:0 auto 2px; }
	.ecProductTable tr, .ecProductTable tr.odd, .ecProductTable tr.even { border-bottom:1px solid #DEDEDE; }
		.ecProductTable tr td {background:none;border:none;border-left:1px solid #e2e9e9;text-align:center; padding-bottom:10px;}
		.ecProductTable tr.odd td {background:none;}
		.ecProductTable tr td.left {border:none;}
			.ecProductTable tr td div {margin:0 auto 5px;color:#999;}
	.ecProductTable a:hover {text-decoration:underline;color:#82C44E;border:none;}
	.ecProductTable .prodListCat {font-size:10px;}
		.ecProductTable .prodListCat a:hover {color:#2998df;}
	.ecProductTable .error {display:block;color:#f00;}
	
	.ecProductTable .itemUnit { display:block; }
	.ecProductTable .price, .ecProductTable .priceDiscount { display:block; }

/* ------------------------------------------------------------ PRODUCT VIEW */

.productName {}
.productPrice {font-size:1.5em;}
.productDetails {margin-bottom:10px;}
.productDetails table {padding: 0em;}
.productText {}
.productPicture {float:left; padding-right:15px; padding-bottom:30px; color:#CCC;}
    .productPicture div { height:250px; width:200px; position:relative;}
        .productPicture div span { position:absolute;  width:200px; bottom:0; text-align:center;}
.productViewRows {float:left; padding-top:20px; clear:both; width:99%;}

#productInfo {float:left; width: 600px;}
	#productInfo .imageContainer {display:inline;float:right;margin-bottom:11px;width:371px;}
		#productInfo .imageContainer .image {display:inline;float:left;height:248px;margin-left:30px;width:300px;}
		#productInfo .imageContainer .zoomin {display:inline;float:right;margin-right:10px;width:28px;}
			#productInfo .imageContainer a.zoomin {background-image:url(gfx/icon_zoomin.jpg);height:38px;width:28px;display:block;margin:0;}
			#productInfo .imageContainer a.zoomin:hover, #productInfo .imageContainer a.zoomin:active {text-decoration:none;}
	#productInfo .content {color:#333333;display:block;float:none;line-height:18px;margin-left:10px;width:auto;}
		#productInfo .content p {margin:7px 0 12px;}
		#productInfo .content a {color:#82C44E;}
.productLinks {float:left;line-height:18px;margin-left:25px;width:215px;}

form#productListForm { width:100%; overflow:hidden;overflow-x:auto;}
	form#productListForm .ecProductTable { border-collapse:collapse; }
		form#productListForm .ecProductTable tr {border-bottom:none;}
			form#productListForm .ecProductTable tr td { padding:0px; }
	form#productListForm .ecProductList {border-collapse:collapse;border-spacing:0;}
		form#productListForm .ecProductList tr {border-bottom:1px solid #DEDEDE;}
			form#productListForm .ecProductList tr td {padding:4px 8px;}

#searchDiv {margin:10px 0 0 20px;}

/* ------------------------------------------------------------ PRODUCT LIST */

.productListSearchResults { float: left; }
.productListChangeDetailedSearch { float: right; }

/* ------------------------------------------------------------------ LAYOUTS */
/* You can also use pixel values for column widths, percentages used for quick demo purposes */

.ecLayout1, .ecLayout2, .ecLayout3 .ecLayout4 .ecLayout5, .ecLayout6 { width:100%; overflow:hidden; margin-bottom:2%; }

.ecLayout1 .ecColumn1 { margin-bottom:2%; }
.ecLayout1 .ecColumn2 { width:49%; float:left;}
.ecLayout1 .ecColumn3 { width:49%; float:right; }

.ecLayout2 .ecColumn1 { float:left; width:32%; }
.ecLayout2 .ecColumn2 { float:left; width:31.9%; margin:0 2%; }
.ecLayout2 .ecColumn3 { float:right; width:32%; }

.ecLayout3 .ecColumn1 { float:left; width:32%; }
.ecLayout3 .ecColumn2 { float:right; width:66%; }

.ecLayout4 .ecColumn1 { float:left; width:49%;}
.ecLayout4 .ecColumn2 { float:right; width:47%}

.ecLayout5 .ecColumn1 { float:left; width: 100%;}

.ecLayout6 .ecColumn1 { float:left; width: 53%;}
.ecLayout6 .ecColumn2 { float:right; width: 47%;}

.ecLayout7 .ecColumn1 { float:left; width: 40%;}
.ecLayout7 .ecColumn2 { float:right; width: 59%;}
.ecLayout7 .ecColumn3 { clear:both; overflow:hidden; }

/* --------------------------------------------------------------------- TABS */

.ecTabs { width:100%; overflow:hidden; }
	.ecTabs li {float:left;}
        .ecTabs li a { display:inline; color:#000; border-right:1px dotted #0088DE; display:block; text-decoration:none; padding-left:12px; padding-right:12px;}
		/*.ecTabs li a { color:#333; border-bottom:1px solid #bbb; float:left; text-decoration:none; padding-left:20px; display:block; background:url(gfx/sprite_tabs.png); }
			.ecTabs li a span { display:block; padding:12px 20px 8px 0; background:url(gfx/sprite_tabs.png) right top; }*/

		.ecTabs li.current a, .ecTabs li.current a:hover { color:#333; border-bottom:none; background-position:0 -64px; }
			.ecTabs li.current a span, .ecTabs li.current a:hover span { padding-bottom:9px; background-position:right -64px; }
			
		.ecTabs li a:hover { background-position:0 -128px; color:#0088de; }
			.ecTabs li a:hover span { background-position:right -128px; }

/* TODO: matti laita tahan riviviitteen napin oikeat tyylit */
#cartRowReferenceButton { color: white; background-image:url(gfx/icon_lineRefNo.gif); background-repeat:no-repeat; width:21px; height:21px; }
#cartRowReferenceButton.hasReference { color: red; background-image:url(gfx/icon_lineRefYes.gif); background-repeat:no-repeat; width:21px; height:21px;}

/* -------------------------------------------------------------- NEWS ITEMS */

div.newsTitle {font-size:1.4em; color:#007AC7; margin-bottom:5px;}
    .newsItem {border-bottom: 1px dotted #CCC; border-left: 1px dotted #CCC; padding:10px;}
    .newsItemBig {border-bottom: 2px solid #CCC; padding:15px;}
    .newsDate {margin-top:5px; color:#666666; font-weight:bold;}
    .newsTxt {margin-top:2px;}
    .newsLink {margin-top:2px; margin-bottom:2px; text-decoration:none;}
    .newsLink:hover {text-decoration:underline;}

/* -------------------------------------------------------------- DECORATIONS */

#ecDecoBottom { height:20px; }  /* generate some gap between content and browser chrome */

/* -------------------------------------------------------------------- DEBUG */

.ecColumn1 p, .ecColumn2 p, .ecColumn3 p, #ecSearch fieldset, #ecLogin fieldset, #ecLanguages { padding:0px; }
/*.ecColumn2 { background:url(gfx/bg_debug_indicator.png) repeat; }*/

/* error class for other than uniform forms also (added by Petri) */
.errors{ background: #ffdfdf; color:maroon; z-index:999; padding:10px; }
.errorMsg { margin-bottom:0; padding:10px; font-size:11px; }
span.error {background: #ffdfdf; font-weight:bold; color:maroon; font-size: 11px; border:1px solid #B91616;}

.searchInstruction {
  color: gray;
}

.messages { font-weight:bold; border:2px solid #55cc00; color:#55cc00; padding:4px 8px 8px; margin-bottom:8px; }
  .messages ul { padding-top:4px; }
    .messages ul li { }
    
div.itempic {position:relative;text-align:center;}
div.itempic a {font-weight:normal;font-style:italic;}
div.itempic a:hover {text-decoration:none;}
div.itempic a:active {text-decoration:none;}
div.itempic a.noImage {display:block;width:136px;height:90px;padding-top:46px;margin:0 auto;border:1px dotted #ccc;color:#999;}
div.itempic a.noImage:hover, div.itempic a.noImage:active {display:block;width:136px;height:90px;padding-top:46px;margin:0 auto;border:1px dotted #ccc;color:#999;}
div.uutuus {
	background:transparent url(gfx/overlay-uutuus.png) no-repeat scroll left top;
	height:31px;
	left:2px;
	position:absolute;
	top:2px;
	width:66px;
}

#imgpreview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
} 

a.pageAnchor {font-weight:normal;}

#productNumber { float:right; margin:-21px 10px 0 0; }
	#productNumber h6 { text-align:right; font-weight:normal; font-size:11px; margin:0px; }
	
.overdue {background-color:#ffb1b1; color:#000;}