/*#########################################################
###     Document Stylesheet for Ankkalinnan kauppa      ###
###       Type: Formatting for Structure & Text         ###
###          Jussi Lahtinen / Smilehouse Oy             ###
#########################################################*/

/***** Framework Settings *****/
 
#shopwrapper {
	width: 806px;
	margin-left: 32px;
}
#leftcolumn { 
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 177px;
 float: left;
}
#content { 
 float: left;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 485px;
 display: inline;
}
#content .space { 
 margin: 0px 15px 0px 15px;

}
#rightcolumn { 
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 141px;
 float: left;
 position:relative;
}


/***** Floats *****/

.left {float:left;}
.right {float:right;}
.clear  {clear:both;}

/***** Typography *****/

body, div, font, input, select {
	font: 12px Arial, Helvetica, sans-serif;
}


/***** Forms *****/
 
form {margin:0; padding:0; display:inline;}
fieldset {
	border: 1px solid #ccc;
	padding: 10px;
}
legend {
	background: #fff;
	font-size: 14px;
	font-weight: bold;

}
label {
	font-weight: bold;

}
.req {
	color: #FF0000;
}

input, select { 	background: #FFF url(inputbg.gif);  }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #000; outline: 2px solid #ddd; }
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
input[type='hidden'] { display:none; }
input[type='image'] { border: 0px; }

.textinput {
	border: 1px solid #000;
}
	
input.active { background:url(http://www.akuankka.fi/akuankka-themes/images/aku/bg_loginpass.gif) top left no-repeat; }
 
/***** Basic formatting *****/


:focus {outline: 0;}

table,img {
	border-style: none;
}


a { text-decoration:none; color:black; }
a:hover { text-decoration:underline; }

a img, :link img, :visited img, a:hover img {
	border:none;
	text-decoration: none;
}
p {
	margin-top: 7px;
	margin-bottom: 7px;
}

h1 {

	margin-bottom: 5px;
	margin-top: 10px;
}

h2 {
	font-size: 16px;
	padding-bottom: 5px;
	padding-right: 5px;
}

h3 {
	font-size: 12px;

}

.sIFR-hasFlash h5.sIFR { font-size:16px; line-height:24px; }

/***** Tree menu *****/

.ProductGroupTree{
    margin: 0px;
    padding: 0px;
    list-style-type: none; 
	line-height:18px;
}
.ProductGroupTree li  {
	list-style: none;
	text-align: left;
	width: 160px;
	margin: 0;
	padding:0;
	font-size:13px;

}
.ProductGroupTree li li{
		font-size:11px;
		margin-left:12px;

	}
.ProductGroupTree li .hassub a{
font-weight:17px;
}

.ProductGroupTree li a {
	display: block;
	padding: 0px 0px 0px 26px;
	background: url(nuoli-tuotepuu.gif) no-repeat 15px center;
}
.ProductGroupTree .sel a {
	background: url(nuoli-tuotepuu_sel.gif) no-repeat 15px;
	font-weight: bold;
	color: #e43600;
}
/*
.ProductGroupTree .open a{
	background: url(nuoli-tuotepuu-open.gif) no-repeat 15px center;
	color: #e43600;
	font-weight: bold;
}
*/
.ProductGroupTree .normal.sel  a{
	background: url(nuoli-tuotepuu_sel.gif) no-repeat 15px;
	font-weight: bold;
	color: #e43600;


}

.ProductGroupTree .hassub.open a{
	background: url(nuoli-tuotepuu-open.gif) no-repeat 15px center;
	color: #e43600;
	font-weight: bold;

}



.ProductGroupTree .hassub.open li a{ 
	background: url(nuoli-tuotepuu.gif) no-repeat 15px center;
	padding: 0px 0px 0px 23px;
	color:#000;
	font-weight:normal;
}

.ProductGroupTree .hassub.open li.sel a{ 
	background: url(nuoli-tuotepuu_sel.gif) no-repeat 15px;
	color: #e43600;
	font-weight:bold;

}


.productcardinfo {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}
.productcardbuttons {
	text-align: right;
}

	
/***** WS-styles *****/


.koritable {

	width: 100%;
}

.koritable th {
	font-weight: bold;
	padding: 8px 4px;
	color: #000;
	text-align: left;
	background-color: #ededed;
}

.koritable td {
	padding: 20px 4px;
	border-bottom: 1px solid #dfdfdf;
}
.amount{

	text-align: center;
}

.table {
	border-width: 1px;
	border-style: solid;
	border-color: #dfdfdf;
	border-collapse: collapse;
	width: 100%;
}

.table th {
	border-width: 1px;
	border-style: solid;
	border-color: #dfdfdf;
	font-weight: bold;
	padding: 4px;
	color: #000;
	text-align: left;
	background-color: #ededed;

}

.table td {
	border-width: 1px;
	border-style: solid;
	border-color: #dfdfdf;
	padding: 4px;
}


.TableFooter td {
	font-weight: bold;
	background: #ededed;
	padding: 4px;
	text-align: right;
}

.TableTdDark, .TableRowDark td {
	background: #e4e4e4;
	padding: 2px;
	font-weight: bold;
}

.TdDark {
	background: #f8f8f8;
	padding: 2px;
	font-weight: bold;
}

.TableError td {
	padding: 2px;
	font-weight: bold;
	background-color: #FF0000;
	color: #FFF;
}
.tilaushistoria .table td {
	padding: 4px;
	border-bottom: 1px solid #dfdfdf;
}
.LoginFormUser, .LoginFormPasswd {
	width: 90px;
	margin: 0px 5px;
	padding: 0px;
	border: 1px solid #000;

}

.ProductOptionsField  {
	font-size: 12px;
	border: 1px solid #000;
}
.ProductAmountField, .ShoppingCartQuantityField, .WishlistItemAddBasket  {
	font-size: 12px;
	width: 20px;
	border: 1px solid #000;
}
.ProductAmountField  {
	margin-top: 5px;
}
.ProductAddButton {
	margin: 15px 0px;
	padding: 0px;
}
.ShoppingCartUpdate{
	margin-bottom: -5px;
	padding: 0px;
}

.ShoppingCartRemoveAll{
	margin: 10px 0px;
}

.WishlistItemDelete {
	background: url(btn-poista.gif) no-repeat;
	height: 18px;
	width: 40px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}

.WishlistClear {
	background: url(btn-tyhjenna_lista.gif) no-repeat;
	height: 18px;
	width: 78px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}
.WishlistOrder {
	background: url(btn-tilaa_toivelistan_tuotteet.gif) no-repeat;
	height: 18px;
	width: 130px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}
.WishlistAddBasket {
	background: url(btn-siirra_tuotteet_koriin.gif) no-repeat;
	height: 18px;
	width: 136px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}
.WishlistItemAddBasket {
	background: url(btn-siirra_koriin.gif) no-repeat;
	height: 18px;
	width: 67px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}
.border {
	border: 1px solid #ececec;
}

.total {
	font-size: 16px;
	font-weight: bold;
	color: #39a001;
}

.price {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.oldprice {
	color: #CCC;
	font-size: 12px;
}
	
.productcard, .productlistcard {
	border:1px solid #000;
	position:relative;
	bottom:3px;
	right: 3px;
	background: #FFF;
}
.productcard h2 {
	font-size: 14px;
        margin: 0 20px 5px 0 !important;
	padding: 0px;
	
}
.productcardcontent {
	padding: 10px;
	border: 3px solid #FFF;
}
.productlistshadow{
	background: #ececec;
	margin: 3px;
	position: relative;

}

.productlistcard h2 {
	font-size: 12px;
	margin-bottom: 2px;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	height: 30px;
        width: 170px;
}
 
.productlistcontent {
	padding: 5px;
	height: 195px;
	border: 3px solid #FFF;
}

.productlistcardpic {
	float: left;
        width: 95px;
}
.productlistcardpic img {
        margin-bottom: 10px;
}

.productlistcardinfo {
	float: left;
}

.productlistcard .price {
	font-size: 12px;
	margin-top: 5px;
	font-weight: normal;
}
.tilhinta {
	font-size: 11px;
        color: #25b31f;
}
.print {
	background: url(print.png) no-repeat 2px;
	padding-left: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.takaisin {
	text-align: left;
}

.takaisin a:link, .takaisin a:visited {
	background: url(arrowleft.gif) no-repeat 2px;
	padding-left: 17px;
	font-weight: bold;

}
.width {
	width: 430px;
}
.shadow{
	background: #ececec;
	margin: 3px 0px 3px 3px;
}
.box{
	border:1px solid #000;
	bottom:3px;
	right: 3px;
	background: #FFF;
}
.vaiheet {
	padding-right: 10px;
	padding-left: 10px;
	background: #f0eddc;
	height: 100px;
	margin-bottom: 10px;
}

.alert {
    background: #F7D5D5 url(kaak.gif) no-repeat 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 15px 20px 15px 165px;
    border: 2px solid #ff0000;
    }
.info {

    background: #b5deeb url(info.gif) no-repeat 15px top; /* x-pos y-pos */
    text-align: left;
    padding: 15px 20px 15px 135px;
    border: 2px solid #27a7d0;

}	
.ok {

    background: #dfebb5 url(ok.gif) no-repeat 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 15px 20px 15px 125px;
    border: 2px solid #9bc700;
}

.note {
	border: 1px solid #adc4e9;
	padding-right: 15px;
	padding-left: 15px;
	background: #e5ecf7;
	margin-bottom: 10px;
	color: #003399;
}
.etunosto2 {
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 5px;
}


.etunosto3 {
	margin-top: 10px;
	margin-bottom: 5px;
}
.nuoli {
	background: url(nuoli.gif) no-repeat 2px;
	padding-left: 15px;
}
.kysymys {
	color: #FF0000;
	background: url(kysymys.gif) no-repeat right;
	padding-right: 8px;
}




.piilota {
	visibility: hidden;
}

.tarjous {
	background: url(tarjous.gif) no-repeat;
	display: block;
	height: 49px;
	width: 49px;
}

#content .pad{
	padding: 10px;

}



/** paging **/	

#paging {
	text-align: center;
        clear:both;
	margin: 0;
	padding: 0;
}
#paging .dots {
	padding-left: 2px;
	padding-right: 2px;
	font-size: 12px;
}
#paging .pageNumbers a {
	padding-right: 4px;
	padding-left: 4px;
	font-size: 12px;
}
#paging .previousPage a {
	font-size: 12px;
	padding-right: 6px;
	font-weight: bold;
}
#paging .thisPage {
	padding-right: 6px;
	padding-left: 6px;
	font-size: 15px;
	font-weight: bold;
}
#paging .nextPage a {
	padding-left: 6px;
	font-size: 12px;
	font-weight: bold;
}
#paging .firstPage a {
	padding-right: 8px;
	font-size: 12px;
}
#paging .lastPage a {
	padding-left: 8px;
	font-size: 12px;
}

/** Laajennettu haku **/	

#haku table {
	margin: 0;
	padding: 0;
}
#haku th {
	background-color: inherit;
	font-weight: normal;
	border-bottom: 1px solid #F3F6F8;
	padding: 8px;
	line-height: 14px;
}
#haku td {
	background-color: inherit;
	border-bottom: 1px solid #F3F6F8;
}
#haku tbody tr:hover {
	color: inherit;
	background-color: #f7f6f7;
}
#haku input {
	padding: 1px;
	border: 1px solid #000;

}
#haku td{
	padding: 8px;
}
#haku .submit {
	border: 0px;
}

/** Tuotehaku **/
#tuotehaku {
	background: #ffc400 url(tuotehakubg.gif) no-repeat left top;
	border: 2px solid #000;
	padding-top: 30px;
	padding-left: 13px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#tuotehaku .keyword {
	width: 110px;
	padding: 1px;
	border: 1px solid #000;

}

#tuotehaku .submit {
	margin-bottom: -5px;
}

#tuotehaku .pad {
	padding-top: 5px;
	padding-bottom: 5px;
}
/** Pikkukori **/

.kori {
	background: transparent url(koribg.gif) no-repeat left top;
	margin-bottom: 5px;
	height: 205px;
	width: 154px;
}
.kori0 {background: transparent url(koribg0.gif) no-repeat left top;}
.kori1 {background: transparent url(koribg1.gif) no-repeat left top;}
.kori2 {background: transparent url(koribg2.gif) no-repeat left top;}
.kori3 {background: transparent url(koribg3.gif) no-repeat left top;}
.kori4 {background: transparent url(koribg4.gif) no-repeat left top;}

.kori .pad{
	padding-top: 50px;
	padding-left: 13px;
}
.kori .korityhja{
	padding-top: 115px;
	font-weight: bold;
	color: #FF0000;
}

.tuotesarjat {
	padding-top: 10px;
	border-top: 1px solid #ff9c00;
	margin: 10px 15px;
}



#loytokori {
  display: block;
  width: 140px;
  height: 70px;
  text-indent: -9999px;
  background: url(loytokorisml.gif) no-repeat right center;
}


#rekisteroitynyt {
	background: transparent url(rekisteroitynytbg.gif) no-repeat left top;
	border-bottom: 2px solid #000;
	padding-top: 40px;
	padding-left: 13px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
#rekisteroitynyt a {
	padding: 0px 0px 0px 8px;
	background: url(nuoli-rekisterointi.gif) no-repeat 0px center;
}

#rekisteroitynyt li{
	padding: 0px 0px 0px 8px;
	background: url(nuoli-rekisterointi.gif) no-repeat 0px center;
	margin-top: 5px;
	margin-bottom: 5px;
        color: #E28A00;

}

#asiakaspalvelu {
	background: transparent url(asiakaspalvelubg.gif) no-repeat left top;
	padding-top: 45px;
	padding-left: 13px;
	border-bottom: 2px solid #000;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#asiakaspalvelu li{
	padding: 0px 0px 0px 8px;
	background: url(nuoli-info.gif) no-repeat 0px center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.ostetuimmat {display: none;}
.katso {display: none;}
.katsonayte {display: block; text-align: right;}

.sivu3 .ostetuimmat, .sivu10 .ostetuimmat {
	background: #f0eddc;
	border: 2px solid #000;
	margin-bottom: 10px;
	display: block;
}

.ostetuimmat li {
	padding: 0px 0px 0px 8px;
	background: url(nuoli-info.gif) no-repeat 0px center;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
}

.rightbox {
	background: #f0eddc;
	border: 2px solid #000;
	margin-bottom: 10px;
}
#tuoteryhmat {
	background: url(tuoteryhmatbg.gif) repeat-y left 15px;
	padding-bottom: 10px
}

#groupbox {
	border: 2px solid #000;
	background: url(pagingbg.gif) no-repeat;
	margin-bottom: 17px;
	height: 45px;
}

#groupbox div {
	padding: 1px;
}
#groupbox .left {
	padding-top: 4px;
        padding-left: 4px;
}

#groupbox .right {
        padding-right: 4px;
}
.jarjesta{
	margin-bottom: -5px;
}

.branding_akukauppa {
	background: url(branding-kauppa.gif) no-repeat 31px;
}
.ale {
	border: 3px solid #ffde00;
	background: url(alebg.gif) no-repeat right top;
}
.uutuus {
	border: 3px solid #56c10e;
	background: url(uutuusbg.gif) no-repeat right top;
}
.tilaajaetu {
	border: 3px solid #E93F10;
	background: url(tilaajaetubg.gif) no-repeat right top;
}

.path, .path a {
	font-size: 11px;
	color: #818181;
}
.ostoskorinapit {
	float: right;
	padding: 0px 8px 0px 0px;
	text-align: right;
}
.nostotable td{
	text-align: center;
	padding: 5px;
}
HR {
	text-align: right;
	width: 100%;
	height: 1px;
	color: #e4e4e4;
	border: none;
	margin-right: 2px;
	margin-left: 2px;
} /* For Internet Explorer */

HTML>BODY HR {
	margin-right: 2;
	width: 100%;
	height: 1px;
	background-color: #e4e4e4;
	border: none;
	margin-left: 2px;
} /* For Gecko-based browsers */

HTML>BODY HR {
	margin-right: 2;
	width: 100%;
	height: 1px;
	background-color: #e4e4e4;
	border: 0px solid #e4e4e4;
	margin-left: 2px;
} /* For Opera and Gecko-based browsers */

.loginbox {
	background: url(loginboxbg.gif) no-repeat top;
	border-bottom: 2px solid #000;
	width: 452px;
        margin-left: 3px;
	margin-bottom: 15px;
}
.loginbox div {
	padding-top: 60px;
	padding-left: 40px;
	padding-bottom: 10px;
}
.spacer {
	background: url(spacer.gif) no-repeat right;
	height: 23px;
	width: 430px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.aletahti {
     position:absolute;
     left:0px;
     width:37px;
     height:37px;
     background:url(aletahti.gif) no-repeat;
     text-align:center;color:#fff;
     font-weight:bold;
     padding-top:12px;
     padding-left:1px;
     font-size:11px;
}
.tilauslomake td{
	padding: 3px;
}
.tdpad td {
	padding: 5px;
}
#userNavigation li a{
	font-size: 11px;	
}
ul#userNavigation { position:absolute; top:14px; left:105px; width:300px; text-align:right; }


.border,#ws1,#ws2,#ws3,#ws4,#ws5,#ws6,#ws7,#ws8,#ws9,#ws10,#ws11,#ws12,#ws13,#ws14,#ws16,#ws17,#ws18,#ws19,#ws20 {
	border: 1px solid #000;

}

.etusivulle {

}
.sivu10 .etusivulle {
	display: none;	
}
.boxend {
	background: url(footer-tuotteet.gif) no-repeat left top;
}


@media print {
    #header, #navi, #leftcolumn, #topBanner, #bottomBanner, #rightcolumn, #adColumnRight, #groupbox, .vaiheet, .path, .print { display: none }
	

#content { 
 width: 100%;

}
#footer, #branding { 
 padding: 0px;
 margin: 10px;

}
#branding{ 
 margin-bottom: 10px;

}
}

.Vastaanotettu__e-maksu__Ei_maksustatusta { display: none; }