/* www.ajopyora.fi website stylesheet */
/* copyright (c) Medusaworks Oy 2006 / ML */

/* COMMON styles */

body {
	background-color: #efeeee;
	margin: 0px 0px 20px 0px;
	font-family: helvetica, arial, sans-serif;
	font-size: 108%;
	}

#frame {
	width: 930px;
	background: #ffffff;
	margin: 40px auto 20px auto;
	border-radius: 8px;
	padding: 15px;
	font-size: 72%;
   -webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.2);
   -moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.2);
   box-shadow:0 0 15px rgba(0, 0, 0, 0.2);
	}	

img {
	border: 0;
	max-width: 100%;
	}

/* TOP styles */

#top {
	display: inline;
	float: left;
	width: 200px;
	}

#headerimgs {
	position: relative;
	padding: 8px 0;
	margin: 0 0 20px 240px;
	height: 135px;
	overflow: hidden;
	width: 683px;
	border-bottom: 4px solid #80d0f4;
	}
#headerimgs:after {
	content: "";
	display: block;
	clear: both;
	width: 1px;
	height: 1px;
	}


#headerimgs ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
	width: 700px;
	}
#headerimgs li {
	float: left;
	list-style: none;
	margin: 0 2px 0 0;
	padding: 0;
	text-indent: 0;
	width: 135px;
	height: 135px;
	overflow: hidden;
	}


/* MENU styles */

#homelink {
	display: block;
	margin: 0px auto;
	text-align: center;
	width: 170px;
	height: 150px;
	padding: 5px 20px 20px 20px;
	}

ul#menu {
	display: block;
	margin: 0 0 0 12px;
	padding: 0 0 6px 0;
	list-style-type: none;
	line-height: 1.8em;
	border-bottom: 4px solid #80d0f4;
	width: 180px;
	list-style-type:none;
	}
ul#menu li {
	display: block;
	padding: 0px;
	margin: 0px;
	border-top: 1px #999999 dotted;
	}
ul#menu li:first-child {
	border: none;
	}
ul#menu li ul {
	display: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
ul#menu li.active ul {		/* show active second-level menu */
	display: block;
	}

/* first-level links */

ul#menu li a {
	display: block;
	margin: 0px;
	padding: 3px 3px 2px 17px;
	color: #464646;
	text-decoration: none;
	}
ul#menu li a:link {
	}
ul#menu li a:visited {
	}
ul#menu li a:hover {
	color: #000000;
	}
ul#menu li a:active {
	color: #80d0f4;
	}
ul#menu li a.menupath {
	color: #999999;
	}

	
/* second-level links */

ul#menu li ul li a {
	display: block;
	width: 140px;
	padding: 0px 3px 2px 40px;
	text-decoration: none;
	background: url(imgs/menu-sub-bk.gif) no-repeat 22px 0px;
	}
ul#menu li ul li a:link {
	}
ul#menu li ul li a:visited {
	}
ul#menu li ul li a:hover {
	}

/* CONTENT STYLES */

#main {
	margin: 0px 0px 0px 240px;
	padding-top: 15px;
	}

/* <?php echo ("body#".$_SESSION['pageid']." #main { background: #ffffff url(imgs/sect_headimg_".$_SESSION['pageid'].".jpg) no-repeat; }"); ?> */

#content {
	margin: 0px;
	width: 600px;
	line-height: 1.4em;
	}

#content h1 {
	margin: 6px 0px 0px 0px;
	font-size: 1.8em;
	color: #242424;
	font-weight: normal;
	line-height: 1.4em;
	}

#content h2 {
	margin: 6px 0px 0px 0px;
	font-size: 1.6em;
	color: #242424;
	font-weight: normal;
	line-height: 1.4em;
	}

#content h5 {
	font-size: 1.1em;
	line-height: 1.4em;
	}

#content a {
	text-decoration: none;
	color: #0a4899;
	}

hr {
	border: 0;
	height: 2px;
	width: 100%;
	background: -moz-linear-gradient(left,  rgba(128,208,244,1) 0%, rgba(125,185,232,0.04) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(128,208,244,1)), color-stop(100%,rgba(125,185,232,0.04))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(128,208,244,1) 0%,rgba(125,185,232,0.04) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(128,208,244,1) 0%,rgba(125,185,232,0.04) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(128,208,244,1) 0%,rgba(125,185,232,0.04) 100%); /* IE10+ */
	background: linear-gradient(left,  rgba(128,208,244,1) 0%,rgba(125,185,232,0.04) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80d0f4', endColorstr='#0a7db9e8',GradientType=1 ); /* IE6-9 */
	

	
	}

/* Product styles */

.prodbox {
	width: 522px;
	margin: 0px;
	padding: 0px;
	}

div.proddesc {
	float: left;
	width: 200px;
	}
.prodimg {
	float: left;
	}

.prodact {
	float: right;
	margin-top: 80px;
	}
.prodact a {
	display: block;
	width: 80px;
	margin: 0px;
	padding: 3px 3px 2px 20px;
	color: #000000;
	text-decoration: none;
	font-size: 1.0em;
	font-weight: bold;
	border-bottom: 3px solid #ffffff;
	}
					/* Box Model hack for IE5/win */
.prodact a {
	width: 80px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:80px;
}
					/* Opera Niceness hack */
html>body div.prodact li a {
	width:80px;
	}
.prodact a.prodinfo:link {
	background: #eeeeee url(imgs/listb_gray.gif) no-repeat 8px 7px;
	}
.prodact a.prodinfo:visited {
	background: #eeeeee url(imgs/listb_gray.gif) no-repeat 8px 7px;
	}
.prodact a.prodinfo:hover {
	background: #c5ed4e url(imgs/listb_gray.gif) no-repeat 8px 7px;
	}

#bottom {

	}

#footer {
	display: block;
	clear: both;
	margin: 20px 12px;
	padding-top: 10px;
	border-top: 4px solid #80d0f4;
	}

#footer p {
	text-align: center;
	margin: 0;
	color: #828282;
	}

.teksti {
margin-top: 10px;
margin-bottom: 10px;
	}

#banner_left {
	margin: 22px 0 22px 0;
	text-align: center;
	}
#banner_left a {
	display: block;
	margin: 8px auto;
	}

/* -jS- */

#productlist {
	
	}

.productcard {
  border-bottom: 1px solid #CCCCCC;
	}

.productcard_image_container {
  float: left;
  width: 300px;
  margin-top: 10px;
	}

.productcard_text {
  float: left;
  margin-left: 5px;
  margin-top: 2px;
  width: 215px;
	}

/* tuotehaku */

#tuotehaku {
	background-color: #fdee70;
	padding: 6px 10px 8px 10px;
	margin-top: 0px;
	line-height: 28px;
	}

#hakuohje {
	padding: 0px;
	margin: 0px 0px 0px 250px;
	}

fieldset {
	float: left;
	width: 258px;
	margin: 0px;
	padding: 6px 0px 0px 10px;
	border: none;
	background: url(./imgs/search-bkgr.gif) no-repeat top left;
	}

#tuotehaku form label {
	float:  left;
	vertical-align: top;
	width: 70px;
	clear: both;
	}

#tuotehaku input, #tuotehaku select {
	width: 150px;
	margin: 0px 8px 4px 0px;
	}
#formbuttons {
	_margin-left: -75px;
	}
#tuotehaku span.submit {
	height: 28px;
	}
#tuotehaku span.clear {
	height: 0px;
	}
#tuotehaku span.submit input, #tuotehaku span.clear input {
	width: 80px;
	font-size: 9px;
	}
#tuotehaku p, #tuotehaku ul, #tuotehaku ol {
	line-height: 12px;
	}

.productcard_text .nimi {
  font-weight: bold;
  padding-right: 4px;
	}

/* vaihtoppörssi tyylit */
#vaihtoporssi h2 span {
	margin-left:6px;
	}
#vaihtoporssi form label {
	display: block;
	}
#vaihtoporssi form div {
	margin-top:1em;
	}
#vaihtoporssi_syotto{
	padding-bottom:3em;
	}
#vaihtoporssinavi, #sort_navi{
	list-style-type:none;
	padding:0;
	margin:1.5em 0;
	}
#vaihtoporssinavi li, #sort_navi li{
	display:inline;
	padding-right:1em;
	}
#vaihtoporssinavi li a{
	color:#999;
	text-decoration:none;
	font-weight:bold;
	padding:3px 5px;
	border-bottom:1px dotted #999;
	}
#vaihtoporssinavi li a:hover, #vaihtoporssinavi li a:focus{
	color:#000;
	background-color:#9DE8F2;
	}
#sort_navi li.DESC{
	padding-right:15px;
	background:transparent url(./imgs/down.gif) no-repeat right center;
	margin-right:10px;
	}
#sort_navi li.ASC{
	padding-right:15px;
	background:transparent url(./imgs/up.gif) no-repeat right center;
	margin-right:10px;
	}
#vaihtoporssi li.selected a{
	padding:1px 3px;
	background-color:#9DE8F2;
	}
	
	
	
/* BANNER AREAS 																			*/

.bannerspace a, .bannerspace-h a {
	display: block;
	overflow: hidden;
	margin: 0px auto 6px auto;
	}
.bannerspace img {
	width: 100%;
	}
.bannerspace-grid a.bannerlink {
	display: block;
	overflow: hidden;
	float: left;
	margin-left: 5px;
	}

/* BANNER SIZES from IAB */
/* Use either short name or bnr[width x height] */

/* core ad sizes */
a.ldrboard, .banner728, .bnr728x90 {	/* Leaderboard */
	width: 728px;
	height: 90px;
	}
a.medrect, .banner300-1, .bnr300x250 {	/* Medium rectangle */
	width: 300px;
	height: 250px;
	}
a.rect, .banner180, .bnr180x150 {		/* Rectangle */
	width: 180px;
	height: 150px;
	}
a.wskyscrp, .banner160, .bnr160x600 {		/* Wide skyscraper */
	width: 160px;
	height: 600px;
	}
a.halfpage, .banner300-2, .bnr300x600 {		/* Half page */
	width: 300px;
	height: 600px;
	}
a.button2, .banner120-2, .bnr120x60 {	/* Button 2 */
	width: 120px;
	height: 60px;
	}
a.microbar, .banner88, .bnr88x31 {		/* Micro bar */
	width: 88px;
	height: 31px;
	}

/* de-listed standard sizes */
a.fullbnr, .banner468, .bnr468x60 {		/* Full banner */
	width: 468px;
	height: 60px;
	}
a.halfbnr, .banner234, .bnr234x60 {		/* Half banner */
	width: 234px;
	height: 60px;
	}
a.lrgrect, .banner336, .bnr336x280 {	/* Large rectangle */
	width: 336px;
	height: 280px;
	}
a.vrtrect, .banner400, .bnr400x240 {	/* Vertical rectangle */
	width: 400px;
	height: 240px;
	}
a.sqrpop, .banner250, .bnr250x250 {		/* Square pop-up */
	width: 250px;
	height: 250px;
	}
a.button1, .banner120-1, .bnr120x90 {	/* Button 1 */
	width: 120px;
	height: 90px;
	}
a.sqrbtn, .banner125, .bnr125x125 {		/* Square button */
	width: 125px;
	height: 125px;
	}
a.microbtn, .banner80, .bnr80x15 {		/* Micro button */
	width: 80px;
	height: 15px;
	}
a.vertbnr, .banner120-1, .bnr120x240 {	/* Vertical banner */
	width: 120px;
	height: 240px;
	}
a.skyscrp, .banner120-2, .bnr120x600 {	/* Skyscraper */
	width: 120px;
	height: 600px;
	}