html, body, #navigation ul, #navigation li, #subnavigation ul, #subnavigation li, .leftbar ul, .leftbar li, .rightbar ul, .rightbar li, #shop_subnavigation ul, #shop_subnavigation li {
    margin: 0;
    padding: 0;
	list-style: none;
}
h1, h2, h3, h4, h5, h6, p {
    font-size: 12px;
    margin: 0;
    padding: 0;
}
p {
    margin: 12px 0;
}
body {
	background: black url(../img/body_bg.png) repeat 50% 0;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	text-align: center;
}
a {
	color: #fff;
    outline: 0;
}
a:hover {
	color: #f00;
}
.leftbar a.active {
    color: #f00 !important;
}

#bg {
	background: transparent url(../img/nav_bg.png) repeat-x 0 0;
}
#container {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
}
/* NAVIGATION */
#navigation {
	margin-left: 74px;	
	display: block;
	height: 60px;
	background: transparent url(../img/nav_bg.png) repeat-x 0 0;
	overflow: hidden;
}
#navigation ul li {
	float: left;
}
#navigation ul li.link a:hover {
	background: transparent url(../img/nav_item_active_bg.png) no-repeat 0 0;
}
#navigation ul li.link a.active {
	background: transparent url(../img/nav_item_active_bg.png) no-repeat 0 0;
}
#navigation ul li.link a {
	display: block;
	width: 109px;
	height: 60px;
	background: transparent url(../img/nav_item_bg.png) no-repeat 0 0;
	line-height: 35px;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
#navigation ul li.lang a {
	display: block;
	width: 50px;
	height: 35px;
	background: transparent url(../img/lang_en.png) no-repeat 0 0;
	text-indent: -9999px;
}
#navigation ul li.lang_fi a {
	display: block;
	width: 50px;
	height: 35px;
	background: transparent url(../img/lang_fi.png) no-repeat 0 0;
	text-indent: -9999px;
}
/* SIDEBAR */
#side {
	float: left;
	width: 325px;
	text-align: center;
	overflow: hidden;
}
#side a.h1 {
	display: block;
	width: 179px;
	height: 196px;
	background: transparent url(../img/logo.png) no-repeat 50% 0;
	text-indent: -9999px;
	margin: 0 auto;
}
#side a h1 {
	text-indent: -9999px;
	margin: 0;
}
#side .uv {
	display: block;
	width: 325px;
	height: 525px;
	background: transparent url(../img/side_uv.png) no-repeat 0 -10px;
    position: relative;
}

#side .ad {
    position: absolute;
	display: block;
	width: 217px;
	height: 142px;
	background: transparent url(../img/ad_201102.png) no-repeat 0 0;
	margin-left: 15px;
    bottom: 0;
    left: 49px;
}
/* BANNERS */
#banners {
    position: relative;
    left: -10px;
    color: #fff;
    margin-left: 250px;
    clear: right;
    padding-left: 20px;
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 0;
    height: 90px;
}
/* MAIN */
#main {
	width: 625px;
	background: transparent url(../img/main_bg.png) repeat-y 0 0;
	margin-left: 325px;
}
#subnavigation {
	margin-top: -22px;
	position: relative;
	top: 22px;
	display: block;
	height: 81px;
	margin-left: 325px;
	z-index: 5;
}
#subnavigation ul {
	list-style: none;
}
#subnavigation ul li {
	float: left;
}
#subnavigation ul li a {
	display: block;
	width: 125px;
	height: 81px;
	text-align: center;
	line-height: 81px;
	text-indent: -9999px;
}
#main.sec {
	background: transparent url(../img/main_sec_bg.png) repeat-y 100% 0;
}

#subnavigation ul li.order a { background: transparent url(../img/nav_order_bg.png) no-repeat 0 0; }
#subnavigation ul li.load a { background: transparent url(../img/nav_load_bg.png) no-repeat 0 0; }
#subnavigation ul li.balance a { background: transparent url(../img/nav_balance_bg.png) no-repeat 0 0; }
#subnavigation ul li.register a { background: transparent url(../img/nav_register_bg.png) no-repeat 0 0; }
#subnavigation ul li.login a { background: transparent url(../img/nav_login_bg.png) no-repeat 0 0; }

#subnavigation ul li.order a:hover { background: transparent url(../img/nav_order_active_bg.png) no-repeat 0 0; }
#subnavigation ul li.load a:hover { background: transparent url(../img/nav_load_active_bg.png) no-repeat 0 0; }
#subnavigation ul li.balance a:hover { background: transparent url(../img/nav_balance_active_bg.png) no-repeat 0 0; }
#subnavigation ul li.register a:hover { background: transparent url(../img/nav_register_active_bg.png) no-repeat 0 0; }
#subnavigation ul li.login a:hover { background: transparent url(../img/nav_login_active_bg.png) no-repeat 0 0; }

#subnavigation ul li.order a.active { background: transparent url(../img/nav_order_active_bg.png) no-repeat 0 0; }
#subnavigation ul li.load a.active { background: transparent url(../img/nav_load_active_bg.png) no-repeat 0 0; }
#subnavigation ul li.balance a.active { background: transparent url(../img/nav_balance_active_bg.png) no-repeat 0 0; }
#subnavigation ul li.register a.active { background: transparent url(../img/nav_register_active_bg.png) no-repeat 0 0; }
#subnavigation ul li.login a.active { background: transparent url(../img/nav_login_active_bg.png) no-repeat 0 0; }

#main_bottom {
	display: block;
	width: 625px;
	height: 27px;
	margin-bottom: 20px;
	background: transparent url(../img/main_bottom_bg.png) no-repeat 0 0;
	margin-left: 325px;
    overflow: visible;
}
#main_bottom.sec {
	background: transparent url(../img/main_sec_bottom_bg.png) no-repeat 0 0;
}

/* main */

#main #content {
    overflow: hidden;
	color: #fff;
}
#main.sec #content {
}
#main.etusivu #content {
    overflow: visible;
    height: 378px;
}
#main #content .text {
	padding: 10px 10px 10px 20px;
	margin-left: 190px;
    font-size: 12px;
    position: relative;
}
#main.sec #content .text {
	padding: 20px 10px 10px 30px;
	margin-right: 125px;
	margin-left: 0;
}
#content .leftbar {
	color: #fff;
	float: left;
	display: block;
	width: 170px;
	text-align: left;
	padding: 10px;
    padding-top: 15px;
	padding-bottom: 84px;
	overflow: hidden;
	font-size: 11px;
	font-weight: bold;
}
#content .leftbar li {
    margin: 7px 0;
    font-size: 10px;
}

#content .rightbar {
	color: #fff;
	float: right;
	display: block;
	width: 125px;
	text-align: center;
/*    padding-bottom: 84px;*/
}
#aina_left {
	background: transparent url(../img/aina_logo.png) no-repeat 50% 100%;
	display: block;
	width: 54px;
	height: 65px;
	text-indent: -9999px;
	float: left;
	margin-left: 72px;
	position: relative;
	top: -60px;
	margin-bottom: -60px;
}
#aina_right {
	background: transparent url(../img/aina_logo.png) no-repeat 50% 100%;
	display: block;
	width: 54px;
	height: 65px;
	text-indent: -9999px;
	float: right;
	margin-right: 35px;
	position: relative;
	top: -60px;
	margin-bottom: -60px;
    overflow: visible;
}

.rightbar .login {
	padding: 35px 9px 0 9px;
	color: #fff;
	text-align: left;
	margin: 0 auto;
	display: block;
	width: 100px;
	height: 122px;
	background: transparent url(../img/login_box_bg.png) no-repeat 0 0;
}
/* login bar */
.login .fields {
	margin: 0;
	margin-bottom: 3px;
	height: 36px;
}
.login label {
	font-size: 9px;
	line-height: 20px;
}
.login .input {
	display: block;
	width: 98px;
	height: 16px;
	background: transparent url(../img/login_input_bg.png) no-repeat 0 0;
}
.login .phone {
	display: block;
	width: 98px;
	height: 16px;
	background: transparent url(../img/login_input_bg.png) no-repeat 0 0;
	line-height: 16px;
	font-size: 9px;
	color: #000;
	text-indent: 3px;
	font-weight: bold;
}
.phone span {
    float: left;
}
.phone input {
    outline: 0;
	display: block;
	background: transparent;
	border: none;
	margin: 0;
	padding: 0;
	width: 70px;
	height: 16px;
	line-height: 16px;
	font-size: 9px;
	color: #000;
	text-indent: 3px;
	font-weight: bold;
}
.input input {
    outline: 0;
	display: block;
	background: transparent;
	border: none;
	margin: 0;
	padding: 0;
	width: 98px;
	height: 16px;
	line-height: 16px;
	font-size: 9px;
	color: #000;
	text-indent: 3px;
	font-weight: bold;
}
.login .fields .button {
	padding-top: 5px;
}
.button button {
	background: transparent url(../img/login_button_bg.png) no-repeat 0 0;
	border: none;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 23px;
	width: 99px;
	height: 23px;
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
.rightbar .info {
	padding-left: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	margin: 20px 0;
}
.text h2, #order h2 {
	font-size: 15px;
	font-weight: bold;
    line-height: 16px;
    height: 20px;
    margin: 6px 0;
    overflow: hidden;
}
.text h3 {
    font-size: 15px;
    margin: 25px 0 15px 0;
}
.text h4 {
    font-size: 14px;
    margin: 15px 0;
}
.text .bullet {
	font-size: 12px;
}
.bullet {
	margin-top: 10px;
    overflow: hidden;
}
.bullet span {
    margin-top: 3px;
	display: block;
	width: 28px;
	height: 27px;
	float: left;
	background: transparent url(../img/bullet_bg.png) no-repeat 0 0;
	text-align: center;
	line-height: 25px;
	font-size: 16px;
	font-weight: bold;
	font-family: Georgia;
}
.bullet div {
	overflow: hidden;
	padding-left: 15px;
    font-weight: normal;
    font-size: 11px;
}
.text b {
	font-size: 15px;
	font-weight: bold;
	color: #ff0215;
}
/* ADS */
#ads {
	display: block;
	overflow: hidden;
	margin-left: 325px;
	width: 625px;
}
#ads .contest {
	display: block;
	width: 505px;
	height: 143px;
	background: transparent url(../img/ad_contest.png) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
}
#ads .music {
	display: block;
	width: 97px;
	height: 96px;
	float: left;
	background: transparent url(../img/button_music_bg.png) no-repeat 0 0;
	margin-top: 25px;
	margin-left: 10px;
	text-indent: -9999px;
}
#ads .music:hover {
	background: transparent url(../img/button_music_active_bg.png) no-repeat 0 0;
}
/* shop */
#items {
	background-color: #3a383f;
	overflow: hidden;
	width: 690px;
	min-height: 565px;
}
/* SIDEBAR */
#itemside {
	float: left;
	width: 250px;
	overflow: hidden;
}
#itemside a.h1 {
	display: block;
	width: 179px;
	height: 196px;
	background: transparent url(../img/logo.png) no-repeat 50% 0;
	text-indent: -9999px;
    margin-left: 60px;
}
#itemside a h1 {
	text-indent: -9999px;
	margin: 0;
}
#itemside #login {
	display: block;
	background: blue;
	width: 167px;
	height: 245px;
	background: transparent url(../img/itemside_box_bg.png) no-repeat 0 0;
	margin-top: 40px;
    margin-left: 60px;
}
#itemside #methods {
	display: block;
	background: blue;
	width: 167px;
	height: 245px;
	background: transparent url(../img/itemside_box_bg.png) no-repeat 0 0;
	margin-top: 20px;
    margin-left: 60px;
}
/* cart/webshop subnav */
#shop_subnavigation {
	margin-top: -22px;
	position: relative;
	top: 22px;
	display: block;
	height: 81px;
    overflow: hidden;
}
#shop_subnavigation ul {
	list-style: none;
}
#shop_subnavigation ul li {
	float: left;
}
#shop_subnavigation ul li a {
	display: block;
	width: 148px;
	height: 81px;
	text-align: center;
	line-height: 81px;
	text-indent: -9999px;
}
#shop_subnavigation ul li.cart a {
    text-align: right;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    text-indent: 0;
}
#shop_subnavigation ul li.cart_large a {
    text-align: left;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    text-indent: 0;
}
#shop_subnavigation ul li.cart a span {
    margin-right: 10px;
}
#shop_subnavigation ul li.cart_large a span {
    margin-left: 140px;
}
#shop_subnavigation ul li.webshop_large a, #shop_subnavigation ul li.cart_large a {
	width: 542px;
}

#shop_subnavigation ul li.webshop a { background: transparent url(../img/items_webshop_bg.png) no-repeat 0 0; }
#shop_subnavigation ul li.cart a { background: transparent url(../img/items_cart_bg.png) no-repeat 0 0; }

#shop_subnavigation ul li.webshop a:hover { background: transparent url(../img/items_webshop_active_bg.png) no-repeat 0 0; }
#shop_subnavigation ul li.cart a:hover { background: transparent url(../img/items_cart_active_bg.png) no-repeat 0 0; }

#shop_subnavigation ul li.webshop a.active { background: transparent url(../img/items_webshop_active_bg.png) no-repeat 0 0; }
#shop_subnavigation ul li.cart a.active { background: transparent url(../img/items_cart_active_bg.png) no-repeat 0 0; }

#shop_subnavigation ul li.webshop_large a { background: transparent url(../img/items_webshop_large_bg.png) no-repeat 0 0; }
#shop_subnavigation ul li.cart_large a { background: transparent url(../img/items_cart_large_bg.png) no-repeat 0 0; }

#shop_subnavigation ul li.webshop_large a:hover { background: transparent url(../img/items_webshop_large_active_bg.png) no-repeat 0 0; }
#shop_subnavigation ul li.cart_large a:hover { background: transparent url(../img/items_cart_large_active_bg.png) no-repeat 0 0; }

#shop_subnavigation ul li.webshop_large a.active { background: transparent url(../img/items_webshop_large_active_bg.png) no-repeat 0 0; }
#shop_subnavigation ul li.cart_large a.active { background: transparent url(../img/items_cart_large_active_bg.png) no-repeat 0 0; }

#login, #methods {
	text-align: center;
	color: #fff;
}
#login .text, #methods .text {
	text-align: left;
	padding: 10px;
	padding-top: 0;
	font-size: 11px;
}
#login h2 {
	margin: 0;
	display: block;
	height: 32px;
	background: transparent url(../img/title_login_bg.png) no-repeat 50% 50%;
	text-indent: -9999px;
}
#login .fields {
	margin-top: 15px;
}
#login .fields input {
	color: #fff;
}
#login .input {
	width: 131px;
	height: 17px;
	background: transparent url(../img/login_input_large_bg.png) no-repeat 0 0;
}
#login .input input {
	width: 131px;
	height: 17px;
	line-height: 17px;
	color: #000;
}
#login label {
	display: block;
	margin: 5px 0;
	font-size: 11px;
}
#methods h2 {
	margin: 0;
	display: block;
	height: 32px;
	background: transparent url(../img/title_methods_bg.png) no-repeat 50% 50%;
	text-indent: -9999px;
}
#methods .text {
	height: 180px;
}
#items table {
	width: 100%;
	color: #fff;
	font-size: 12px;
}
#items table th {
	text-align: center;
	padding: 5px 10px;
	font-weight: normal;
}
#items table td {
	font-size: 14px;
	background-color: #524f59;
	padding: 25px 10px;
	text-align: center;
	border-top: 1px solid #3a383f;
}
#items td.product {
	font-weight: bold;
	text-align: left;
}
#items td.total {
	text-align: right;
	width: 128px;
}
#items tr.total td {
	text-align: right;
	padding: 5px 10px;
	border-top: 2px solid #3a383f;
	border-bottom: 2px solid #3a383f;
}
#items tr.actions td {
	padding: 0;
}
#items a.button {
	display: block;
	width: 148px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: transparent url(../img/items_button_bg.png) no-repeat 0 0;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#items a.button:hover {
	background: transparent url(../img/items_button_active_bg.png) no-repeat 0 0;
}
/* shop */
a.buy {
	display: block;
	width: 115px;
	height: 38px;
	overflow: hidden;
	background: transparent url(../img/items_add_bg.png) no-repeat 0 0;
	line-height: 200px;
	float: left;
}
a.buy:hover {
	background: transparent url(../img/items_add_active_bg.png) no-repeat 0 0;
}
#items .input {
	margin-top: 11px;
	display: block;
	width: 32px;
	height: 17px;
	background: transparent url(../img/items_amount_bg.png) no-repeat 0 0;
	float: left;
}
#items td.cart {
	width: 150px;
}
#items table.shop td {
	padding: 5px;
	border-top: 2px solid #3a383f;
}
#items .cart {
	padding-right: 0 !important;
}
#items .input input {
	width: 32px;
	height: 17px;
	line-height: 17px;
	text-align: center;
}
#items td.image {
	width: 135px;
	height: 88px;
	background-position: 0 100%;
	background-repeat: no-repeat;
}
#items table td h2 {
	font-size: 14px;
	margin: 5px 0;
}
#items table.shop td.price {
	width: 100px;
}
#items table td.info {
	font-size: 10px;
	text-align: left;
}
h1.verkkokauppa, h1.webshop {
    background: transparent url(../img/h1_verkkokauppa.png) no-repeat 0 0;
    text-indent: -9999px;
    height: 20px;
}
h1.ostoskori, h1.cart {
    background: transparent url(../img/h1_ostoskori.png) no-repeat 0 0;
    text-indent: -9999px;
    height: 20px;
}
/* CHAT */
#container.chat {
    background: transparent url(../img/chat_top_bg.png) no-repeat 50% 35px;
}
#chat_top {
    height: 113px;
}
.p5 {
    padding: 10px;
}
.p5 a {
    float: right;
}
/* order */
#order {
	background-color: #3a383f;
	overflow: hidden;
	width: 670px;
	min-height: 545px;
    padding: 10px;
    color: #fff;
    position: relative;
}
#order table {
    color: #fff;
    width: 100%;
}
#order table .text, #order table textarea {
    width: 100%;
}
#order table th {
    padding: 20px 0;
}
#order td.title {
    text-indent: 2em;
    width: 175px;
}
#order td.req {
    text-align: left;
}
.controls {
    padding: 5px;
    margin-top: 30px;
    font-size: 16px;
    font-weight: bold;
}
.f_left {
    float: left;
}
.f_right {
    float: right;
}
.confirm {
    width: 100%;
    border-collapse: collapse;
}
.confirm td {
    padding: 10px;
}
.confirm tr.title td {
    font-weight: bold;
    padding: 5px;
    background-color: #333;
    border: 1px solid #666;
}
.confirm .name {
    width: 35%;
}
.confirm .num {
    width: 35%;
}
.confirm .amount {
    width: 5%;
    text-align: center;
}
.confirm .price {
    text-align: right;
}
.total td {
    padding-top: 10px;
    border-top: 2px solid #fff;
    font-weight: bold;
    font-size: 14px;
}
.total .text {
    text-align: right;
}
.total .value {
    text-align: right;
}
table.info td.title {
    text-indent: 2em;
    width: 15em;
}
div.payment {
    padding: 10px;
    text-align: center;
}
#content .text a {
    color: rgb(0, 162, 255) !important;
    text-decoration: none;
}
h4.path {
    margin-top: 30px;
    font-size: 14px;
    font-weight: normal;
}
.path .step {
    color: #ff0215;
    font-weight: bold;
    font-size: 18px;
}
.tilaus {
    background: transparent url(../img/title_order_bg.png) no-repeat 0 0;
    text-indent: -9999px;
    height: 20px;
}
#pricelist tr.head td, #pricelist tr.head td p {
    font-size: 8px !important;
    font-weight: bold;
}
#login .input span.prefix {
    display: block;
    width: 25px;
	height: 17px;
	line-height: 17px;
	font-size: 9px;
	color: #000;
	text-indent: 3px;
	font-weight: bold;
	color: #000;
    float: left;
}
#login .input input.phonen {
    width: 105px;
    float: left;
}

#facebook {
    display: block;
    width: 105px;
    height: 29px;
    margin-left: 7px;
    margin-top: 7px;
    background: transparent url(../img/fi_facebook.png) no-repeat 0 0;
    text-indent: -9999px;
    overflow: hidden;
}
#twitter {
    display: block;
    width: 105px;
    height: 20px;
    margin-left: 7px;
    margin-top: 7px;
    background: transparent url(../img/twitter.png) no-repeat 0 0;
    text-indent: -9999px;
    overflow: hidden;
}


/** LATAUSBANNERI **/

#ads.lataa .contest {
    display: block;
    width: 725px; /* 505 */
    height: 243px; /* 103 */
    background: transparent url(../img/lataa_banner.png) no-repeat 0 0;
    position: relative;
    left: -100px;
    top: -95px;
}

#ads.lataa .music {
    display: none;
}

#latausmainos {
    position: relative;
    display: block;
    background: transparent url(../img/lataa_2011.png) no-repeat 0 0;
    width: 529px;
    height: 119px;
    overflow: hidden;
    top: 10px;
    left: -54px;
    margin-bottom: -27px;
}

#main #content {
    overflow: visible !important;
}

#ads {
    overflow: visible !important;
}
#ads.godeitti {
    padding-top: 5px;
}

#ads.godeitti .music {
    display: none;
}

#ads.godeitti .contest {
    display: block;
    width: 629px;
    height: 143px;
    background: transparent url(../img/ad_godeitti.png) no-repeat 0 0;
}

#ads.tarjous .contest {
    display: block;
    width: 629px;
    height: 143px;
    background: transparent url(../img/banneri_201102.png) no-repeat 0 0;
    margin-top: 5px;
}
#ads.tarjous .music {
    display: none;
}



a#a-reload {
    display: block;
    width: 160px;
    height: 53px;
    background: transparent url(../img/a_reload.png) no-repeat 0 0;
    text-indent: -9999px;
}
a#a-reload:hover {
    background: transparent url(../img/a_reload.png) no-repeat 0 -53px;
}

a#a-shop {
    float: left;
    display: block;
    width: 160px;
    height: 54px;
    background: transparent url(../img/a_shop.png) no-repeat 0 0;
    text-indent: -9999px;
}
a#a-shop:hover {
    background: transparent url(../img/a_shop.png) no-repeat 0 -54px;
}

.controls table small {
    font-weight: normal;
    font-size: 11px;
}



/* New payment styles */
#information input.text {
    background: transparent url(../img/input_bg.png) no-repeat 0 0;
    border: none;
    height: 21px;
    width: 348px;
    text-indent: 5px;
}

.controls .f_left, a.a-left {
    display: block;
    width: 154px;
    height: 70px;
    text-indent: -9999px;
    background: transparent url(../img/button_back.png) no-repeat 0 0;
}
.controls .f_left:hover, a.a-left:hover {
    background: transparent url(../img/button_back.png) no-repeat -154px 0;
}

.controls .f_right, a.a-right {
    display: block;
    width: 154px;
    height: 70px;
    background: transparent url(../img/button_fwd.png) no-repeat 0 0;
    text-indent: -9999px;
}
.controls .f_right:hover, a.a-right:hover {
    background: transparent url(../img/button_fwd.png) no-repeat -154px 0;
}

a.a-pay {
    display: block;
    width: 161px;
    height: 151px;
    background: transparent url(../img/button_pay.png) no-repeat 0 0;
    text-align: left;
    text-indent: -9999px;
    padding: 0;
    position: relative;
    margin: -35px 0;
}
a.a-pay:hover {
    background: transparent url(../img/button_pay.png) no-repeat -161px 0;
}

#maksu input[type=image] {
    display: none;
}



#side .ad {
	background: transparent url(../img/camp/side_ad.png) no-repeat 0 0;
}