/*--------------------------------------------    
    	
	KULLASSEPP KARL - www.jewel.ee - ver2
	February 2010
	Designed/coded by Papilion Disain
	All rights reserved

---------------------------------------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin:0;
	padding:0;
	border:0;
}
body {
	font-size:70%;
	line-height:1.5em;
	font-family:arial,sans-serif;
	color:#79676e;
	background:#fff;
	text-align:left;
	width:100%;
	height:100%;
}

a:link, 
a:visited, 
a:active 		{ color:#f22e7b;text-decoration:underline; }
a:hover,a:focus 	{ color:#60585b;text-decoration:none; }
a 				{ outline:none; }

h1,h2,h3{ background-color:transparent; }
h2{ color:#60585b;font-size:110%; }
p{ margin:0 0 15px 0; }

ul, ol 	{ list-style:none; }
.clear	{ clear:both;height:1px;font-size:1px;border:none;background:transparent; }
.left 	{ float:left }
.right 	{ float:right }
a img	{ border:none }


/*----------------------    
    STRUKTUUR
-----------------------*/

.wrapper{ width:930px;position:relative;margin:0;padding:30px 0 0 30px; }
.vasak	{ width:170px;position:fixed;margin:0;padding:0; }
* html .vasak	{ position:relative;float:left; }
.parem	{ width:670px;position:relative;float:right;margin:0;padding:0 0 30px 0; }


/*----------------------    
    VASAK
-----------------------*/

#accordion{ margin:0;padding:0; }
h2.toggler{ cursor:pointer;padding:0 15px 0 0;margin-bottom:8px;line-height:14px;text-transform:uppercase; }
h2.togglerMenuDown {
	background:url('../files/user_files/graphics/toggler-up.gif') no-repeat bottom right;
}
h2.togglerMenuUp {
	background:url('../files/user_files/graphics/toggler-down.gif') no-repeat bottom right;
}

.vasak h1#logo{ width:170px;height:39px;float:left;background:#fff url('../files/user_files/graphics/logo.gif') no-repeat top left;margin:40px 0 30px 0; }
.vasak h1#logo a{ display:block;text-indent:-9000px;width:170px;height:39px; }
.vasak h1#logo a:hover{ background:#fff url('../files/user_files/graphics/logo-ovr.gif') no-repeat top left; }

.vasak ul,.vasak h2,.vasak p{ text-align:right; }

ul.nav{ width:170px;float:left;margin:0 0 10px 0; }
ul.nav li,ul.nav a{ width:170px;display:block;float:left;font-size:100%;line-height:1.6em;color:#60585b;text-decoration:none; }
ul.nav li{ float:left;list-style:none;display:inline; }
ul.nav li a em{ font-style:normal;color:#f22e7b; }
ul.nav li a.active{ width:160px;padding-right:10px;background:#fff url('../files/user_files/graphics/li-active.gif') no-repeat center right;color:#f22e7b;text-decoration:underline; }
ul.nav li a:hover{ color:#f22e7b;text-decoration:underline; }
ul.nav.bold li a{ font-size:110%;font-weight:bold;line-height:1.8em; }

p.skype-btn{ margin:10px 0;width:170px;height:37px;float:left; }
p.skype-btn a span { display:none; }
p.skype-btn a { display:block;float:right;background:url('../files/user_files/graphics/skype.gif') no-repeat top left;border:none;width:94px;height:37px; }

p.papilion { float:right;width:58px;height:20px; }
p.papilion a span { display:none; }
p.papilion a { display:block;background:url('../files/user_files/graphics/pap-logo.gif') no-repeat top left;border:none;width:58px;height:20px; }
p.papilion a:hover { text-decoration:none;border:none;background:url('../files/user_files/graphics/pap-logo-ovr.gif') no-repeat top left; }

.login{ position:absolute;right:0;bottom:26%;width:170px;margin:0; }
.login h3{ width:160px;line-height:20px;font-size:11px;float:left;padding:5px;background:#f22e7b;color:#fff;text-transform:uppercase; }
#login-form{ float:left;width:170px;height:70px;background:#bbb; }
#login-form input{ float:left;width:154px;height:15px;padding:2px;background:#fff;border:1px solid #fff;font-size:11px;color:#333; }
#login-form input.field-txt{ margin:10px 0 5px 5px; }
#login-form input.field-pwd{ margin:0px 5px 0 5px;padding:2px;width:123px; }
#login-form input.submit-btn{ width:26px;height:21px;border:1px solid #60585b;background:#60585b;color:#fff; }


/*----------------------    
    PAREM
-----------------------*/

.parem img{ float:left; }
.slideshow { width:670px;height:520px; }

.parem h2,.parem h3{ font-weight:normal;line-height:1.6em; }
.parem p{ font-size:110%; }
.parem p em{ color:#9b5d05; }
.parem h2{ text-align:right;font-size:150%;color:#f22e7b;width:100%;border-top:1px solid #f22e7b;padding:0 0 10px 0; }
.parem h3{ font-size:140%;color:#000;width:100%;padding:10px 0 15px 0; }

.parem div.info-vasak{ float:right;width:240px;margin-top:20px;font-size:100%;line-height:1.6em; }
.parem ul{ width:655px;float:left;margin:0 0 10px 15px;font-size:110%; }
.parem ul li,.parem ul a{ width:640px;display:block;float:left;line-height:1.6em; }
.parem ul li{ float:left;list-style:none;display:inline;padding-left:15px;background:#fff url('../files/user_files/graphics/li-bg.gif') no-repeat 0 5px; }

/*-- KONTAKTVORM --*/

legend{ display:none; }
input,textarea,select{ margin:0;padding:1px;font-family:inherit; }
select{ padding:0; }
form.kontaktvorm{ width:360px;padding:20px;margin-top:20px;font-size:110%;background:#f4f4f4;float:left; }
form.kontaktvorm fieldset ol{ margin:0 0 10px 0;padding:0; }
form.kontaktvorm fieldset ol.tumedam{ background:#fff; }
form.kontaktvorm fieldset li{ list-style:none;padding:3px 0;margin:0; }
form.kontaktvorm ol.tumedam li{ padding:5px 10px; }
form.kontaktvorm label{ display:inline-block;line-height:1.8em;vertical-align:top;width:110px; }
form.kontaktvorm input,form.kontaktvorm textarea,form.kontaktvorm select{ width:240px;border:1px solid #666;padding:2px;color:#79676e; }
form.kontaktvorm select{ width:245px; }
form.kontaktvorm input.btn{ width:auto;border:2px solid #fff;background:#f22e7b;padding:2px;margin-top:5px;color:#fff; }
form.kontaktvorm input.btn-tagasi{ width:auto;border:2px solid #fff;background:#60585b;padding:2px;margin-top:5px;color:#fff; }
/*\*//*/ form.kontaktvorm legend { display: inline-block; } /* IE Mac legend fix */

/*-- SORTEERI --*/

.sort-lehed{ width:650px;position:relative;float:left;padding:7px 10px;margin:15px 0;background:#f4f4f4; }
.lehed{ width:450px;float:left;padding-top:5px;font-size:110%;color:#333 }
.sorteeri{ width:auto;float:right; }
.sorteeri label{ font-weight:normal;display:none; }
.sorteeri select{ width:140px !important;border:1px solid #bbb;padding:1px; }

/*-- TOOTELIST --*/

.tootelist{ width:670px;position:relative;float:left; }
.tootelist.border{ margin-top:15px;border-bottom:1px solid #f22e7b; }
.tootekast{ width:200px;position:relative;float:left;margin:0 34px 30px 0;padding:0;border-bottom:1px solid #634552;background:#fff url('../files/user_files/graphics/kast-bg.gif') no-repeat bottom right; }
.tootekast.last{ margin:0 0 30px 1px; }
.tootekast img{ margin-bottom:5px; }
.tootekast h5{ font-size:100%;font-weight:normal; }

/*-- TOODE leht --*/

.toode{ width:670px;position:relative;float:left;margin:15px 0 0 0;border-bottom:1px solid #f22e7b;font-size:90%; }
p.uus-toode{ position:absolute;top:0;left:0;padding:5px 10px;border-right:2px solid #fff;border-bottom:2px solid #fff;background:#f22e7b;color:#fff;font-weight:bold; }
.toote-pildid{ width:400px;float:left; }
.toote-pildid .thumbs{ width:400px;float:left;margin:5px 0;padding:5px 0; }
p.prev-nxt-toode{ float:left;padding:20px 0 5px 0;margin:0; }
.toote-info{ width:240px;float:right;text-align:right; }
.toote-info h3.tootekood{ padding:0 0 15px 0; }
.toote-info p em{ font-size:100%;text-transform:uppercase;font-style:normal;color:#f22e7b; }

#suurus-kogus{ position:relative; }
#suurus-kogus input{ border:1px solid #ccc;width:20px;height:14px; }
#suurus-kogus p{ margin-bottom:5px; }

#mytable{ width:240px;padding:0;margin:0;font-size:110%; }
#mytable caption{ display:none; }
#mytable th{ border-bottom:1px solid #bbb;padding:0 5px }
#mytable td{ border-bottom:1px dotted #ccc;padding:3px 5px; }
#mytable td.last{ margin-top:5px;border-bottom:0px none;background:#bbb;color:#fff }

.nupud{ position:relative;width:240px;margin:10px 0; }
.nupud p#pane-korvi-btn a{ float:right;width:80px;padding:6px 15px;background:#f22e7b;color:#fff;text-decoration:none;font-size:13px; }
.nupud p#lisa-lemmik-btn a{ float:left;width:90px;padding:6px 10px;background:#74b709;color:#fff;text-decoration:none;font-size:11px; }

/*-- OSTUKORV leht --*/

form#basket{ width:100%;float:left;margin:15px 0 0 0; }
table.ostukorvi-tbl{ width:100%;background:#eee;border-collapse:collapse;font-size:110%; }
table.ostukorvi-tbl tr{ border:1px solid #eee; }
table.ostukorvi-tbl tr th{ padding:7px 5px; }
table.ostukorvi-tbl tr td{ text-align:left;vertical-align:middle;padding:7px 5px;background:#fff; }
table.ostukorvi-tbl tr td.esimene{ width:30%; }
table.ostukorvi-tbl.kokku{ width:auto;float:left;margin-top:20px; }
table.ostukorvi-tbl tr.sum-kokku td{ background-color:#eee;padding:7px 10px;font-size:110%;color:#333;font-weight:bold; }
input.btnAddToBasket{ float:right;margin:20px 0 0 5px;padding:7px 10px;font-size:110%;background:#60585b;color:#fff;border:0px none; }
input.btnAddToBasket.red{ background:#f22e7b; }

/*-- MINU KONTO leht --*/

.parem h2 em{ font-size:70%;font-style:normal;color:#000 }
.parem .minu-konto{ position:relative;float:left;width:630px;background:#f4f4f4;margin:15px 0;padding:5px 20px; }
.parem .minu-konto h3{ color:#000;text-align:right; }
.parem .minu-konto h3 em{ font-style:normal; }
.parem .minu-konto h3 em a{ text-decoration:none; }
.parem .minu-konto p{ color:#000; }

.parem .minu-konto.lemmikud ul{ width:620px;background:#fff;margin:0;padding:5px;overflow:hidden;position:relative;float:left;margin-bottom:10px; }
.parem .minu-konto.lemmikud ul li{ float:left;list-style:none;display:inline;padding:0;margin:0 6px 5px 0;background:none;width:50px; }

.parem .minu-konto form.kontaktvorm{ margin-top:0px;padding:0 0 10px 0;float:left;width:450px; }
.parem .minu-konto form.kontaktvorm fieldset ol{ padding-bottom:10px; }
.parem .minu-konto form.kontaktvorm fieldset ol.border{ border-bottom:1px solid #bbb; }
.parem .minu-konto form.kontaktvorm label{ width:150px; }
.parem .minu-konto form.kontaktvorm input{ width:290px; }
.parem .minu-konto form.kontaktvorm input.btn{ width:155px; }

.parem .minu-konto form#basket{ margin-top:0;padding-bottom:10px; }
table.ostukorvi-tbl tr td img{ width:50px;padding-right:10px; }