/* basics */
#megaplazacategoryfooterwrapper, #megaplazacategoryfooterwrapper h2, #megaplazacategoryfooterwrapper h3, #megaplazafooterwrapper, #megaplazacategoryfooterwrapper p, #megaplazacategoryfooterwrapper li, #megaplazatopwrapper,#megaplazatopwrapper h3,  #loginForm .button, #topsearch input, #loginForm input {font-family: Helvetica,Arial,sans-serif !important; line-height: 1.5; font-size: 12px}
#loginForm .button, #topsearch input, #loginForm input {line-height: 1.25}
#megaplazafooterwrapper p, #megaplazafooterwrapper li{font-size: 12px !important; font-family: Helvetica,Arial,sans-serif !important}
#megaplazafooterwrapper p a, #megaplazafooterwrapper li a {text-decoration: none}
#megaplazafooterwrapper p a:hover, #megaplazafooterwrapper li a:hover {text-decoration: underline}
/*categoryfooter */
#megaplazacategoryfooterwrapper {width: 100%; margin: 0 auto; background:#fafafa;float: left; border-top: 1px solid #aaa}
#megaplazacategoryfooterwrapper #categoryfooter {width: 935px; margin: 0 auto; text-align: left; padding-top:15px}
#megaplazacategoryfooterwrapper #categoryfooter .s280 {width: 270px; float: left; margin: 0 10px;}
#megaplazacategoryfooterwrapper #categoryfooter h2 {margin-bottom: 0.75em; border-width: 3px 0 1px 0; border-color: #333; border-style: solid; clear: both; color: #F21F0C; font-size: 16px; padding: 1px 0 2px}

/*links*/
#megaplazacategoryfooterwrapper #categoryfooter a, #megaplazatopwrapper .item a {color: #1a8ebd !important; text-decoration: none}
#megaplazatopwrapper .item a:hover {color: #1a8ebd !important; text-decoration: underline}

/* item */
#megaplazacategoryfooterwrapper .item, #megaplazatopwrapper .item {float: left; margin-bottom: 5px; width: 100%; position: relative; border-bottom: 1px solid #eee; z-index: 0; padding-bottom: 5px}
#megaplazacategoryfooterwrapper .item {padding-bottom:25px}
#megaplazacategoryfooterwrapper .item h3, #megaplazatopwrapper .item h3 {font-size: 14px; margin: 0 0 5px 0; padding: 0; line-height: 1}
#megaplazacategoryfooterwrapper #categoryfooter .item h3 a {font-weight: normal}
#megaplazacategoryfooterwrapper .item h2.category {border: 0;margin: 0 0 10px 0 !important; display: block; font-weight: bold; color: #222; line-height: 16px; text-transform: uppercase; font-size: 16px; width: 100%; padding: 0}
#megaplazacategoryfooterwrapper .item span, #megaplazatopwrapper .item span {color: #666; font-size: 10px; text-transform: uppercase}
#megaplazacategoryfooterwrapper .item span a, #megaplazatopwrapper .item span a {font-weight: normal}
#megaplazacategoryfooterwrapper .item p, #megaplazatopwrapper .item p {font-size: 12px; color: #666; white-space: nowrap; overflow: hidden; margin: 0 0 5px 0; position: relative; line-height: 1}
#megaplazacategoryfooterwrapper .item p span, #megaplazatopwrapper .item p span {font-size: 9px; display: block; float: left; margin-right: 10px}
#megaplazacategoryfooterwrapper .item p img.dots {position: absolute; right: 0; margin: 0; border: 0; top: 0}
#megaplazacategoryfooterwrapper .item img, #megaplazatopwrapper .item img {float: left; border: 1px solid #bbb; margin-right: 10px}
#megaplazacategoryfooterwrapper .item .stats {position: absolute; bottom: 0; right: 0}
#megaplazacategoryfooterwrapper .item .item_views, #megaplazacategoryfooterwrapper .item .item_comments, #megaplazatopwrapper .item .item_views, #megaplazatopwrapper .item .item_comments  {text-indent: -9999px; line-height: 1em; margin: 0 0 5px 5px; overflow: visible; float: right; padding-left: 14px; background-repeat: no-repeat; background-position: bottom left}
#megaplazacategoryfooterwrapper .item .item_comments span, #megaplazacategoryfooterwrapper .item .item_views span, #megaplazatopwrapper .item .item_comments span, #megaplazatopwrapper .item .item_views span {text-indent: 0; float: none; margin-right: 0}
#megaplazacategoryfooterwrapper .item .item_views, #megaplazatopwrapper .item .item_views {background-image: url(http://otavafiles.fi/plaza/s/img2/icons/click.gif)}
#megaplazacategoryfooterwrapper .item .item_comments, #megaplazatopwrapper .item .item_comments  {background-image: url(http://otavafiles.fi/plaza/s/img2/icons/comment.gif)}

/* new footer */
#megaplazafooterwrapper {width:100%;background:#333 url(http://otavafiles.fi/plaza/s/img2/bg/noise.png) repeat;color:#ccc;padding-bottom:2em;-moz-box-shadow: inset 0 5px 5px #222;-webkit-box-shadow: inset 0 5px 5px #222;box-shadow: inset 0 5px 5px #222; text-align: left; border-bottom: 5px solid #171717; border-top: 1px solid #171717; clear: left}
#megaplazafooterwrapper #megafooter {width: 935px;margin: 0 auto;display:block;overflow:hidden; position: relative}
#megaplazafooterwrapper #megafooter .column {width:122px;margin-right:15px; margin-bottom: 10px; min-height:300px;float:left; padding: 10px 10px 0}
#megaplazafooterwrapper #megafooter .column.first {background:#404040;min-height:0;padding-left:15px;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;-moz-box-shadow: inset 0 8px 5px -5px #222;-webkit-box-shadow: inset 0 8px 5px -5px #222;box-shadow: inset 0 8px 5px -5px #222}
#megaplazafooterwrapper #megafooter .column.first h2 a {background: url(http://otavafiles.fi/plaza/s/img2/logo.png) no-repeat bottom;width: 120px; display: block;height: 60px;margin-top: -11px;text-indent: -9999px;margin-bottom: 0.5em; border: 0}
#megaplazafooterwrapper #megafooter .column.last {margin-right:0}
#megaplazafooterwrapper #megafooter p {color:#777;font-size:12px;margin-top:0;margin-bottom:4px;line-height:17px;text-shadow:1px 1px 1px #222}
#megaplazafooterwrapper #megafooter h2 {font-size:15px;margin: 0 !important;border-bottom:1px solid #444;padding-bottom:3px;font-weight:normal;text-shadow:1px 1px 3px #000; border-top: 0; padding: 0}
#megaplazafooterwrapper #megafooter h2 img {vertical-align:bottom;padding-bottom:1px;border:none}
#megaplazafooterwrapper #megafooter ul li {list-style:none;margin-left:0;padding-left:0;margin-bottom:3px;text-shadow:1px 1px 1px #222}
#megaplazafooterwrapper #megafooter ul {margin-left:0;padding-left:0;margin-top:0;margin-bottom:20px}
#megaplazafooterwrapper #megafooter a {color:#eee;text-decoration:none; font-weight: normal; text-shadow: 1px 1px 1px #222}
#megaplazafooterwrapper #megafooter a:hover {color:#fff}
#megaplazafooterwrapper #megafooter .content {width:610px;margin:0 auto;background:#fff;clear:left;padding:5px 200px}
#megaplazafooterwrapper #megafooter .content p {text-shadow:none;color:#111;margin-bottom:2em}
.frontpages #megaplazafooterwrapper #megafooter {width: 1170px}
.frontpages #megaplazafooterwrapper #megafooter .column {width: 132px}
.frontpages #megaplazafooterwrapper #megafooter .column.first h2 a {width: 130px;}
/* HEADER */
/* topsearch */
#megaplazatopwrapper form#topsearch {position: absolute; right: 0; top: 1px; margin: 0; width: auto}
#megaplazatopwrapper form#topsearch p {margin: 0; width: auto}
#megaplazatopwrapper form#topsearch input.haku {font-size: 11px; padding: 7px; border: 0; width: 70px; height: auto; margin: 0; border: 1px solid #1F6CBC !important}
#megaplazatopwrapper #topsearch input.haku.hint {color: #1D9DCB}
#megaplazatopwrapper #topsearch.haku input.button {border: 0 !important; padding-top: 3px; height: 29px; font-weight: normal; font-size: 11px !important; margin: 0}

/*--- TOP ---*/
#megaplazatopwrapper {margin-bottom: 15px; width: 100%; background: #333 url(http://otavafiles.fi/plaza/s/img2/bg/noise.png) repeat; float: left; text-align: left; border-top: 5px solid #171717; padding: 3px 0}
#megaplazatopwrapper .top {width: 980px; margin: 0 auto;height: 35px; position: relative; z-index: 1000; padding: 0; float: none; background: none}
.alue-muropaketti #megaplazatopwrapper .top {width: 1120px}
#megaplazatopwrapper .top ul.categoryNav {margin:0 0 0 10px; padding:0; z-index: 1000; position: absolute; left: 100px; top: 0px}
#megaplazatopwrapper .top .categoryNav li {float: left; padding: 0; list-style-type: none}
#megaplazatopwrapper .top .categoryNav li a.navilink, #megaplazatopwrapper .top .categoryNav li a.navilink:hover {padding: 8px; display: block; text-transform: uppercase; font-weight: bold; color: #fff !important;font-family: Helvetica,Arial,sans-serif !important; font-size: 12px; text-decoration: none}
#megaplazatopwrapper .top .categoryNav li.mummolaunch {margin-right: 10px; padding: 0}
#megaplazatopwrapper .categoryNav li.hover {background: #fafafa}
#megaplazatopwrapper .categoryNav li.hover a.navilink {color: #333}
#megaplazatopwrapper #keskustelulink {background: none}
#megaplazatopwrapper #plazakauppalink {background: url(http://otavafiles.fi/plaza/s/img2/bg/plazakauppa_ribbon.png) no-repeat; margin-top: -3px; margin-left: -10px; height: 25px; text-indent: -9999px; width: 120px; padding: 8px 10px;}

#megaplazatopwrapper .categoryNav li ul li {float: none !important; border-bottom: 1px dotted #444; padding: 2px 0}
#megaplazatopwrapper .categoryNav li ul {position: absolute; opacity: 0; left: -999em; -webkit-transition: opacity 0.3s linear 0.3s; -moz-transition: all 0.3s linear 0.3s; transition: opacity 0.3s linear 0.3s; background: #333; position: absolute; width: 120px; padding: 0 10px 10px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px}
#megaplazatopwrapper .categoryNav li ul a {color: #ddd}
#megaplazatopwrapper .categoryNav li ul a:hover {color: #fff; text-decoration: none}
#megaplazatopwrapper .categoryNav li:hover ul {left:auto; opacity: 1; zoom: 1; z-index: 1000}

.frontpages #megaplazatopwrapper .top {width: 1170px}
.frontpages #megaplazatopwrapper #loginForm {right: 310px}
.frontpages #megaplazatopwrapper form#topsearch {right: 180px}

#megaplazatopwrapper .s380 {width: 380px; margin: 0 20px 10px 0; float: left}
#megaplazatopwrapper .nomargin {margin: 0}

.topad {width: 980px; margin: 0 auto 30px; float: none !important; clear: both; background: none; padding-top: 5px;}
.ad .onead div {margin-bottom: 15px}

#megaplazatopwrapper #plazalogo {margin: 0;width: 81px; float: left; display: block; background: url(http://otavafiles.fi/plaza/s/img2/logo.png) no-repeat left bottom; color:white; padding: 5px 10px 6px; text-indent: -9999px; height: 45px; position: absolute; top: -10px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#megaplazatopwrapper #plazalogo:hover {height: 55px}
#megaplazatopwrapper #plazalogo a {display: block; height: 100%; width: 100%}

.haku input {padding: 5px; font-size: 15px; border: 1px solid #ccc; margin-right: 0}
.haku input.button {background: #135190 url(http://otavafiles.fi/plaza/s/img2/bg/search.gif) repeat-x top; color: #fff; height: 39px; border-left: 0; width: 70px !important; font-size: 14px !important}

/* login */
#megaplazatopwrapper #loginForm {width: 235px; position: absolute; top: 2px; right:130px;}
#megaplazatopwrapper #loginForm p {color: #aaa; font-family: Helvetica,Arial,sans-serif !important; margin: 0; float: right; width: 100px; font-size:11px; line-height: 1.2; padding: 0}
#megaplazatopwrapper #loginForm p a {color: #ddd; text-decoration: none; display: block; font-weight: normal}
#megaplazatopwrapper #loginForm .button {background: #4BA10E url(http://otavafiles.fi/plaza/s/img2/bg/login_button.gif) repeat-x top; font-size: 11px !important; color: #fff; border-color: #222 !important; padding: 4px 10px; margin: 0 5px; height: 18px; line-height: 1.5; float: right}
#megaplazatopwrapper #loginForm .login-remember-me {float: left}
#megaplazatopwrapper #loginForm .login-remember-me label {display: block; width: 35px; font-size: 10px; float: left; color: #ddd;line-height: 1.2}

/* button styles */
#megaplazatopwrapper .button {font-weight: bold; padding: 4px 10px; cursor: pointer; overflow: visible; width: auto !important; font-size: 12px !important; border-top: 1px solid #BEBEBE; border-left: 1px solid #BEBEBE; border-bottom: 1px solid #888 !important; border-right: 1px solid #888}

/* border-radius */
#megaplazatopwrapper .primarypromotion, #megaplazatopwrapper .button {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
/* cancel top-right and top-left radius*/
#megaplazatopwrapper .haku input.button {border-top-left-radius: 0;border-bottom-left-radius:0; -moz-border-radius-topleft: 0;-moz-border-radius-bottomleft:0;-webkit-border-top-left-radius:0;-webkit-border-bottom-left-radius:0}

#topadvertisements {float: none; clear: both; margin: 0 auto 10px; width: 980px;  padding-top: 20px; text-align: center; background: url(http://otavafiles.fi/plaza/s/img2/bg/ilmoitus_bg.gif) no-repeat top left}
.s280 .item {padding-bottom: 25px}

@media print {
#megaplazatopwrapper,#megaplazacategoryfooterwrapper,#megaplazafooterwrapper{display:none}
}