body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	background-color: #72B913;
}



#wrap {

	width: 950px;

	margin: 0 auto;

	text-align: left;

}



#content-wrap {

	position: relative;

	width: 94%;

	margin: 0 auto;

	padding: 0;

}



#header {

	position: relative;

	width: 950px;

	height: 152px;

	background: url("../images/ylaosa3.png") no-repeat center top;

	margin: 0; padding: 0;

	font-size: 14px;

	color: #FFF;

}

#keskiosa {

	width: 950px;

	background: url("../images/keskiosa.png") repeat-y center top;

	margin: 0 auto;

	text-align: left;
	
	display: table;

}



#footer {
        margin:0px 0px 0px 0px;
        padding: 0px;
	height: 60px;
	background: url("../images/alaosa.png") no-repeat center top;

}

#ado {
        margin:0px 10px 15px 0px;
        padding: 0px;
		height: 20px;
		color: #62a904;
		float:right;

}

#ado a{
		color: #62a904;
}

#ado a:hover{
		color: #000000;
}

#sidebar {
        float: left;
        margin: 0px;
        padding: 20px 5px 5px 10px;
        width: 180px;
        height: auto;
        color: #3c3c3c;
        background-color: #ffffff;
}



#column {
        float: right;
        margin: 0px;
        padding: 20px 10px 20px 10px;
        width: 650px;
        border-left: 1px solid #d1d8e4;
        min-height: 300px;
}

.clearBoth {
        clear: both;
}







/** Yleiset tyylit **/
a {
        text-decoration: none;
        color: #525d72;

}

#column a:hover {
        text-decoration: underline;
}

#column h1 {
        margin: 5px 0px 7px 0px;
        padding: 0px;
        font-size: 1.4em;
}

#column h2 {
        margin: 5px 0px 7px 0px;
        padding: 10px 0px 0px 0px;
        font-size: 1.1em;
}


#column p {
        margin: 0px;
        padding: 0px;
        font-size: 1em;
}


#footer p {
        text-align: center;
        color: #4F4F4F;
        font-size: 11px;
}

li {
        list-style-type: none;
}

table {
        width: 100%;
}



/** Menu navi **/

/* menu */

#menu {

	clear: both;

	width: 926px;

	height: 26px;

	background: #AFD87A repeat-y center top;

	margin: 0px 0px 0px 14px;

	font: bolder 12px/26px Tahoma, Verdana, Arial, Sans-Serif;			

}

#menu ul{

	margin: 0; padding: 0 0 0 35px;

}

#menu ul li {

	float: left;

	list-style: none;		

}

#menu ul li a {

	display: block;

	text-decoration: none;	

	padding: 0 10px;

	background: inherit;

	color: #FFF;

}

#menu ul li a:hover {

   background: #FFF; 

	color: #333;  

}

#menu ul li#current a {	

	background: #30899F; 

	color: #FFF;	

}










/** Left navi **/

#sidebar h1 {
	margin: 15px 0px 0px 0px;

	padding: 3px 10px 0px 0px;

	font: bold 110% Tahoma, Verdana, Sans-Serif;

	color: #6EA525;

	background: url("..images/palkki2.gif") repeat-x left center;

}


#sidebar #mainnavi {
        list-style-type: none;
        margin: 10px 0px 10px 0px;
        padding: 0px;
}

#sidebar #mainnavi li {
        margin: 0px;
        padding: 0px;
        left: 0px;
        list-style-type: none;
}


#sidebar #mainnavi li a {
        margin: 0px;
        padding: 4px 0px 4px 0px;
        display: block;
        color: #3c3c3c;;
        font-weight: bold;
        font-size: 15px;
}

#sidebar #mainnavi li a:hover {
        color: #ff7f17;
        background-color: #ececec;
}



#sidebar #leftnavi {
        list-style-type: none;
        margin: 5px 0px 10px 0px;
        padding: 0px;
}

#sidebar #leftnavi li {
        margin: 0px;
        padding: 0px;
        left: 0px;
        list-style-type: none;
}

#sidebar #leftnavi li ul {
        margin: 0px;
        padding: 0px 0px 0px 10px;
        list-style-type: none;
}

#sidebar #leftnavi li ul li {
        margin: 0px 0px 0px 5px;
        padding: 0px;
        list-style-image: url('../images/leftlist.jpg');
}

#sidebar #leftnavi li a {
        margin: 0px;
        padding: 4px 0px 4px 0px;
        display: block;
        color: #3c3c3c;;
        font-weight: bold;
        font-size: 11px;
        border-bottom: 1px dotted #e9e9e9;
}

#sidebar #leftnavi li ul a {
        margin: 0px;
        padding: 4px 0px 4px 0px;
        display: block;
        color: #3c3c3c;;
        font-weight: normal;
        font-size: 11px;
        border-bottom: 1px dotted #e9e9e9;
}


#sidebar #leftnavi li a:hover {
        color: #a7a7a7;
}





/** Ostoskori **/

#ostoskoripalkki {
        border-top: 0px solid #d1d8e4;
        margin: 5px 0px 0px 0px;
        padding: 2px;
        height: 20px;
        width: 600px;
        float: right;
        text-align: center;
}

.ostoskoripalkkiLabel {
        margin: 0px 10px 0px 10px;
        font-weight: bold;
        color: #373737;
}

#ostoskoripalkkiValikko {
        width: 200px;
        height: 20px;
}







/** Tuotelistat **/


#column .thumb {
        margin: 5px 20px 5px 5px;
}

#column .kategorianvalinta {
        margin: 10px 0px 50px 0px;
        padding: 0px;
}

#column .kategorianvalinta ul {
        margin: 0px;
        padding: 0px;
}

#column .kategorianvalinta li {
        margin: 0px;
        padding: 0px;
}

#column .kategorianvalintaOtsikko {
        font-weight: normal;
        font-size: 1em;
}


#column .ryhma {
        font-size: 1.1em;
        font-weight: bold;
        margin: 0px 10px 0px 0px;
        color: #CD6600;
}

#column .kategorianvalinta td {
        margin: 2px 0px 2px 0px;
        padding: 10px 5px 10px 5px;
}



#column .lisaaKoriin {
        margin: 10px 0px 2px 0px;
        padding: 0px 0px 0px 30px;
        background-image: URL('../images/ostoskori.gif');
        background-repeat: no-repeat;
}


#column .ryhmaOtsikko {
        margin: 10px 0px 30px 0px;
        padding: 0px;
        font-weight: bold;
        font-size: 1.6em;
        color: #3c3c3c;
}

#column .tuote {
        margin: 20px 0px 20px 0px;
        padding: 15px 0px 15px 0px;
        border-bottom: 1px solid #e9e9e9;
}

#column .tuotteenOtsikko {
        margin: 5px 0px 10px 0px;
        padding: 0px;
        font-weight: bold;
        font-size: 1.1em;
        color: #374341;
}

#column .hinta {
        font-weight: bold;
        font-size: 11px;
        margin: 2px 0px 0px 0px;
        color: #404040;
}

#column .kuvaus {
        margin: 10px 0px 5px 0px;
        font-size: 12px;
}

#column .kampanjatiedot {
        font-size: 0.9em;
}







/** Muut listat **/

#column .tuloslista {
        border: 1px solid #E8E8E8;
        margin: 10px 0px 20px 0px;
}


#column .tuloslista table {
        width: 100%;
        margin: 0px 0px 0px 0px;
}


#column .tuloslista .caption {
        font-weight: bold;
        background-color: #E6E6FA;
        background-image: url("../images/listHeader.jpg");
        background-repeat: repeat-x;
}

#column .tuloslista table td {
        padding: 4px;
        border: 1px solid #EDEDED;
}

#column .tableStyleA {
       background-color: #ffffff;
}

#column .tableStyleB {
       background-color: #EDEDED;
}

#column .tableStyleC {
       background-color: #ffd8d8;
}


#column .tableStyleRight {
       text-align: right;
}

#column .tuloslista .button {
        margin: 5px 0px 5px 5px;
}

#column .tuloslista p {
        margin: 5px 5px 10px 5px;
}

#column .tuotetiedot .thumbArea {
        text-align: center;
        width: 110px;
}

#column .tuotetiedot .infoArea {
        text-align: left;
        width: 300px;
}


#column #tuotteenEsittely {
        margin: 5px 0px 15px 5px;
        padding: 5px;

        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;

}

#column #tuotteenEsittely .otsikko {
        font-size: 1.8em;
}







/** Tilaus **/

#column .tuloslista .tilausnappi {

}

#column #tilausvaihe {
        margin: 0px 0px 20px 0px; 
        border-bottom: 1px solid #CFCFCF;
}

#column #tilausvaihe .aktiivinen {
        float: left;
        margin: 2px 5px 2px 5px;
        padding: 2px 3px 2px 3px;
        background-color: #e9e9e9;
        font-weight: bold;
}

#column #tilausvaihe .passiivinen {
        float: left;
        margin: 2px 5px 2px 5px;
        padding: 2px 3px 2px 3px;
}






/** Ilmoitukset **/

.system-errormessage {
        margin: 20px;
        padding: 13px 6px 13px 45px;
        background-image: URL('../images/varoitus.png');
        background-position:  8px 6px;
        background-repeat: no-repeat;
        background-color: #ffffce;
        border: 1px solid #ffcb31;
        font-size: 11px;
}

.system-errormessage ul {
        margin: 0px;
        padding: 0px;
}

.system-message {
        margin: 20px;
        padding: 13px 6px 13px 45px;
        background-image: URL('../images/ilmoitus.png');
        background-position:  8px 6px;
        background-repeat: no-repeat;
        border: 1px solid #d8d8d8;
}

.system-message ul {
        margin: 0px;
        padding: 0px;
}