html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #CBBEA1 url(/material/bg_body.jpg) repeat-x;
	font-size: 100%;
	font-family: verdana, arial, sans-serif;
}

/* Layout divs */

#container {
	width: 950px;
	margin: 0 auto;
	padding: 0 90px 0 0;
	background: url(/material/bg_container.jpg) repeat-y ;
}

#masthead {
	width: 950px;
	height: 160px;
	background: url(/material/bg_masthead.jpg) no-repeat;
}

#sidebar {
	display: inline;
	float: left;
	width: 130px;
	min-height: 300px;
	margin: 0;
	padding:  5px 15px 0 105px;
	background: url(/material/bg_sidebar.jpg) no-repeat;
}

#sidebar iframe {
	display: inline;
	float: left;
	background: transparent;
}


#content {
	display: inline;
	float: left;
	width: 640px;
	margin: 0;
	padding: 30px 30px 0 30px;
	background: url(/material/bg_content.jpg) no-repeat;
}

#footer {
	clear: both;
	width: 950px;
	height: 100px;
	background: url(/material/bg_footer.jpg) no-repeat;
}


/* Masthead content */

.logo_marronwood {
	margin: 45px 0 0 95px;
	padding: 0;
}

#extranet {
	float: right;
	display: inline;
	width: 215px;
	height: 95px;
	margin: 0;
	padding: 0;
	background: url(/material/bg_extranet_login.jpg) no-repeat;
}

#extranet-logout {
	float: right;
	display: inline;
	width: 215px;
	height: 95px;
	margin: 0;
	padding: 0;
	background: url(/material/bg_extranet_logout.jpg) no-repeat;
}


#masthead ul {
	display: inline;
	float: right;
	clear: both;
	list-style: none;
	margin: 16px 0 0 0;
	padding: 0;
	/* width: 702px; Float not working properly with this value*/
}

#masthead ul li {
	display: inline;
	float: left;
	width: 115px;
	height: 30px;
	margin: 0 0 0 2px;
	padding: 10px 0 0 0;
	text-align: center;
	background: url(/material/img_nav_top.jpg) no-repeat;
}

#masthead ul li.last {
	background: url(/material/img_nav_top_last.jpg) no-repeat;
}

#masthead ul li a:link, #masthead ul li a:visited, #masthead ul li a:active {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-family: trebuchet ms, arial, sans-serif;
}

#masthead ul li a:hover {
	color: #54661F;
}

#masthead #active {
	color: #54661F;
}

/* Login form styling */

#extranet form {
	margin: 25px 12px 0 0;
	padding: 0;
}

#extranet input {
	float: right;
	clear: both;
	width: 95px;
	height: 14px;
	margin: 0 0 5px 0;
	font-size: 12px;
	font-family: arial;
	padding: 0;
}

#extranet input.button {
	width: 100px;
	height: 20px;
}

#extranet-logout form {
	margin: 25px 12px 0 0;
	padding: 0;
}

#extranet-logout input.button {
	float: right;
	clear: both;
	width: 100px;
	height: 20px;
	margin: 0 0 5px 0;
	font-size: 12px;
	font-family: arial;
	padding: 0;
}

#extranet-logout p {
	clear: both;
	float: right;
	margin-top: 10px;
	margin-right: 2px;
	color: #fff;
}

/* Search styling */

#search input {
	float: left;
	width: 85px;
	height: 14px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: arial;
}

#search input.button {
	margin: -1px 0 0 5px;
	width: 35px;
	height: 20px;
}


/* Sidebar content */

#search {
	height: 30px;
	margin: 25px 0 10px 0;
	padding: 0;
}

#sidebar ul {
	clear: both;
	list-style: none;
	margin: 0 0 12px 0;
	padding: 0;
}

#sidebar ul li {
	margin: 0 0 6px 0;
	padding: 0 0 0 12px;
	line-height: 0.9em;
	background: url(/material/img_arrow_green.gif) no-repeat 0 3px;
}

#sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li a:active {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-family: trebuchet ms, arial, sans-serif;
}

#sidebar ul li a:hover {
	color: #54661F;
}

#sidebar #active_sb {
	color: #54661F;
}

#sidebar h1 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	font-family: trebuchet ms, arial, sans-serif;
} 


/* General content styling */

p, #content div.gallery p, #content .main {
	margin: 0 0 1em 0;
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

#content ul {
	margin: 0 0 1em 1.5em;
	padding: 0;
}

#content ul li {
	margin: 0;
	padding: 0 0 0 0.5em;
	list-style: disc;
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
}

#content h1, #content div.gallery h1 {
	width: 640px;
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 19px;
	font-weight: normal;
	font-family: trebuchet ms, arial, sans-serif;
	border-bottom: 1px solid #000;
}


#content h2, #content div.gallery h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	font-family: verdana, arial, sans-serif;
}

.left {
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
}

.right {	
	display: inline;
	float: right;
	margin: 0 0 10px 10px;
}

#content a:link, #content a:visited, #content a:active {
	text-decoration: underline;
	color: #54661F;
}

#content a:hover {
	text-decoration: underline;
	color: #344502;
}

#content a img {
	border: 0;
}

#content div.gallery a:link img, #content div.gallery a:visited img, #content div.gallery a:active img {
	display: inline;
	float: left;
	margin: 0 1px 1px 0;
	padding: 1px 1px 1px 1px;
	border: 5px solid #CBBEA1;
}

#content div.gallery a:hover img {
	border: 5px solid #9BAA6C;
}


/* Infobox styling */

.infobox_green {
	display: inline;
	float: left;
	width: 290px;
	height: 123px;
	margin: 20px 0 10px 0;
	padding: 7px 10px 10px 10px;
	background: url(/material/bg_infobox_green.jpg) no-repeat;
}

.infobox_gold {
	display: inline;
	float: right;
	width: 290px;
	height: 123px;
	margin: 20px 0 10px 0;
	padding: 7px 10px 10px 10px;
	background: url(/material/bg_infobox_gold.jpg) no-repeat;
}

#content div.infobox_green h1, #content div.infobox_gold h1 {
	margin: 0 0 1em 0;
	width: 200px; /* overriding content h1 values for IE6 */
	padding: 0;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	font-family: trebuchet ms, arial, sans-serif;
	border: none;
}

#content div.infobox_green ul, #content div.infobox_gold ul {
	margin: 0;
	padding: 0;
}

#content div.infobox_green ul li, #content div.infobox_gold ul li {
	margin: 0 0 6px 0;
	padding: 0 0 0 15px;
	line-height: 1.2em;
	background: url(/material/img_arrow_orange.gif) no-repeat 0 2px;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	list-style: none;	
}

#content div.infobox_green a:link, #content div.infobox_green a:visited, #content div.infobox_green a:active, #content div.infobox_gold a:link, #content div.infobox_gold a:visited, #content div.infobox_gold a:active {
	color: #000;
	text-decoration: none;
}

#content div.infobox_green a:hover, #content div.infobox_gold a:hover {
	text-decoration: underline;
}

#content div.infobox_green em, #content div.infobox_gold em {
	color: #666;
	font-style: normal;
	font-size: 90%;
}

#content h1 em {
	color: #555;
	font-weight: normal;
	font-style: normal;
	font-size: 70%;
}


/* Ajankohtaista sivun uutislinkit */

#content ul.ajankohtaista {
	margin: 0 0 20px 0;
	padding: 0;
}
#content td.hakulyh{
margin-top: 50px;
margin-right: 54pt;
margin-bottom: 1em;
margin-left: 0pt;
font-family: verdana,arial,sans-serif;
font-size: 13px;
font-weight: normal;
}
#content ul.ajankohtaista li {
	margin: 0 0 6px 0;
	padding: 0 0 0 15px;
	line-height: 1.2em;
	background: url(/material/img_arrow_orange.gif) no-repeat 0 2px;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	list-style: none;	
}

#content ul.ajankohtaista li a:link, #content ul.ajankohtaista li a:visited, #content ul.ajankohtaista li a:active {
	color: #000;
	text-decoration: none;
}

#content ul.ajankohtaista li a:hover {
	text-decoration: underline;
}

#content ul.ajankohtaista li a em {
	color: #666;
	font-style: normal;
	font-size: 90%;
}



/* Tuotelistaus & Ekstranet styling */

#shopTuotelistaus td {
	padding: 3px 10px 3px 10px;
	font-size: 13px;
	font-weight: normal;
	font-family: verdana, arial, sans-serif;
}

#shopTuotelistaus td.otsikko, #shopTuotekortti {
	padding: 4px 10px 4px 10px;
	background: #9BAA6C;
	border-bottom: #fff solid 1px;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	font-family: verdana, arial, sans-serif;
}

#shopTuotelistaus td.parillinen {
	background: #CDD4B5;
	border-bottom: 1px solid #9BAA6C;
}

#shopTuotelistaus td.pariton {
	background: #E5DED0;
	border-bottom: 1px solid white;
}


/* Ostoskorissa olevien tuotteiden styling */

#shopOstoskori td {
	font-size: 13px;
	font-weight: normal;
	font-family: verdana, arial, sans-serif;
}

#shopOstoskori td.otsikko {
	color: #000;
	font-size: 13px;
	font-weight: bold;
	font-family: verdana, arial, sans-serif;
}

#shopOstoskori td.perustiedot {
	background: fff;
}

#shopOstoskori td.hintaTiedot {
	background: #CDD4B5;
}

#shopOstoskori td.yhteensaRivi {
	font-weight: bold;

}

#shopOstoskori td.yhteensaRiviHInnat {
	font-weight: bold;
	background: #E5DED0;
}


P.vahvistus {
	color: #195b20;
	font: 14px Verdana, Tahoma, Arial, Helvetica, sans-serif; 
}



/* Validate forms/input  */
#ekstranet div, #search div {
	margin: 0;
	padding: 0;
}